We do our best to give you all information you need. Use the Search menu to search for the page you are looking for. The most used pages are on the side menu or in the Popular Pages page.
Do you miss important stuff or do you have suggestions? Let us know via Discord or in-game. Thank you for using our Wiki!
MediaWiki:Common.css
From GrinderScape Wiki
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,700);
body {
background: #151515 url(https://www.grinderscape.org/assets/images/background.png);
font-family: Open Sans, sans-serif;
font-size: 12px;
line-height: 20px;
color: #909090;
}
p {
line-height: 20px;
font-size: 12px;
margin: 0px;
color: #909090;
}
b {
color: #B8B8B8;
}
a {
color: #627924!important;
text-decoration: none!important;
}
a:hover {
color: #909090!important;
}
div#index {
margin-bottom: 30px;
background: linear-gradient(rgba(43,55,64,0.5),rgba(43,55,64,0.5)),url(https://www.grinderscape.org/assets/images/background.png)!important;
box-shadow: 0 0 5px rgba(0,0,0,0.7);
}
.index-title {
background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
padding: 10px 15px;
}
.index-item {
display: flex;
padding: 10px 15px;
border-top: 1px solid #151A1E;
cursor: pointer;
}
.index-item:hover {
background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
}
.index-item:hover a {
color: #909090!important;
}
.index-item img {
max-width: 40px;
max-height: 40px;
margin-right: 10px;
}
::-webkit-input-placeholder {
color: #6C6C6C;
}
:-moz-placeholder { /* Firefox 18- */
color: #6C6C6C;
}
::-moz-placeholder { /* Firefox 19+ */
color: #6C6C6C;
}
:-ms-input-placeholder {
color: #6C6C6C;
}
nav {
background: linear-gradient(rgba(43,55,64,0.5),rgba(43,55,64,0.5)),url(https://www.grinderscape.org/assets/images/background.png)!important;
box-shadow: 0 0 5px rgba(0,0,0,0.7);
}
nav ul {
list-style-type: none;
list-style-image: none;
text-align: center;
margin: auto;
}
nav ul li {
line-height: 20px;
font-size: 12px;
margin: 0;
text-transform: capitalize;
display: inline-flex;
}
nav ul li a {
padding: 10px 15px;
border-right: 1px solid #151A1E;
}
nav ul li:first-child a {
border-left: 1px solid #151A1E;
}
nav ul li a:hover {
background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
}
header {
min-width: 800px;
background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)),url(https://www.grinderscape.org/assets/images/background.png);
}
div#logo {
padding: 30px 0;
margin: auto;
text-align: center;
}
div#wrap {
background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)),url(https://www.grinderscape.org/assets/images/background.png);
box-shadow: 0 0 5px rgba(0,0,0,0.7);
min-width: 800px;
max-width: 1200px;
margin: 60px auto;
padding: 30px 30px 0 30px;
box-sizing: border-box;
}
div#mw-head {
position: initial;
}
div#p-personal {
position: initial;
text-align: right;
padding-bottom: 30px;
}
#p-personal ul {
padding: 0;
display: inline-block;
background: linear-gradient(rgba(43,55,64,0.5),rgba(43,55,64,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
box-shadow: 0 0 5px rgba(0,0,0,0.7);
}
#p-personal ul li {
float: initial;
margin: 0;
font-size: 12px;
line-height: 20px;
display: inline-block;
padding: 0!important;
background: none;
border-right: 1px solid #151A1E;
}
#p-personal ul li a {
padding: 10px 15px;
display: block;
}
#p-personal ul li a:hover {
background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
}
#p-personal ul li:last-child {
border-right: none;
}
div#siteNotice {
background: linear-gradient(rgba(43,55,64,0.5),rgba(43,55,64,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
box-shadow: 0 0 5px rgba(0,0,0,0.7);
padding: 10px 15px;
margin-bottom: 30px!important;
text-align: center;
}
div#localNotice {
margin-bottom: 0;
}
div#announcement{
font-size: 12px;
}
div#localNotice > p {
display: none;
}
div#content-sidebar-wrap {
display: table;
width: 100%;
}
div#mw-panel {
position: initial;
width: 220px;
display: table-cell;
padding: 0px 30px 0px 0px;
vertical-align: top;
box-sizing: border-box;
}
div#p-logo {
display: none;
}
div#p-search {
margin: 0;
float: initial;
margin-bottom: 30px;
box-shadow: 0 0 5px rgba(0,0,0,0.7);
}
div#searchTitle {
background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
padding: 10px 15px;
border-bottom: 1px solid #151A1E;
}
form#searchform {
padding: 10px 15px;
margin: 0;
background: linear-gradient(rgba(43,55,64,0.5),rgba(43,55,64,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
}
div#simpleSearch {
margin: 0;
padding: 0;
width: 100%;
position: relative;
height: initial;
border: 0;
}
div#simpleSearch #searchInput {
padding: 5px 36px 5px 5px;
line-height: 20px;
color: #909090;
font-size: 12px;
border: 1px solid #151A1E;
background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
font-family: Open Sans,sans-serif;
}
div#simpleSearch #searchButton {
height: 32px;
width: 32px;
border: 1px solid #151A1E;
outline: none;
}
div#mw-panel div.portal {
background: linear-gradient( rgba( 43, 55, 64, 0.5 ), rgba( 43, 55, 64, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png )!important;
box-shadow: 0 0 5px rgba(0,0,0,0.7);
margin: 0;
padding: 0;
margin-bottom: 30px;
}
div#mw-panel div.portal h3 {
font-size: 12px;
line-height: 20px;
background: linear-gradient( rgba( 31, 42, 53, 0.5 ), rgba( 31, 42, 53, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
padding: 10px 15px;
cursor: initial;
display: block!important;
color: #909090;
}
div#mw-panel div.portal div.body {
margin: 0!important;
}
div#mw-panel div.portal div.body ul li {
line-height: 20px;
font-size: 12px;
padding: 0;
display: flex;
}
div#mw-panel div.portal div.body ul li a {
padding: 10px 15px;
border-top: 1px solid #151A1E;
width: 100%;
}
div#mw-panel div.portal div.body ul li a:hover {
background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
}
div#content-wrap {
box-sizing: border-box;
}
#contentSub, #contentSub2 {
padding: 10px 15px;
font-size: 12px;
line-height: 20px;
margin: 0;
color: #909090;
margin-bottom: 30px;
background: linear-gradient(rgba(43,55,64,0.5),rgba(43,55,64,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
box-shadow: 0 0 5px rgba(0,0,0,0.7);
}
div#content-navigation-wrap {
box-shadow: 0 0 5px rgba(0,0,0,0.7);
margin-bottom: 30px;
}
div#navigation {
display: flex;
position: relative;
background: linear-gradient(rgba(43,55,64,0.5),rgba(43,55,64,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
border-bottom: 1px solid #151A1E;
}
div#left-navigation {
margin: 0;
}
div#left-navigation li {
border-right: 1px solid #151A1E;
}
div#right-navigation {
position: absolute;
right: 0;
margin: 0;
}
div#right-navigation li {
border-left: 1px solid #151A1E;
}
div.vectorTabs {
background: none;
padding: 0;
height: initial;
}
div.vectorTabs ul {
background: none;
}
div.vectorTabs ul li {
background: none;
font-size: 0;
}
div.vectorTabs ul li:hover {
background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
}
div.vectorTabs li.selected {
background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
}
div.vectorTabs li.selected a {
color: #909090!important;
cursor: initial;
}
div.vectorTabs span {
background: none;
}
div.vectorTabs li a {
font-size: 12px;
line-height: 20px;
padding: 10px 15px;
height: initial;
}
div#content {
margin: 0;
border: 0;
background: linear-gradient( rgba( 43, 55, 64, 0.5 ), rgba( 43, 55, 64, 0.5 ) ), url(https://www.grinderscape.org/assets/images/background.png );
}
h1#firstHeading {
display: none;
}
ul#footer-info {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 10px 15px;
background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
border-top: 1px solid #151A1E;
}
ul#footer-info li {
margin: 0;
}
div#footer {
margin: 0;
padding: 0;
min-width: 800px;
}
div#customFooter {
margin: 0;
background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)),url(https://www.grinderscape.org/assets/images/background.png);
box-shadow: 0 0 5px rgba(0,0,0,0.7);
margin-top: 30px;
padding: 30px;
text-align: center;
}
ul#footer-places, ul#footer-icons {
display: none;
}
div#mw-page-base {
background: black;
position: fixed;
z-index: 1;
width: 100%;
height: 100%;
}
div#loader {
border: 16px solid #f3f3f3; /* Light grey */
border-top: 16px solid #3498db; /* Blue */
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
