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
Revision as of 14:07, 18 March 2016 by Grinder (Talk | contribs) (Created page with "@import url(https://fonts.googleapis.com/css?family=Signika:400,600); html { height: initial; } body { width: 90%; max-width: 1200px; min-width: 800px; margin: auto; f...")
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=Signika:400,600);
html {
height: initial;
}
body {
width: 90%;
max-width: 1200px;
min-width: 800px;
margin: auto;
font-family: 'Signika', sans-serif;
background-image: url(https://www.grinderscape.org/assets/images/background.png);
}
body::-webkit-scrollbar {
width: 10px;
height: 10px;
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #1E1E1D;
}
body::-webkit-scrollbar-thumb {
background-color: #417394;
border-radius: 10px;
}
body::-webkit-scrollbar-thumb:hover {
background-color: #060606;
}
div#mw-page-base {
position: absolute;
top: 122px;
left: 0px;
width: 100%;
min-width: 800px;
height: 46px;
background: linear-gradient(rgba(31, 42, 53, 0.5), rgba(31, 42, 53, 0.5)), url(https://www.grinderscape.org/assets/images/background.png);
box-shadow: 0 0 5px rgba(0,0,0,0.7);
}
div#mw-head-base {
background-image: none;
height: 0px;
margin-top: 198px;
}
div#mw-head {
width: 90%;
max-width: 1200px;
min-width: 800px;
margin: auto;
font-weight: bold;
left: 0;
top: 456px;
}
div#p-personal {
top: -228px;
background: linear-gradient(rgba(31, 42, 53, 0.5), rgba(31, 42, 53, 0.5)), url(https://www.grinderscape.org/assets/images/background.png);
right: 30px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
}
#p-personal h5 {
display: none;
}
#p-personal ul {
display: flex;
padding: 0px;
}
#p-personal ul li {
line-height: 16px;
margin: 15px;
}
#pt-userpage, #pt-anonuserpage, #pt-login {
background: url();
padding-left: 0px!important;
}
#pt-anonuserpage, #pt-anontalk {
display: none;
}
div#left-navigation {
left: 30px;
right: 30px;
top: initial;
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 {
background: none;
padding-left: 0px;
height: initial;
}
div.vectorTabs ul {
background: none;
}
div.vectorTabs ul li {
background: none;
display: flex;
}
div.vectorTabs ul li a {
height: initial;
padding: 0px;
margin: 15px;
font-size: 12px;
line-height: 16px;
}
div.vectorTabs ul li.selected {
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.vectorTabs span {
background: none;
}
div#right-navigation {
margin-top: 0px;
right: 30px;
position: absolute;
}
div.vectorMenu {
background: url(http://i.imgur.com/PyfS9Qt.png) no-repeat center;
}
div#mw-head div.vectorMenu > h5 {
margin-left: 0px;
}
div.vectorMenu h5 a {
background-image: none;
height: 46px;
width: 46px;
}
div.vectorMenu h5 a:hover {
background-color: rgba(255, 255, 255, 0.03);
}
div.vectorMenu ul {
background-image: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
right: 0px;
border: none;
z-index: 1;
}
div.vectorMenu li a {
padding: 4px 12px;
font-size: 12px;
}
div.vectorMenu li a:hover {
background-color: rgba(255, 255, 255, 0.03);
color: rgb(190, 190, 190)!important;
}
div#p-search {
margin: 0px 0px 0px 767px;
position: fixed;
top: 0;
z-index: 2;
}
form#searchform {
margin: 0px;
}
form#searchform div {
display: table;
}
input#searchInput {
padding: 4px 40px 4px 12px;
margin: 5px 0px;
color: #696969;
font-size: 12px;
width: 203px;
line-height: 16px;
background: rgba(0, 0, 0, 0);
border: none;
border-top: 1px solid rgb(44,50,54);
border-bottom: 1px solid rgb(44, 50, 54);
border-radius: 4px;
box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.7);
}
input#searchInput:focus {
outline: none;
}
input#searchGoButton {
background: url(http://i.imgur.com/Qq4U6Y7.png) no-repeat center;
border: none;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
padding: 4px 12px;
margin: 5px 0px 5px -40px;
cursor: pointer;
font-weight: bold;
color: transparent;
line-height: 16px;
font-size: 12px;
}
input#searchGoButton:focus {
outline: none;
}
input#mw-searchButton {
display: none;
}
div#mw-panel {
right: 0;
margin: 0px auto;
width: 90%;
max-width: 1200px;
min-width: 800px;
top: 0px;
padding: 0px;
}
#p-logo {
top: 0px;
height: 122px;
width: 100%;
}
#p-logo a {
height: 62px;
width: 240px;
margin: 30px auto;
background-image: url(http://i.imgur.com/zZHHFgp.png)!important;
}
div#mw-panel div.portal {
padding: 122px 0px 0px;
font-weight: bold;
}
div#mw-panel div.portal h5 {
display: none;
}
div#mw-panel div.portal div.body {
margin: 0px;
padding: 0px;
background-image: none;
}
div#mw-panel div.portal div.body ul {
display: flex;
justify-content: center;
}
div#mw-panel div.portal div.body ul li {
line-height: 16px;
padding: 0px;
display: flex;
}
div#mw-panel div.portal div.body ul li a {
margin: 15px;
}
div#mw-panel div#p-tb {
display: none;
}
div#content {
margin: 0px 0px 30px;
background-image: none;
padding: 106px 30px 30px;
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);
}
div#mw-js-message {
border: none;
margin: 0px;
text-align: center;
color: #696969;
font-size: 12px;
margin-bottom: 30px;
padding: 15px 10px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px;
background-image: linear-gradient(rgba(0, 134, 255, 0.06),rgba(0, 134, 255, 0.06) 150%),url(http://i.imgur.com/WjtyEVA.png);
}
div#mw-js-message p {
padding: 0px;
}
div#localNotice {
background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
margin-bottom: 30px;
color: #696969;
font-weight: bold;
}
h1#firstHeading {
margin: 0px;
border-bottom: none;
padding: 15px;
color: #696969;
font-weight: bold;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
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#bodyContent {
font-size: 12px;
line-height: 16px;
padding: 46px 0px 15px;
text-align: justify;
color: #696969;
margin-top: 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: 0px 0px 5px rgba(0, 0, 0, 0.7);
}
#contentSub, #contentSub2 {
padding: 7.5px 30px;
margin: 0px;
font-size: 12px;
line-height: 16px;
}
div#mw-content-text {
padding: 0px 30px;
}
/* FOOTER */
div#footer {
margin: 0px;
padding: 0px;
background-image: url();
}
div#footer #footer-info li {
padding: 0px;
font-size: 12px;
color: #696969;
}
div#footer #footer-info div.custom_footer {
margin-top: 30px;
padding: 30px 0px;
position: absolute;
min-width: 800px;
left: 0px;
right: 0px;
text-align: center;
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);
}
div#footer #footer-info div.custom_footer table {
border-spacing: 20px 0px;
margin: 0px auto;
}
div#footer #footer-info div.custom_footer table td {
padding: 0px!important;
width: 24px;
height: 24px;
margin: 0px 10px!important;
}
div#footer #footer-info div.custom_footer table td a {
display: flex;
height: 24px;
font-size: 0px;
color: transparent!important;
}
div#footer #footer-info div.custom_footer table td.facebook a {
background-image: url(http://i.imgur.com/OBC4i0q.png)!important;
}
div#footer #footer-info div.custom_footer table td.twitter a {
background-image: url(http://i.imgur.com/bjpeuTi.png)!important;
}
div#footer #footer-info div.custom_footer table td.youtube a {
background-image: url(http://i.imgur.com/DpLZuTY.png)!important;
}
div#footer #footer-info div.custom_footer table td a:hover {
opacity: 0.5;
}
div#footer #footer-info div.custom_footer p {
padding: 30px 0px 0px;
}
div#footer #footer-icons, div#footer ul#footer-places {
display: none;
}
/* LINKS */
a {
color: #A9A9A9!important;
text-decoration: none!important;
}
a.new {
color: rgb(158, 65, 65)!important;
}
#p-personal a.new {
color: rgb(190, 190, 190)!important;
}
a:hover {
color: #696969!important;
}
a.external {
background-image: none!important;
padding: 0px!important;
}
p {
margin: 0px;
line-height: 16px;
padding: 15px 0px;
}
pre {
margin: 15px 0px;
padding: 15px;
line-height: 16px;
white-space: pre-line;
color: #696969;
border: 0px;
background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
font-family: sans-serif;
font-style: italic;
}
img {
vertical-align: baseline;
max-width: 90%;
padding: 10px 0px;
}
.border {
padding: 10px 0px;
}
.border img {
padding: 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);
}
div#bodyContent ul, div#bodyContent ol {
margin: 0px!important;
padding: 10px 0px 10px 30px!important;
list-style-image: initial;
list-style-position: inside;
}
div#bodyContent li {
margin: 0px;
padding: 5px 0px;
line-height: 16px;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 0px;
padding: 20px 0px 0px;
border-bottom: none;
font-weight: normal;
font-size: 12px!important;
line-height: 16px!important;
margin-bottom: 10px;
}
h1, h2 {
color: #DC6507;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #2F2F2F;
box-shadow: inset 0px -1px #151515;
}
h3 {
color: #5C839A;
}
h4, h5, h6 {
color: #C4B08F;
}
span.editsection {
line-height: 0px;
float: left!important;
margin: 0px 5px 0px 0px;
font-size: 0px;
}
span.editsection a {
line-height: 16px;
display: flex;
background: url(http://icons.iconarchive.com/icons/yusuke-kamiyamane/fugue/16/pencil-button-icon.png) no-repeat center;
width: 16px;
}
.toc, #toc {
display: none;
}
hr {
margin: 10px 0px;
border-top: 1px solid #151515;
border-bottom: 1px solid #2F2F2F;
height: 0px;
}
p.mw-ipb-conveniencelinks, p.mw-protect-editreasons, p.mw-filedelete-editreasons, p.mw-delete-editreasons, p.mw-revdel-editreasons {
font-size: 12px;
line-height: 16px;
}
.mw-warning-logempty {
padding: 10px 0px;
}
div.mw-warning-with-logexcerpt {
display: none;
}
code {
background-color: rgba(0, 0, 0, 0.05);
}
.previewnote h2 {
position: absolute;
right: 15px;
left: 15px;
top: -76px;
border: 0px;
font-weight: bold;
box-shadow: none;
margin: 0px -15px;
padding: 15px;
color: #696969;
background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
}
.previewnote p {
display: none;
}
.previewnote hr {
display: none;
}
.redirectMsg img {
height: 0px;
}
.redirectText {
font-size: 12px;
}
.error {
font-size: 12px;
color: rgb(158,65,65);
}
#pagehistory li {
border: 0px!important;
}
form#editform {
line-height: 0px;
padding: 10px 0px;
}
textarea#wpTextbox1 {
border: 1px solid #000000;
box-shadow: 0px 0px 0px 1px #2D2D2D;
color: #696969;
font-size: 12px;
padding: 10px;
margin: 11px 0px 11px 1px;
width: 926px!important;
background-color: rgba(24, 42, 62, 0.2);
}
textarea#wpTextbox1:focus {
outline: none;
}
div#editpage-copywarn, span#wpSummaryLabel, input#wpSummary, .editCheckboxes {
display: none;
}
strong.selflink {
font-weight: normal;
}
img#mw-editbutton-signature, img#mw-editbutton-hr {
display: none;
}
input[type=text]::-ms-clear { display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal { display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
table.wikitable {
margin: 15px 0px;
background-color: transparent;
color: #696969;
}
table.wikitable th {
background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
}
table.wikitable th, table.wikitable td {
border: 1px solid #10161B!important;
padding: 15px!important;
}
/* SPECIFIC PAGES */
.index {
width: 100%;
display: table;
}
.index .index_box {
width: 48%;
margin: 15px 0px;
display: inline-block;
position: relative;
box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
}
.index .index_box:nth-child(odd) {
margin-right: 4%;
}
.index .index_box .title {
display: flex;
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 .index_box .icon {
padding: 5px 0px 5px 15px;
width: 36px;
text-align: center;
}
.index .index_box #none {
display: none;
}
.index .index_box .icon img {
padding: 0px;
height: 36px;
max-width: 36px;
vertical-align: middle;
}
.index .index_box .link {
font-weight: bold;
padding: 15px;
}
.index .index_box .text {
padding: 15px;
}
.index .index_box .text a {
display: flex;
height: 100%;
font-size: 0px;
}
.index .index_box div#in-game {
padding: 0px;
background: url(http://i.imgur.com/mLudboC.png) center;
height: 120px;
opacity: 0.6;
box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.7);
transition: 1000ms;
}
.index .index_box div#forums {
padding: 0px;
background: url(http://i.imgur.com/hynVrnq.png) center;
height: 120px;
opacity: 0.6;
box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.7);
transition: 1000ms;
}
.index .index_box div#support_centre {
padding: 0px;
background: url(http://i.imgur.com/kVh80Nt.png) center;
height: 120px;
opacity: 0.6;
box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.7);
transition: 1000ms;
}
.index .index_box div#in-game:hover, .index .index_box div#forums:hover, .index .index_box div#support_centre:hover {
opacity: 1;
}
.index .index_box .ribbon {
position: absolute;
right: -5px;
top: -5px;
z-index: 1;
overflow: hidden;
width: 75px;
height: 75px;
text-align: right;
}
.index .index_box .ribbon span {
color: #A9A9A9;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
text-transform: uppercase;
font-family: monospace;
text-align: center;
font-weight: bold;
line-height: 20px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
width: 100px;
background-color: #27435F;
position: absolute;
top: 19px;
right: -21px;
}
.index .index_box .ribbon span::before {
content: '';
position: absolute;
left: 0px;
top: 100%;
border-left: 3px solid #1D2F42;
border-right: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #1D2F42;
}
.index .index_box .ribbon span::after{
content: '';
position: absolute;
right: 0%;
top: 100%;
border-right: 3px solid #1D2F42;
border-left: 3px solid transparent;
border-bottom: 3px solid transparent;
border-top: 3px solid #1D2F42;
}
div#index span {
background-color: #3D4A3D;
}
div#index span::before {
border-left: 3px solid #293329;
border-top: 3px solid #293329;
}
div#index span::after {
border-right: 3px solid #293329;
border-top: 3px solid #293329;
}
div#external span {
background-color: #5F3663;
}
div#external span::before {
border-left: 3px solid #412344;
border-top: 3px solid #412344;
}
div#external span::after {
border-right: 3px solid #412344;
border-top: 3px solid #412344;
}
div#new span {
background-color: #863030;
}
div#new span::before {
border-left: 3px solid #632020;
border-top: 3px solid #632020;
}
div#new span::after {
border-right: 3px solid #632020;
border-top: 3px solid #632020;
}
div#popular span {
background-color: #27435F;
}
div#popular span::before {
border-left: 3px solid #1D2F42;
border-top: 3px solid #1D2F42;
}
div#popular span::after {
border-right: 3px solid #1D2F42;
border-top: 3px solid #1D2F42;
}
div#bodyContent ul.breadcrumb {
position: absolute;
width: 100%;
top: -76px;
left: 0px;
display: flex;
font-weight: bold;
list-style: none;
padding: 15px 0px!important;
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#bodyContent ul.breadcrumb li {
margin: 0px 15px;
padding: 0px;
}
div#bodyContent ul.breadcrumb li.arrow {
margin: 0px;
line-height: 13px;
cursor: default;
}
div#bodyContent ul.breadcrumb li.arrow::before {
content: "›";
}
.store {
width: 482px;
height: 272px;
padding: 59px 0px 15px 18px;
}
div#seasonal_voting_store {
background: url(http://i.imgur.com/QU2bNTI.png) no-repeat 0px 15px;
}
.store .item {
float: left;
margin: 0px 3px 10px 0px;
}
.store .item:hover {
opacity: 0;
}
.store .item span {
display: flex;
}
.store .item span img {
padding: 0px;
max-width: 100%;
}
