Welcome to the RuneGlory Wiki, where we do our best to make your life easier!

You can use the search menu on the right side of the wiki (or at the bottom if you are on mobile) to search for the page you are looking for. The most popular pages can be found on the right side of the wiki aswell (or again at the bottom if you are on mobile).

Difference between revisions of "MediaWiki:Common.css"

From RuneGlory
Jump to: navigation, search
Line 3: Line 3:
  
 
body {
 
body {
     background: #F1F1F1;
+
     background: url(http://i.imgur.com/aap272U.png), #1D2530;
 
     font-family: Open Sans, sans-serif;
 
     font-family: Open Sans, sans-serif;
 
     line-height: 20px;
 
     line-height: 20px;
    color: #6d7683;
 
 
}
 
}
  
 
a {
 
a {
     color: #e74c3c!important;
+
     color: #dedede!important;
 
     text-decoration: none!important;
 
     text-decoration: none!important;
}
 
 
a:hover {
 
    color: #6d7683!important;
 
 
}
 
}
  
Line 50: Line 45:
 
}
 
}
  
::-webkit-input-placeholder {
 
  color: #6C6C6C;
 
}
 
  
:-moz-placeholder { /* Firefox 18- */
 
  color: #6C6C6C; 
 
}
 
  
::-moz-placeholder {  /* Firefox 19+ */
 
  color: #6C6C6C; 
 
}
 
  
:-ms-input-placeholder { 
+
 
  color: #6C6C6C; 
+
 
}
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
  
  
Line 115: Line 107:
  
 
div#wrap {
 
div#wrap {
     background: #F1F1F1;
+
     background: url(http://i.imgur.com/aap272U.png), #1D2530;
 
     min-width: 800px;
 
     min-width: 800px;
 
     max-width: 1200px;
 
     max-width: 1200px;
Line 170: Line 162:
 
  div#siteNotice {
 
  div#siteNotice {
 
     margin-bottom: 30px;
 
     margin-bottom: 30px;
    background-color: #fff;
 
 
     padding: 30px;
 
     padding: 30px;
    border-bottom: 1px solid #d3d5d7;
 
    box-shadow: 0 0 5px 0 #e2e3e4;
 
    border-radius: 2px;
 
 
     text-align: left;
 
     text-align: left;
 
}
 
}
  
 
   div#noticeTitle {
 
   div#noticeTitle {
    position: relative;
+
     margin-bottom: 10px!important;
    font-size: 16px;
 
    background: url(https://i.imgur.com/il2s4p9.png) no-repeat;
 
    padding: 0 0 10px 30px;
 
    color: #2f3c4e;
 
    font-family: Roboto Slab,serif;
 
     margin-bottom: 10px;
 
    border-bottom: 2px solid #ecedee;
 
 
}
 
}
  
Line 200: Line 181:
 
     margin: 0 0 30px 0;
 
     margin: 0 0 30px 0;
 
     padding: 30px;
 
     padding: 30px;
    background-color: #fff;
 
    border-bottom: 1px solid #d3d5d7;
 
    box-shadow: 0 0 5px 0 #e2e3e4;
 
    border-radius: 2px;
 
 
}
 
}
  
 
   h1#firstHeading {
 
   h1#firstHeading {
    position: relative;
+
     background: url(http://i.imgur.com/KZiBt3c.png) no-repeat;
     background: url(https://i.imgur.com/il2s4p9.png) no-repeat;
 
 
     padding: 0 0 0 30px;
 
     padding: 0 0 0 30px;
 
     line-height: 20px;
 
     line-height: 20px;
 
     margin: 0;
 
     margin: 0;
 
     border-bottom: none;
 
     border-bottom: none;
     font-size: 16px;
+
     font-size: 14px;
     color: #2f3c4e;
+
     color: #dedede;
    font-family: Roboto Slab,serif;
 
    overflow: initial;
 
 
}
 
}
  
Line 249: Line 223:
 
     margin-bottom: 30px;
 
     margin-bottom: 30px;
 
     padding: 30px;
 
     padding: 30px;
    background-color: #fff;
 
    border-bottom: 1px solid #d3d5d7;
 
    box-shadow: 0 0 5px 0 #e2e3e4;
 
    border-radius: 2px;
 
}
 
 
    div#searchTitle {
 
    position: relative;
 
    background: url(https://i.imgur.com/956D3uo.png) no-repeat;
 
    padding: 0 0 10px 30px;
 
    margin-bottom: 30px;
 
    border-bottom: 2px solid #ecedee;
 
    font-size: 16px;
 
    color: #2f3c4e;
 
    font-family: Roboto Slab, serif;
 
}
 
 
    div.portal h3:before, div#searchTitle:before, div#noticeTitle:before {
 
    content: "";
 
    position: absolute;
 
    height: 2px;
 
    width: 20px;
 
    background-color: #2f3c4e;
 
    bottom: -2px;
 
    left: 0;
 
 
}
 
}
  
Line 295: Line 244:
 
     padding: 0;
 
     padding: 0;
 
     width: 100%;
 
     width: 100%;
    position: relative;
 
 
     height: initial;
 
     height: initial;
 
     border: 0;
 
     border: 0;
 +
    background: none;
 
}
 
}
  
Line 303: Line 252:
 
     padding: 10px;
 
     padding: 10px;
 
     line-height: 20px;
 
     line-height: 20px;
    color: #6d7683;
 
 
     font-family: Open Sans,sans-serif;
 
     font-family: Open Sans,sans-serif;
     background-color: #f6f6f6;
+
     background-color: #2f3d4f;
     border: 1px solid #e4e6e8;
+
     border: 1px solid #222c39;
 
}
 
}
  
Line 317: Line 265:
 
     outline: none;
 
     outline: none;
 
     text-indent: initial;
 
     text-indent: initial;
     color: #fff;
+
     color: #dedede;
     background: #e74c3c;
+
     background: #A04747;
    border-radius: 2px;
 
 
     font-family: Open Sans,sans-serif;
 
     font-family: Open Sans,sans-serif;
 +
    border: 1px solid #222c39;
 
}
 
}
  
Line 327: Line 275:
 
     padding: 30px;
 
     padding: 30px;
 
     margin-bottom: 30px;
 
     margin-bottom: 30px;
    background: #fff;
 
    border-bottom: 1px solid #d3d5d7;
 
    box-shadow: 0 0 5px 0 #e2e3e4;
 
    border-radius: 2px;
 
 
}
 
}
  
 
     div#mw-panel div.portal h3 {
 
     div#mw-panel div.portal h3 {
    position: relative;
 
    font-size: 16px;
 
    line-height: 20px;
 
    padding: 0 0 10px 30px;
 
    margin-bottom: 30px;
 
 
     cursor: initial;
 
     cursor: initial;
 
     display: block!important;
 
     display: block!important;
    border-bottom: 2px solid #ecedee;
 
    color: #2f3c4e;
 
    overflow: initial;
 
    font-family: Roboto Slab, serif;
 
    background: url(https://i.imgur.com/il2s4p9.png) no-repeat;
 
 
}
 
}
  
Line 356: Line 290:
 
     display: flex;
 
     display: flex;
 
     padding: 10px 0;
 
     padding: 10px 0;
     border-bottom: 1px solid #ecedee;
+
     border-bottom: 1px solid #222c39;
 
}
 
}
  
Line 369: Line 303:
 
   div#content-navigation-wrap {
 
   div#content-navigation-wrap {
 
     margin-bottom: 30px;
 
     margin-bottom: 30px;
    background-color: #fff;
 
    border-bottom: 1px solid #d3d5d7;
 
    box-shadow: 0 0 5px 0 #e2e3e4;
 
    border-radius: 2px;
 
 
     overflow: hidden;
 
     overflow: hidden;
 
}
 
}
Line 387: Line 317:
 
     position: absolute;
 
     position: absolute;
 
     bottom: 0;
 
     bottom: 0;
     border-bottom: 2px solid #ecedee;
+
     border-bottom: 2px solid #222c39;
 
     width: 100%;
 
     width: 100%;
 
}
 
}
Line 420: Line 350:
  
 
         div.vectorTabs ul li:hover {
 
         div.vectorTabs ul li:hover {
     border-bottom: 2px solid #e74c3c;
+
     border-bottom: 2px solid #dedede;
}
 
 
 
          div.vectorTabs ul li:hover a {
 
    color: #e74c3c!important;
 
 
}
 
}
  
        div.vectorTabs ul li.selected {
+
        div.vectorTabs ul li.selected {
     border-bottom: 2px solid #e74c3c;
+
     border-bottom: 2px solid #dedede;
 
     cursor: initial;
 
     cursor: initial;
 
     background: none;
 
     background: none;
Line 434: Line 360:
  
 
         div.vectorTabs ul li.selected a {
 
         div.vectorTabs ul li.selected a {
    color: #e74c3c!important;
 
 
     cursor: initial;
 
     cursor: initial;
 
}
 
}
Line 504: Line 429:
 
     padding: 30px;
 
     padding: 30px;
 
     border: none;
 
     border: none;
 +
    background: none;
 
}
 
}
  
 
     ul#footer-info {
 
     ul#footer-info {
 
     margin: 0 30px;
 
     margin: 0 30px;
     border-top: 2px solid #ecedee;
+
     border-top: 2px solid #222c39;
 
}
 
}
  
Line 528: Line 454:
 
     display: none;
 
     display: none;
 
}
 
}
 +
 +
div#siteNotice, div#pageInfo, div#content-navigation-wrap, div#p-search, div#mw-panel div.portal, div#customFooter {
 +
    background: url(https://i.imgur.com/oFOEqb8.png), #2C3849!important;
 +
    border-radius: 2px;
 +
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
 +
}
 +
 +
div#noticeTitle, div#searchTitle, div#mw-panel div.portal h3 {
 +
    position: relative;
 +
    font-size: 14px;
 +
    background: url(https://i.imgur.com/KZiBt3c.png) no-repeat;
 +
    padding: 0 0 10px 30px;
 +
    color: #DEDEDE;
 +
    margin-bottom: 30px;
 +
    border-bottom: 2px solid #222c39;
 +
}
 +
 +
body, .mw-body p, p, a:hover, div#mw-panel div.portal div.body ul li a, span.subpages a, div#simpleSearch #searchInput, div.vectorTabs ul li a {
 +
    color: #858D98!important;
 +
}
 +
 +
div.portal h3:before, div#searchTitle:before, div#noticeTitle:before {
 +
    content: "";
 +
    position: absolute;
 +
    height: 2px;
 +
    width: 20px;
 +
    background-color: #dedede;
 +
    bottom: -2px;
 +
    left: 0;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
  
Line 654: Line 632:
 
}
 
}
  
div#mw-panel div.portal div.body ul li a, span.subpages a {
+
div#mw-panel div.portal div.body ul li a:hover, span.subpages a:hover, div.vectorTabs ul li:hover a, div.vectorTabs ul li.selected a {
    color: #6d7683!important;
+
     color: #dedede!important;
}
 
 
 
div#mw-panel div.portal div.body ul li a:hover, span.subpages a:hover {
 
     color: #e74c3c!important;
 
}
 
 
 
.mw-body p, p {
 
    line-height: 20px;
 
    margin: 30px 0;
 
    color: #6d7683;
 
 
}
 
}
  

Revision as of 17:39, 5 April 2016

@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,600italic,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:700);

body {
    background: url(http://i.imgur.com/aap272U.png), #1D2530;
    font-family: Open Sans, sans-serif;
    line-height: 20px;
}

a {
    color: #dedede!important;
    text-decoration: none!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;
}


















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: url(http://i.imgur.com/aap272U.png), #1D2530;
    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#mw-head div.vectorMenu h3 {
    display: none;
}

 div#siteNotice {
    margin-bottom: 30px;
    padding: 30px;
    text-align: left;
}

  div#noticeTitle {
    margin-bottom: 10px!important;
}

  div#localNotice {
    margin-bottom: 0;
}

   div#localNotice > p {
    margin: 0;
}

 div#pageInfo {
    margin: 0 0 30px 0;
    padding: 30px;
}

  h1#firstHeading {
    background: url(http://i.imgur.com/KZiBt3c.png) no-repeat;
    padding: 0 0 0 30px;
    line-height: 20px;
    margin: 0;
    border-bottom: none;
    font-size: 14px;
    color: #dedede;
}

  span.subpages {
    position: relative;
    border-top: 2px solid #ECEDEE;
    padding-top: 10px;
    margin-top: 10px;
}

 div#content-sidebar-wrap {
    display: table;
    width: 100%;
}

  div#mw-panel {
    position: initial;
    width: 350px;
    display: table-cell;
    padding: 0 0 0 30px;
    vertical-align: top;
    box-sizing: border-box;
}

   div#p-logo {
    display: none;
}

   div#p-search {
    margin: 0;
    float: initial;
    margin-bottom: 30px;
    padding: 30px;
}

      span.subpages:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    background-color: #2f3c4e;
    top: -2px;
    left: 0;
}

    form#searchform {
    padding: 0;
    margin: 0;
}

     div#simpleSearch {
    margin: 0;
    padding: 0;
    width: 100%;
    height: initial;
    border: 0;
    background: none;
}

      div#simpleSearch #searchInput {
    padding: 10px;
    line-height: 20px;
    font-family: Open Sans,sans-serif;
    background-color: #2f3d4f;
    border: 1px solid #222c39;
}

      div#simpleSearch #searchButton {
    position: initial;
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    line-height: 20px;
    outline: none;
    text-indent: initial;
    color: #dedede;
    background: #A04747;
    font-family: Open Sans,sans-serif;
    border: 1px solid #222c39;
}

   div#mw-panel div.portal {
    margin: 0;
    padding: 30px;
    margin-bottom: 30px;
}

    div#mw-panel div.portal h3 {
    cursor: initial;
    display: block!important;
}

    div#mw-panel div.portal div.body {
    margin: 0!important;
}

     div#mw-panel div.portal div.body ul li {
    line-height: 20px;
    display: flex;
    padding: 10px 0;
    border-bottom: 1px solid #222c39;
}

     div#mw-panel div.portal div.body ul li:last-child {
    border-bottom: none;
}

  div#content-wrap {
    box-sizing: border-box;
}

   div#content-navigation-wrap {
    margin-bottom: 30px;
    overflow: hidden;
}

    div#navigation {
    display: flex;
    height: 42px;
    position: relative;
    margin-bottom: 30px;
}

     div#navigation:before {
    content: "";
    position: absolute;
    bottom: 0;
    border-bottom: 2px solid #222c39;
    width: 100%;
}

     div#left-navigation {
    margin: 0;
    position: absolute;
}

     div#right-navigation {
    position: absolute;
    right: 0;
    margin: 0;
}

      div.vectorTabs {
    background: none;
    padding: 0;
    height: initial;
}

       div.vectorTabs ul {
    background: none;
}

        div.vectorTabs ul li {
    background: none;
    border-bottom: 2px solid transparent;
    font-size: 0;
    cursor: pointer;
}

         div.vectorTabs ul li:hover {
    border-bottom: 2px solid #dedede;
}

         div.vectorTabs ul li.selected {
    border-bottom: 2px solid #dedede;
    cursor: initial;
    background: none;
}

         div.vectorTabs ul li.selected a {
    cursor: initial;
}

         div.vectorTabs span {
    background: none;
}

          div.vectorTabs ul li a {
    line-height: 20px;
    padding: 10px;
    font-size: 16px;
    color: #2f3c4e!important;
    font-family: Roboto Slab,serif;
    height: initial;
}

      h3#p-cactions-label {
    padding: 0;
    margin: 0!important;
}

       h3#p-cactions-label span {
    display: none;
}

       div.vectorMenu h3 a {
    position: initial;
    display: block;
    width: 46px;
    height: 40px;
    background: url(https://i.imgur.com/OHMk1zM.png) no-repeat center!important;
    background-position: initial;
    outline: none;
}

        div.vectorMenu h3 a:hover {
    background: url(https://i.imgur.com/tPw4LTS.png) no-repeat center, linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png)!important;
}

      div.vectorMenu div.menu {
    top: 40px;
    left: initial;
    right: 0;
    border: none;
    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.vectorMenu div.menu li {
    line-height: 20px;
}

        div.vectorMenu li:first-child a {
    border-top: 1px solid #151A1E;
}

        div.vectorMenu li a {
    padding: 10px 15px;
    font-size: 12px;
    border-bottom: 1px solid #151A1E;
}

         div.vectorMenu 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 {
    margin: 0;
    padding: 30px;
    border: none;
    background: none;
}

    ul#footer-info {
    margin: 0 30px;
    border-top: 2px solid #222c39;
}

div#footer {
    margin: 0;
    padding: 0;
    min-width: 800px;
}

 div#customFooter {
    margin: 0;
    background: #252525;
    margin-top: 30px;
    padding: 30px;
    text-align: center;
}

ul#footer-places, ul#footer-icons, li#ca-unwatch, li#ca-watch, div#jump-to-nav, span#wpSummaryLabel, input#wpSummary, div.editCheckboxes, div#editpage-copywarn {
    display: none;
}

div#siteNotice, div#pageInfo, div#content-navigation-wrap, div#p-search, div#mw-panel div.portal, div#customFooter {
    background: url(https://i.imgur.com/oFOEqb8.png), #2C3849!important;
    border-radius: 2px;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.4);
}

div#noticeTitle, div#searchTitle, div#mw-panel div.portal h3 {
    position: relative;
    font-size: 14px;
    background: url(https://i.imgur.com/KZiBt3c.png) no-repeat;
    padding: 0 0 10px 30px;
    color: #DEDEDE;
    margin-bottom: 30px;
    border-bottom: 2px solid #222c39;
}

body, .mw-body p, p, a:hover, div#mw-panel div.portal div.body ul li a, span.subpages a, div#simpleSearch #searchInput, div.vectorTabs ul li a {
    color: #858D98!important;
}

div.portal h3:before, div#searchTitle:before, div#noticeTitle:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    background-color: #dedede;
    bottom: -2px;
    left: 0;
}




























div#mw-page-base {
    background: #151515 url(https://www.grinderscape.org/assets/images/background.png);
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9999;
}

div#mw-head-base {
position: fixed;
    left: 50%;
    top: 50%;
    z-index: 9999;
    margin: -75px 0 0 -75px;
    border: 16px solid rgba(0,0,0,0.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.7), inset 0 0 5px rgba(0,0,0,0.7);
    border-radius: 50%;
    border-top: 16px solid #627924;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



















/* Specific Pages */

form#editform {
    border: 1px solid #151A1E;
}

 div#toolbar {
    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-bottom: 1px solid #151A1E;
}

 textarea#wpTextbox1 {
    resize: vertical;
    outline: none;
    background: none;
    color: #909090;
    font-family: monospace;
    line-height: 16px;
    font-size: 12px;
    border: none;
    padding: 10px 15px;
}

 .editOptions {
    border: none;
    padding: 10px 15px;
    margin: 0;
    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;
}

 .mw-editTools, .templatesUsed, .hiddencats, .limitreport {
    display: none;
}




























/* General */

body, div#mw-panel div.portal div.body ul li a, div#simpleSearch #searchButton, div#simpleSearch #searchInput, div#siteNotice, .mw-body p {
    font-size: 13px;
}

 div#mw-panel div.portal div.body ul li a:hover, span.subpages a:hover, div.vectorTabs ul li:hover a, div.vectorTabs ul li.selected a {
    color: #dedede!important;
}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 {
    font-family: Open Sans, sans-serif!important;
    color: #BBBBBB;
    line-height: 20px;
    font-weight: normal!important;
    margin: 20px 0!important;
    font-size: 12px;
}

.mw-body h1 {
    border-bottom: 1px solid #909090;
    padding-bottom: 5px;
}

.mw-body h2 {
    border-bottom: none;
}

span.mw-editsection {
    display: none;
}

table {
    margin: 20px 0!important;
    border: 1px solid black!important;
    background: none!important;
    color: #909090!important;
    font-size: 12px;
    border-collapse: collapse;
}

 td, th {
    padding: 10px 15px!important;
    border: 1px solid #151A1E!important;
}

  th {
    color: #BBBBBB;
    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-weight: normal;
}

.mw-body pre {
    background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
    color: #909090;
    line-height: 16px;
    font-size: 12px;
    border: 1px solid #151A1E;
    padding: 10px 15px;
    margin: 20px 0;
}