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
 
(350 intermediate revisions by 7 users not shown)
Line 1: Line 1:
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,700);
+
@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 {
 
body {
     background: #151515 url(https://www.grinderscape.org/assets/images/background.png);
+
     background: url(https://resource.etherumps.com/wiki_assets/images/background.png);
 
     font-family: Open Sans, sans-serif;
 
     font-family: Open Sans, sans-serif;
    font-size: 12px;
 
 
     line-height: 20px;
 
     line-height: 20px;
    color: #909090;
 
 
}
 
}
  
b {
+
p {
    color: #B8B8B8;
+
  color: #ffffff!important;
 
}
 
}
  
 
a {
 
a {
     color: #627924!important;
+
     color: #afafaf!important;
 
     text-decoration: none!important;
 
     text-decoration: none!important;
 +
    transition: 200ms;
 
}
 
}
  
a:hover {
+
a.new {
    color: #909090!important;
+
     color: #b24040!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);
 
 
}
 
}
  
Line 87: Line 30:
  
 
   nav ul li {
 
   nav ul li {
    line-height: 20px;
 
    font-size: 12px;
 
 
     margin: 0;
 
     margin: 0;
    text-transform: capitalize;
 
 
     display: inline-flex;
 
     display: inline-flex;
 
}
 
}
  
 
   nav ul li a {
 
   nav ul li a {
     padding: 10px 15px;
+
     margin: 10px;
     border-right: 1px solid #151A1E;
+
     padding: 0;
}
 
 
 
  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 {
 
header {
     min-width: 800px;
+
     min-width: auto;
background: linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)),url(https://www.grinderscape.org/assets/images/background.png);
 
 
}
 
}
  
Line 119: Line 50:
  
 
div#wrap {
 
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);
+
     /*min-width: 800px;*/
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
+
     min-width:auto !important;
     min-width: 800px;
 
 
     max-width: 1200px;
 
     max-width: 1200px;
 
     margin: 60px auto;
 
     margin: 60px auto;
Line 128: Line 58:
 
}
 
}
  
  div#mw-head {
+
  div#mw-navigation {
 +
    display: none;
 +
}
 +
 
 +
  div#mw-head {
 
     position: initial;
 
     position: initial;
 
}
 
}
  
  div#p-personal {
+
  div#p-personal {
 
     position: initial;
 
     position: initial;
 
     text-align: right;
 
     text-align: right;
     padding-bottom: 30px;
+
     padding-bottom: 0;
 
}
 
}
  
  #p-personal ul {
+
    #p-personal ul {
 
     padding: 0;
 
     padding: 0;
 
     display: inline-block;
 
     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 {
+
    #p-personal ul li {
 
     float: initial;
 
     float: initial;
 
     margin: 0;
 
     margin: 0;
    font-size: 12px;
 
    line-height: 20px;
 
 
     display: inline-block;
 
     display: inline-block;
 
     padding: 0!important;
 
     padding: 0!important;
 
     background: none;
 
     background: none;
    border-right: 1px solid #151A1E;
 
 
}
 
}
  
    #p-personal ul li a {
+
      #p-personal ul li a {
     padding: 10px 15px;
+
    margin: 10px;
 +
     padding: 0;
 
     display: block;
 
     display: block;
 
}
 
}
  
      #p-personal ul li a:hover {
+
  div#mw-head div.vectorMenu h3 {
     background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
+
    display: none;
 +
}
 +
 
 +
div#siteNotice {
 +
     margin-bottom: 30px;
 +
    padding: 30px;
 +
    text-align: left;
 
}
 
}
  
    #p-personal ul li:last-child {
+
  div#noticeTitle {
     border-right: none;
+
    margin-bottom: 10px!important;
 +
     background: url(https://i.imgur.com/TcXNJwg.png) no-repeat;
 
}
 
}
  
   div#mw-head div.vectorMenu h3 {
+
   div#localNotice {
     display: none;
+
     margin-bottom: 0;
 
}
 
}
  
div#siteNotice {
+
  div#localNotice > p {
     background: linear-gradient(rgba(43,55,64,0.5),rgba(43,55,64,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
+
     margin: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
 
    padding: 10px 15px;
 
    margin-bottom: 30px!important;
 
    text-align: center;
 
 
}
 
}
  
  div#localNotice {
+
div#pageInfo {
     margin-bottom: 0;
+
     margin: 0 0 30px 0;
 +
    padding: 30px;
 
}
 
}
  
  div#announcement{
+
  h1#firstHeading {
     font-size: 12px;
+
    background: url(https://i.imgur.com/k46FZ3K.png) no-repeat;
 +
    padding: 0 0 0 30px;
 +
    line-height: 20px;
 +
    margin: 0;
 +
    border-bottom: none;
 +
     font-size: 13px;
 +
    color: #ffffff;
 
}
 
}
  
  div#localNotice > p {
+
  span.subpages {
     display: none;
+
    position: relative;
 +
    border-top: 2px solid #161b20;
 +
    padding-top: 10px;
 +
     margin-top: 10px;
 
}
 
}
  
Line 200: Line 143:
 
   div#mw-panel {
 
   div#mw-panel {
 
     position: initial;
 
     position: initial;
     width: 220px;
+
     width: 350px;
 
     display: table-cell;
 
     display: table-cell;
     padding: 0px 30px 0px 0px;
+
     padding: 0 0 0 30px !important;
 
     vertical-align: top;
 
     vertical-align: top;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
Line 215: Line 158:
 
     float: initial;
 
     float: initial;
 
     margin-bottom: 30px;
 
     margin-bottom: 30px;
     box-shadow: 0 0 5px rgba(0,0,0,0.7);
+
     padding: 30px;
 +
}
 +
 
 +
div#p-search div#searchTitle {
 +
    background: url(https://i.imgur.com/64wkhoI.png) no-repeat;
 
}
 
}
  
     div#searchTitle {
+
      span.subpages:before {
     background: linear-gradient(rgba(31,42,53,0.5),rgba(31,42,53,0.5)),url(https://www.grinderscape.org/assets/images/background.png);
+
     content: "";
     padding: 10px 15px;
+
     position: absolute;
     border-bottom: 1px solid #151A1E;
+
    height: 2px;
 +
     width: 20px;
 +
     background-color: #afafaf;
 +
    top: -2px;
 +
    left: 0;
 
}
 
}
  
 
     form#searchform {
 
     form#searchform {
     padding: 10px 15px;
+
     padding: 0;
 
     margin: 0;
 
     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);
 
 
}
 
}
  
Line 234: Line 184:
 
     padding: 0;
 
     padding: 0;
 
     width: 100%;
 
     width: 100%;
    position: relative;
 
 
     height: initial;
 
     height: initial;
 
     border: 0;
 
     border: 0;
 +
    background: none;
 
}
 
}
  
      div#simpleSearch #searchInput {
+
div#simpleSearch #searchInput, input#database_input {
     padding: 5px 36px 5px 5px;
+
     padding: 10px;
 
     line-height: 20px;
 
     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;
 
     font-family: Open Sans,sans-serif;
 +
    background-color: transparent;
 +
    border: 1px solid #161b20;
 +
    outline: none;
 
}
 
}
  
 
       div#simpleSearch #searchButton {
 
       div#simpleSearch #searchButton {
     height: 32px;
+
     position: initial;
     width: 32px;
+
     width: 100%;
     border: 1px solid #151A1E;
+
     margin-top: 10px!important;
     outline: none;
+
     text-indent: initial;
 
}
 
}
  
 
   div#mw-panel div.portal {
 
   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;
 
     margin: 0;
     padding: 0;
+
     padding: 30px;
 
     margin-bottom: 30px;
 
     margin-bottom: 30px;
 
}
 
}
  
 
     div#mw-panel div.portal h3 {
 
     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;
 
     cursor: initial;
 
     display: block!important;
 
     display: block!important;
    color: #909090;
 
 
}
 
}
  
     div#mw-panel div.portal div.body {
+
    div#mw-panel div.portal h3#p-In_the_wiki-label {
 +
     background: url(https://i.imgur.com/pxnMRhE.png) no-repeat;
 +
}
 +
 
 +
    div#mw-panel div.portal h3#p-Popular_pages-label {
 +
    background: url(https://i.imgur.com/H0wpXZn.png) no-repeat;
 +
}
 +
 
 +
    div#mw-panel div.portal h3#p-Categories-label {
 +
    background: url(https://i.imgur.com/Lnp5kiv.png) no-repeat;
 +
}
 +
 
 +
    div#mw-panel div#p-Management{
 +
    display: none;
 +
}
 +
 
 +
div#mw-panel div.portal h3#p-Management-label {
 +
    background: url(https://i.imgur.com/c3r42TV.png) no-repeat;
 +
}
 +
 
 +
div#mw-panel div.portal div.body {
 
     margin: 0!important;
 
     margin: 0!important;
 
}
 
}
  
    div#mw-panel div.portal div.body ul li {
+
div#mw-panel div.portal div.body ul li {
 
     line-height: 20px;
 
     line-height: 20px;
    font-size: 12px;
 
    padding: 0;
 
 
     display: flex;
 
     display: flex;
 +
    padding: 10px 0;
 +
    border-bottom:1px solid rgba(0,0,0,0.1);
 
}
 
}
  
      div#mw-panel div.portal div.body ul li a {
+
div#mw-panel div.portal div.body ul li:last-child {
    padding: 10px 15px;
+
     border-bottom:none;
    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 {
 
   div#content-wrap {
 
     box-sizing: border-box;
 
     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 {
 
   div#content-navigation-wrap {
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
 
 
     margin-bottom: 30px;
 
     margin-bottom: 30px;
 +
    overflow: hidden;
 
}
 
}
  
 
     div#navigation {
 
     div#navigation {
 
     display: flex;
 
     display: flex;
 +
    height: 42px;
 
     position: relative;
 
     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);
+
     margin-bottom: 60px;
    border-bottom: 1px solid #151A1E;
 
 
}
 
}
  
    div#left-navigation {
+
    div#navigation:before {
 +
    content: "";
 +
    position: absolute;
 +
    bottom: 0;
 +
    border-bottom: 2px solid rgba(0,0,0,0.1);
 +
    width: 100%;
 +
}
 +
    div#left-navigation {
 
     margin: 0;
 
     margin: 0;
 +
    position: absolute;
 
}
 
}
  
      div#left-navigation li a {
+
     div#right-navigation {
     border-right: 1px solid #151A1E;
 
}
 
 
 
    div#right-navigation {
 
 
     position: absolute;
 
     position: absolute;
 
     right: 0;
 
     right: 0;
 
     margin: 0;
 
     margin: 0;
 
}
 
}
 
+
     div.vectorTabs {
      div#right-navigation li a {
 
     border-left: 1px solid #151A1E;
 
}
 
 
 
 
 
      div.vectorTabs {
 
 
     background: none;
 
     background: none;
 
     padding: 0;
 
     padding: 0;
Line 347: Line 290:
 
}
 
}
  
      div.vectorTabs ul {
+
    div.vectorTabs ul {
 
     background: none;
 
     background: none;
 
}
 
}
 
+
    div.vectorTabs ul li {
        div.vectorTabs ul li {
+
     background: none!important;
     background: none;
 
 
     font-size: 0;
 
     font-size: 0;
 
}
 
}
 
+
div.vectorTabs ul li.selected a {
        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;
 
     cursor: initial;
 +
    border-bottom: 2px solid #ffffff;
 
}
 
}
 
+
div.vectorTabs span {
        div.vectorTabs span {
 
 
     background: none;
 
     background: none;
 
}
 
}
  
          div.vectorTabs li a {
+
div.vectorTabs ul li a {
    font-size: 12px;
 
 
     line-height: 20px;
 
     line-height: 20px;
     padding: 10px 15px;
+
     padding: 10px;
 +
    font-size: 13px;
 
     height: initial;
 
     height: initial;
 +
    border-bottom: 2px solid transparent;
 +
}
 +
 +
div.vectorTabs ul li a:hover {
 +
    border-bottom: 2px solid rgba(0,0,0,0.2);
 
}
 
}
  
      h3#p-cactions-label {
+
h3#p-cactions-label {
 
     padding: 0;
 
     padding: 0;
     margin: 0;
+
     margin: 0!important;
 
}
 
}
  
      h3#p-cactions-label span {
+
h3#p-cactions-label span {
 
     display: none;
 
     display: none;
 
}
 
}
  
      div.vectorMenu h3 a {
+
div.vectorMenu h3 a {
 
     position: initial;
 
     position: initial;
 
     display: block;
 
     display: block;
 
     width: 46px;
 
     width: 46px;
 
     height: 40px;
 
     height: 40px;
    border-left: 1px solid #151A1E;
+
     background: url(https://i.imgur.com/6dnpdQ3.png) no-repeat center!important;
     background: url(https://i.imgur.com/OHMk1zM.png) no-repeat center!important;
 
 
     background-position: initial;
 
     background-position: initial;
 
     outline: none;
 
     outline: none;
 
}
 
}
  
        div.vectorMenu h3 a:hover {
+
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;
+
     background:#transparent!important;
 
}
 
}
 
+
div.vectorMenu div.menu {
      div.vectorMenu div.menu {
 
 
     top: 40px;
 
     top: 40px;
 
     left: initial;
 
     left: initial;
 
     right: 0;
 
     right: 0;
 
     border: none;
 
     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);
+
     background:#1E2933;
 
}
 
}
 
+
div.vectorMenu div.menu li {
      div.vectorMenu div.menu li {
 
 
     line-height: 20px;
 
     line-height: 20px;
 
}
 
}
  
        div.vectorMenu li:first-child a {
+
div.vectorMenu li:first-child a {
 
     border-top: 1px solid #151A1E;
 
     border-top: 1px solid #151A1E;
 
}
 
}
Line 426: Line 360:
 
}
 
}
  
        div.vectorMenu li a:hover {
+
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);
+
     background:rgba(255,255,255,0.1);
 
}
 
}
  
 
     div#content {
 
     div#content {
 
     margin: 0;
 
     margin: 0;
     border: 0;
+
     padding: 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 );
+
     border: none;
     padding: 10px 15px;
+
     background: none;
 
}
 
}
  
     h1#firstHeading {
+
     #contentSub, #contentSub2 {
     display: none;
+
     margin: 30px 0;
 
}
 
}
  
 
     ul#footer-info {
 
     ul#footer-info {
    list-style-type: none;
+
     margin: 0 30px;
    list-style-image: none;
+
     border-top:2px solid rgba(0,0,0,0.2);
     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;
 
 
}
 
}
  
Line 457: Line 383:
 
     margin: 0;
 
     margin: 0;
 
     padding: 0;
 
     padding: 0;
     min-width: 800px;
+
     min-width: auto;
 
}
 
}
  
 
  div#customFooter {
 
  div#customFooter {
 
     margin: 0;
 
     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);
+
     background: #252525;
    box-shadow: 0 0 5px rgba(0,0,0,0.7);
 
 
     margin-top: 30px;
 
     margin-top: 30px;
 
     padding: 30px;
 
     padding: 30px;
Line 469: Line 394:
 
}
 
}
  
ul#footer-places, ul#footer-icons, li#ca-unwatch, li#ca-watch, div#jump-to-nav {
+
  div#customFooter div a {
 +
    width: 20px;
 +
    height: 20px;
 +
    display: inline-block;
 +
    margin: 0 5px!important;
 +
}
 +
 
 +
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;
 
     display: none;
 
}
 
}
 +
 +
div#siteNotice, div#pageInfo, div#content-navigation-wrap, div#p-search, div#mw-panel div.portal{
 +
    background: #1E2933 !important;
 +
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 +
}
 +
div#noticeTitle, div#searchTitle, div#mw-panel div.portal h3 {
 +
    position: relative;
 +
    font-size: 13px;
 +
    padding: 0 0 10px 30px;
 +
    color: #ffffff;
 +
    margin-bottom: 30px;
 +
    border-bottom: 2px solid rgba(0,0,0,0.1);
 +
    overflow: initial;
 +
}
 +
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, table, .mw-body-content, .mw-body pre, textarea#wpTextbox1, #contentSub, #contentSub2, input#database_input {
 +
    color:#ffffff !important;
 +
}
 +
div.portal h3:before, div#searchTitle:before, div#noticeTitle:before {
 +
    content: "";
 +
    position: absolute;
 +
    height: 2px;
 +
    width: 20px;
 +
    background-color:#1E2933;
 +
    bottom: -2px;
 +
    left: 0;
 +
}
 +
div.editButtons input[type="submit"], div#simpleSearch #searchButton, div.editButtons span a, div#customFooter div a, button#database_button {
 +
    border-radius: 3px;
 +
    color: #afafaf;
 +
    border: 1px solid #1E2933;
 +
    background-color: #1E2933;
 +
    background-image: linear-gradient( transparent,rgba(0, 0, 0, 0.15));
 +
    padding: 10px;
 +
    margin: 0;
 +
    font-family: Open Sans,sans-serif;
 +
    font-size: 12px;
 +
    line-height: 20px;
 +
    cursor: pointer;
 +
    outline: none;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
  
Line 479: Line 473:
  
 
div#mw-page-base {
 
div#mw-page-base {
     background: #151515 url(https://www.grinderscape.org/assets/images/background.png);
+
     background: #151515 url(https://resource.etherumps.com/wiki_assets/images/background.png);
 
     position: fixed;
 
     position: fixed;
 
     height: 100%;
 
     height: 100%;
Line 511: Line 505:
 
   100% { transform: rotate(360deg); }
 
   100% { transform: rotate(360deg); }
 
}
 
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
/* Specific Pages */
 +
 +
form#editform {
 +
    border: 1px solid rgba(0,0,0,0.3);
 +
}
 +
 +
div#toolbar {
 +
    padding: 10px 5px;
 +
    background: #1E2933;
 +
    border-bottom: 1px solid #161b20;
 +
    line-height: 0;
 +
}
 +
 +
  div#toolbar > div {
 +
    width: 20px;
 +
    height: 20px;
 +
    display: inline-block;
 +
    vertical-align: middle;
 +
    cursor: pointer;
 +
    margin: 0 5px;
 +
}
 +
 +
  div#mw-editbutton-bold, div#mw-editbutton-italic, div#mw-editbutton-headline, div#mw-editbutton-nowiki {
 +
    display: none!important;
 +
}
 +
 +
  div#mw-editbutton-link {
 +
    background: url(https://i.imgur.com/Wrs4VMn.png);
 +
}
 +
 +
  div#mw-editbutton-extlink {
 +
    background: url(https://i.imgur.com/HKLvTBX.png);
 +
}
 +
 +
  div#mw-editbutton-hr {
 +
    background: url(https://i.imgur.com/J9is2iW.png);
 +
}
 +
 +
textarea#wpTextbox1 {
 +
    resize: vertical;
 +
    outline: none;
 +
    background:rgba(0,0,0,0.1);
 +
    font-family: monospace;
 +
    line-height: 16px;
 +
    font-size: 12px;
 +
    border: none;
 +
    padding: 10px;
 +
}
 +
 +
.editOptions {
 +
    border: none;
 +
    padding: 10px 5px;
 +
    margin: 0;
 +
    border-top: 1px solid rgba(0,0,0,0.1);
 +
    background: rgba(0,0,0,0.2);
 +
}
 +
 +
  .editButtons {
 +
    display: flex;
 +
}
 +
 +
  span.cancelLink {
 +
    margin: 0;
 +
    display: flex;
 +
}
 +
 +
  div.editButtons input[type="submit"], div.editButtons span a {
 +
    margin: 0 5px;
 +
}
 +
 +
.mw-editTools, .templatesUsed, .hiddencats, .limitreport, span.editHelp, span.mw-editButtons-pipe-separator {
 +
    display: none;
 +
}
 +
 +
ul#index {
 +
    margin-left: 0;
 +
}
 +
 +
ul#index li {
 +
    display: flex;
 +
}
 +
 +
ul#index li:not(:last-child) {
 +
    padding-bottom: 10px;
 +
    border-bottom:1px solid rgba(0,0,0,0.1);
 +
    margin-bottom: 10px;
 +
}
 +
 +
  div.img {
 +
    width: 40px;
 +
    height: 40px;
 +
    margin-right: 10px;
 +
    display: flex;
 +
    justify-content: center;
 +
    align-items: center;
 +
}
 +
 +
  ul#index li div.img img {
 +
    max-height: 40px;
 +
    max-width: 40px;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
  
  
Line 530: Line 652:
 
/* General */
 
/* General */
  
.mw-body p {
+
body, div#mw-panel div.portal div.body ul li a, div#simpleSearch #searchButton, div#simpleSearch #searchInput, div#siteNotice, .mw-body p, table, .mw-body-content, #contentSub, #contentSub2, #p-personal ul li, nav ul li, input#database_input {
 +
    font-size: 12px;
 
     line-height: 20px;
 
     line-height: 20px;
    font-size: 12px;
+
}
    margin: 20px 0;
+
 
     color: #909090;
+
div#mw-panel div.portal div.body ul li a:hover, span.subpages a:hover, div.vectorTabs ul li.selected a, div.vectorTabs ul li a:hover, th, span.cancelLink a:hover {
 +
     color:#ffffff!important;
 
}
 
}
  
 
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 {
 
.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;
 
     font-family: Open Sans, sans-serif!important;
     color: #BBBBBB;
+
     color: #afafaf;
 +
    line-height: 30px;
 +
    font-weight: bold!important;
 +
    margin: 30px 0!important;
 +
    font-size: 16px;
 +
}
 +
 
 +
.mw-body img {
 +
    max-width: 100%;
 +
}
 +
 
 +
.mw-body p, p {
 +
    margin: 30px 0;
 
     line-height: 20px;
 
     line-height: 20px;
    font-weight: normal!important;
 
    margin: 20px 0!important;
 
    font-size: 12px;
 
 
}
 
}
  
 
.mw-body h1 {
 
.mw-body h1 {
     border-bottom: 1px solid #909090;
+
     border-bottom: 1px solid #161b20;
     padding-bottom: 5px;
+
     padding-bottom: 10px;
 
}
 
}
  
.mw-body .mw-body-content h2 {
+
.mw-body h2 {
 
     border-bottom: none;
 
     border-bottom: none;
 
}
 
}
Line 558: Line 691:
 
     display: none;
 
     display: none;
 
}
 
}
 +
 +
table {
 +
    margin: 30px 0!important;
 +
    background:rgba(0,0,0,0.2)!important;
 +
    border-collapse: collapse;
 +
}
 +
 +
td, th {
 +
    padding: 10px!important;
 +
    border: 1px solid #161b20!important;
 +
}
 +
 +
  th {
 +
    background: #1f272f!important;
 +
    font-weight: normal;
 +
    text-align: left!important;
 +
}
 +
 +
.mw-body pre {
 +
    background-color: rgba(0,0,0,0.1);
 +
    line-height: 16px;
 +
    border: 1px solid rgba(0,0,0,0.1);
 +
    padding: 10px;
 +
    margin: 30px 0;
 +
}
 +
 +
hr {
 +
    background-color: #161b20;
 +
    margin: 30px 0;
 +
}
 +
 +
.mw-body .external {
 +
    padding: 0;
 +
    background: none;
 +
}
 +
 +
.mw-body ul {
 +
    margin: 30px 0px 30px 10px;
 +
    list-style-position: inside;
 +
    list-style-image: none;
 +
}
 +
 +
.mw-body ul li {
 +
    margin: 0;
 +
}
 +
 +
  .mw-body ul li ul {
 +
    margin: 10px 0 10px 30px;
 +
}
 +
div#customFooter, nav {
 +
    background:#1E2933 !important;color:#1E2933!important;
 +
}
 +
div#mw-head a {color:#0C72BC !important;}
 +
div#customFooter p{color:#ffffff!important;}
 +
div#customFooter a{color:#fff!important;}
 +
#wrap a{color:#0C72BC !important;}
 +
fieldset {border: 1px solid rgba(0,0,0,0.2) !important;}
 +
.mw-changeslist-legend {border:1px solid #97855d !important;}
 +
input[type="submit"], input[type="checkbox"], select {background: #1E2933 !important;border-color:#afafaf!important;}
 +
::-webkit-input-placeholder {color: #717171; }
 +
:-moz-placeholder { color: #717171; }
 +
::-moz-placeholder { color: #717171; }
 +
:-ms-input-placeholder { color: #717171; }
 +
 +
p {
 +
    color: #ffffff!important;
 +
}
 +
 +
 +
/* 28-12-2016 */
 +
nav ul li{
 +
display:inline-block !important;
 +
padding:10px 0 !important;
 +
}
 +
nav ul li a:hover {
 +
color: #fff !important;
 +
}
 +
#mw-watchlist-resetbutton > input {
 +
color: #afafaf !important;
 +
}
 +
#mw-watchlist-options input {
 +
color: #afafaf !important;
 +
}
 +
.namespaceselector {
 +
  color: #afafaf !important;
 +
}
 +
.mw-submit {
 +
  color: #afafaf !important;
 +
}
 +
.namespaceselector {
 +
  margin-left: 5px !important;
 +
}
 +
.mw-month-selector {
 +
  color: #fdfdfd !important;
 +
}
 +
 +
#index li{
 +
list-style:none !important;
 +
}
 +
 +
.sicon1{
 +
background:url(https://i.imgur.com/DeOQfOs.png) no-repeat center, linear-gradient( transparent,rgba(0, 0, 0, 0.15)), #3a589e !important;
 +
 +
}
 +
 +
#customFooter > div > a:nth-child(1){
 +
background:url(https://i.imgur.com/DeOQfOs.png) no-repeat center !important;
 +
background-color:#3a589e !important;
 +
color:#fff !important;
 +
}
 +
 +
#customFooter > div > a:nth-child(2){
 +
background:url("https://imgur.com/UprUuut.png") no-repeat center !important;
 +
background-color:#5865f2 !important;
 +
color:#fff !important;
 +
}
 +
#customFooter > div > a:nth-child(3){
 +
background:url("https://i.imgur.com/wF3Xf61.png") no-repeat center !important;
 +
background-color:#c8312b !important;
 +
color:#fff !important;
 +
}
 +
.mw-headline{
 +
color:#D3D3D3 !important; 
 +
}
 +
 +
#mw-history-search > input {
 +
  color: #ffffff !important;
 +
}
 +
.historysubmit.mw-history-compareselectedversions-button {
 +
  color: #fdfdfd !important;
 +
}
 +
#toc, .toc, .mw-warning, .toccolours {
 +
  background: rgba(71, 88, 107, 0.2) none repeat scroll 0 0 !important;
 +
  border: medium none !important;
 +
}
 +
.diff-currentversion-title {
 +
  color: #ffffff !important;
 +
}
 +
#toctitle > h2 {
 +
  color: #ffffff;
 +
}
 +
td.diff-context {
 +
  background: rgba(254,254,254,0.3) !important;
 +
 +
}
 +
td.diff-addedline .diffchange {
 +
  background: rgba(237,237,237,0.5) !important;
 +
}
 +
 +
#pagehistory li.selected {
 +
  background-color: rgba(254, 254, 254, 0.5) !important;
 +
  border: 1px dashed #c8312b !important;
 +
  padding: 5px !important;
 +
}
 +
#pagehistory li {
 +
  border: 1px solid #222 !important;
 +
  padding: 5px !important;
 +
}
 +
.results-info {
 +
  color: #222 !important;
 +
}
 +
.mw-ui-input {
 +
  background: rgba(254, 254, 254, 0.3) none repeat scroll 0 0 !important;
 +
  border: medium none !important;
 +
  padding: 6px !important;
 +
}
 +
#mw-searchoptions {
 +
  background: rgba(254, 254, 254, 0.3) none repeat scroll 0 0 !important;
 +
}
 +
#mw-searchoptions h4 {
 +
  color: #ffffff !important;
 +
}
 +
.ipsDataItem, .ipsDataList.ipsDataList_zebra > .ipsDataItem{
 +
border:none !important;
 +
}
 +
.wikitable th {
 +
  color: #fff !important;
 +
}
 +
.ipsPad_half{
 +
text-align:center !important;
 +
}
 +
#mw-history-search > input {
 +
  background: rgba(254, 254, 254, 0.2) none repeat scroll 0 0 !important;
 +
  color: #000 !important;
 +
}
 +
.mw-search-profile-tabs {
 +
  background-color: rgba(254,254,254,0.2) !important;
 +
  border: none !important;
 +
 +
}
 +
/* 28-12-2016 */
 +
 +
/* 28-12-2016 responsive layout */
 +
@media screen and (max-width:991px){
 +
#content-sidebar-wrap > div {
 +
  width: 100% !important;
 +
  display: block !important;
 +
  padding: 0 !important;
 +
}
 +
div#content-sidebar-wrap {
 +
  display: block !important;
 +
}
 +
}
 +
 +
@media screen and (max-width:767px){
 +
#content-sidebar-wrap {
 +
  display: block !important;
 +
}
 +
div#mw-panel {
 +
  padding: 0 !important;
 +
  width: 100% !important;
 +
  display: block !important;
 +
}
 +
.mw-contributions-form {
 +
  overflow: auto;
 +
  width: 100% !important;
 +
}
 +
#mw-history-search {
 +
  line-height: 30px !important;
 +
}
 +
.ipsDataItem, .ipsDataList.ipsDataList_zebra > .ipsDataItem{
 +
border-top:none !important;
 +
border-bottom:none !important;
 +
}
 +
}
 +
@media screen and (max-width:450px){
 +
div#right-navigation {
 +
  margin-top: 40px;
 +
  position: static;
 +
  display: block !important;
 +
}
 +
}
 +
 +
 +
 +
 +
/* 28-12-2016 responsive layout */

Latest revision as of 12:05, 31 July 2022

@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(https://resource.etherumps.com/wiki_assets/images/background.png);
    font-family: Open Sans, sans-serif;
    line-height: 20px;
}

p {
   color: #ffffff!important;
}

a {
    color: #afafaf!important;
    text-decoration: none!important;
    transition: 200ms;
}

a.new {
    color: #b24040!important;
}

 nav ul {
    list-style-type: none;
    list-style-image: none;
    text-align: center;
    margin: auto;
}

  nav ul li {
    margin: 0;
    display: inline-flex;
}

   nav ul li a {
    margin: 10px;
    padding: 0;
}

header {
    min-width: auto;
}

 div#logo {
    padding: 30px 0;
    margin: auto;
    text-align: center;
}

div#wrap {
    /*min-width: 800px;*/
    min-width:auto !important;
    max-width: 1200px;
    margin: 60px auto;
    padding: 30px 30px 0 30px;
    box-sizing: border-box;
}

 div#mw-navigation {
    display: none;
}

  div#mw-head {
    position: initial;
}

   div#p-personal {
    position: initial;
    text-align: right;
    padding-bottom: 0;
}

    #p-personal ul {
    padding: 0;
    display: inline-block;
}

     #p-personal ul li {
    float: initial;
    margin: 0;
    display: inline-block;
    padding: 0!important;
    background: none;
}

      #p-personal ul li a {
    margin: 10px;
    padding: 0;
    display: block;
}

   div#mw-head div.vectorMenu h3 {
    display: none;
}

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

  div#noticeTitle {
    margin-bottom: 10px!important;
    background: url(https://i.imgur.com/TcXNJwg.png) no-repeat;
}

  div#localNotice {
    margin-bottom: 0;
}

   div#localNotice > p {
    margin: 0;
}

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

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

  span.subpages {
    position: relative;
    border-top: 2px solid #161b20;
    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 !important;
    vertical-align: top;
    box-sizing: border-box;
}

   div#p-logo {
    display: none;
}

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

div#p-search div#searchTitle {
    background: url(https://i.imgur.com/64wkhoI.png) no-repeat;
}

      span.subpages:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    background-color: #afafaf;
    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, input#database_input {
    padding: 10px;
    line-height: 20px;
    font-family: Open Sans,sans-serif;
    background-color: transparent;
    border: 1px solid #161b20;
    outline: none;
}

      div#simpleSearch #searchButton {
    position: initial;
    width: 100%;
    margin-top: 10px!important;
    text-indent: initial;
}

   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 h3#p-In_the_wiki-label {
    background: url(https://i.imgur.com/pxnMRhE.png) no-repeat;
}

     div#mw-panel div.portal h3#p-Popular_pages-label {
    background: url(https://i.imgur.com/H0wpXZn.png) no-repeat; 
}

     div#mw-panel div.portal h3#p-Categories-label {
    background: url(https://i.imgur.com/Lnp5kiv.png) no-repeat;
}

     div#mw-panel div#p-Management{
    display: none;
}

div#mw-panel div.portal h3#p-Management-label {
    background: url(https://i.imgur.com/c3r42TV.png) no-repeat;
}

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 rgba(0,0,0,0.1);
}

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: 60px;
}

    div#navigation:before {
    content: "";
    position: absolute;
    bottom: 0;
    border-bottom: 2px solid rgba(0,0,0,0.1);
    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!important;
    font-size: 0;
}
div.vectorTabs ul li.selected a {
    cursor: initial;
    border-bottom: 2px solid #ffffff;
}
div.vectorTabs span {
    background: none;
}

div.vectorTabs ul li a {
    line-height: 20px;
    padding: 10px;
    font-size: 13px;
    height: initial;
    border-bottom: 2px solid transparent;
}

div.vectorTabs ul li a:hover {
    border-bottom: 2px solid rgba(0,0,0,0.2);
}

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/6dnpdQ3.png) no-repeat center!important;
    background-position: initial;
    outline: none;
}

div.vectorMenu h3 a:hover {
    background:#transparent!important;
}
div.vectorMenu div.menu {
    top: 40px;
    left: initial;
    right: 0;
    border: none;
    background:#1E2933;
}
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:rgba(255,255,255,0.1);
}

    div#content {
    margin: 0;
    padding: 30px;
    border: none;
    background: none;
}

     #contentSub, #contentSub2 {
    margin: 30px 0;
}

    ul#footer-info {
    margin: 0 30px;
    border-top:2px solid rgba(0,0,0,0.2);
}

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

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

  div#customFooter div a {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0 5px!important;
}

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{
    background: #1E2933 !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
div#noticeTitle, div#searchTitle, div#mw-panel div.portal h3 {
    position: relative;
    font-size: 13px;
    padding: 0 0 10px 30px;
    color: #ffffff;
    margin-bottom: 30px;
    border-bottom: 2px solid rgba(0,0,0,0.1);
    overflow: initial;
}
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, table, .mw-body-content, .mw-body pre, textarea#wpTextbox1, #contentSub, #contentSub2, input#database_input {
    color:#ffffff !important;
}
div.portal h3:before, div#searchTitle:before, div#noticeTitle:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 20px;
    background-color:#1E2933;
    bottom: -2px;
    left: 0;
}
div.editButtons input[type="submit"], div#simpleSearch #searchButton, div.editButtons span a, div#customFooter div a, button#database_button {
    border-radius: 3px;
    color: #afafaf;
    border: 1px solid #1E2933;
    background-color: #1E2933;
    background-image: linear-gradient( transparent,rgba(0, 0, 0, 0.15));
    padding: 10px;
    margin: 0;
    font-family: Open Sans,sans-serif;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    outline: none;
}




























div#mw-page-base {
    background: #151515 url(https://resource.etherumps.com/wiki_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 rgba(0,0,0,0.3);
}

 div#toolbar {
    padding: 10px 5px;
    background: #1E2933;
    border-bottom: 1px solid #161b20;
    line-height: 0;
}

  div#toolbar > div {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 5px;
}

   div#mw-editbutton-bold, div#mw-editbutton-italic, div#mw-editbutton-headline, div#mw-editbutton-nowiki {
    display: none!important;
}

   div#mw-editbutton-link {
    background: url(https://i.imgur.com/Wrs4VMn.png);
}

  div#mw-editbutton-extlink {
    background: url(https://i.imgur.com/HKLvTBX.png);
}

   div#mw-editbutton-hr {
    background: url(https://i.imgur.com/J9is2iW.png);
}

 textarea#wpTextbox1 {
    resize: vertical;
    outline: none;
    background:rgba(0,0,0,0.1);
    font-family: monospace;
    line-height: 16px;
    font-size: 12px;
    border: none;
    padding: 10px;
}

 .editOptions {
    border: none;
    padding: 10px 5px;
    margin: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.2);
}

  .editButtons {
    display: flex;
}

   span.cancelLink {
    margin: 0;
    display: flex;
}

   div.editButtons input[type="submit"], div.editButtons span a {
    margin: 0 5px;
}

 .mw-editTools, .templatesUsed, .hiddencats, .limitreport, span.editHelp, span.mw-editButtons-pipe-separator {
    display: none;
}

ul#index {
    margin-left: 0;
}

 ul#index li {
    display: flex;
}

 ul#index li:not(:last-child) {
    padding-bottom: 10px;
    border-bottom:1px solid rgba(0,0,0,0.1);
    margin-bottom: 10px;
}

  div.img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

  ul#index li div.img img {
    max-height: 40px;
    max-width: 40px;
}

























/* General */

body, div#mw-panel div.portal div.body ul li a, div#simpleSearch #searchButton, div#simpleSearch #searchInput, div#siteNotice, .mw-body p, table, .mw-body-content, #contentSub, #contentSub2, #p-personal ul li, nav ul li, input#database_input {
    font-size: 12px;
    line-height: 20px;
}

 div#mw-panel div.portal div.body ul li a:hover, span.subpages a:hover, div.vectorTabs ul li.selected a, div.vectorTabs ul li a:hover, th, span.cancelLink a:hover {
    color:#ffffff!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: #afafaf;
    line-height: 30px;
    font-weight: bold!important;
    margin: 30px 0!important;
    font-size: 16px;
}

.mw-body img {
    max-width: 100%;
}

.mw-body p, p {
    margin: 30px 0;
    line-height: 20px;
}

.mw-body h1 {
    border-bottom: 1px solid #161b20;
    padding-bottom: 10px;
}

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

span.mw-editsection {
    display: none;
}

table {
    margin: 30px 0!important;
    background:rgba(0,0,0,0.2)!important;
    border-collapse: collapse;
}

 td, th {
    padding: 10px!important;
    border: 1px solid #161b20!important;
}

  th {
    background: #1f272f!important;
    font-weight: normal;
    text-align: left!important;
}

.mw-body pre {
    background-color: rgba(0,0,0,0.1);
    line-height: 16px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 10px;
    margin: 30px 0;
}

hr {
    background-color: #161b20;
    margin: 30px 0;
}

.mw-body .external {
    padding: 0;
    background: none;
}

.mw-body ul {
    margin: 30px 0px 30px 10px;
    list-style-position: inside;
    list-style-image: none;
}

 .mw-body ul li {
    margin: 0;
}

  .mw-body ul li ul {
    margin: 10px 0 10px 30px;
}
div#customFooter, nav {
    background:#1E2933 !important;color:#1E2933!important;
}
div#mw-head a {color:#0C72BC !important;}
div#customFooter p{color:#ffffff!important;}
div#customFooter a{color:#fff!important;}
#wrap a{color:#0C72BC !important;}
fieldset {border: 1px solid rgba(0,0,0,0.2) !important;}
.mw-changeslist-legend {border:1px solid #97855d !important;}
input[type="submit"], input[type="checkbox"], select {background: #1E2933 !important;border-color:#afafaf!important;}
::-webkit-input-placeholder {color: #717171; }
:-moz-placeholder { color: #717171; }
::-moz-placeholder { color: #717171; }
:-ms-input-placeholder { color: #717171; }

p {
    color: #ffffff!important;
}


/* 28-12-2016 */
nav ul li{
display:inline-block !important;
padding:10px 0 !important;
}
nav ul li a:hover {
 color: #fff !important;
}
#mw-watchlist-resetbutton > input {
 color: #afafaf !important;
}
#mw-watchlist-options input {
 color: #afafaf !important;
}
.namespaceselector {
  color: #afafaf !important;
}
.mw-submit {
  color: #afafaf !important;
}
.namespaceselector {
  margin-left: 5px !important;
}
.mw-month-selector {
  color: #fdfdfd !important;
}

#index li{
list-style:none !important;
}

.sicon1{
background:url(https://i.imgur.com/DeOQfOs.png) no-repeat center, linear-gradient( transparent,rgba(0, 0, 0, 0.15)), #3a589e !important;

}

#customFooter > div > a:nth-child(1){
background:url(https://i.imgur.com/DeOQfOs.png) no-repeat center !important;
background-color:#3a589e !important;
color:#fff !important;
}

#customFooter > div > a:nth-child(2){
background:url("https://imgur.com/UprUuut.png") no-repeat center !important;
background-color:#5865f2 !important;
color:#fff !important;
}
#customFooter > div > a:nth-child(3){
background:url("https://i.imgur.com/wF3Xf61.png") no-repeat center !important;
background-color:#c8312b !important;
color:#fff !important;
}
.mw-headline{
color:#D3D3D3 !important;  
}

#mw-history-search > input {
  color: #ffffff !important;
}
.historysubmit.mw-history-compareselectedversions-button {
  color: #fdfdfd !important;
}
#toc, .toc, .mw-warning, .toccolours {
  background: rgba(71, 88, 107, 0.2) none repeat scroll 0 0 !important;
  border: medium none !important;
}
.diff-currentversion-title {
  color: #ffffff !important;
}
#toctitle > h2 {
  color: #ffffff;
}
td.diff-context {
  background: rgba(254,254,254,0.3) !important;

}
td.diff-addedline .diffchange {
  background: rgba(237,237,237,0.5) !important;
}

#pagehistory li.selected {
  background-color: rgba(254, 254, 254, 0.5) !important;
  border: 1px dashed #c8312b !important;
  padding: 5px !important;
}
#pagehistory li {
  border: 1px solid #222 !important;
  padding: 5px !important;
}
.results-info {
  color: #222 !important;
}
.mw-ui-input {
  background: rgba(254, 254, 254, 0.3) none repeat scroll 0 0 !important;
  border: medium none !important;
  padding: 6px !important;
}
#mw-searchoptions {
  background: rgba(254, 254, 254, 0.3) none repeat scroll 0 0 !important;
}
#mw-searchoptions h4 {
  color: #ffffff !important;
}
.ipsDataItem, .ipsDataList.ipsDataList_zebra > .ipsDataItem{
border:none !important;
}
.wikitable th {
  color: #fff !important;
}
.ipsPad_half{
text-align:center !important;
}
#mw-history-search > input {
  background: rgba(254, 254, 254, 0.2) none repeat scroll 0 0 !important;
  color: #000 !important;
}
.mw-search-profile-tabs {
  background-color: rgba(254,254,254,0.2) !important;
  border: none !important;

}
/* 28-12-2016 */

/* 28-12-2016 responsive layout */
@media screen and (max-width:991px){
#content-sidebar-wrap > div {
  width: 100% !important;
  display: block !important;
  padding: 0 !important;
}
div#content-sidebar-wrap {
  display: block !important;
}
}

@media screen and (max-width:767px){
#content-sidebar-wrap {
  display: block !important;
}
div#mw-panel {
  padding: 0 !important;
  width: 100% !important;
  display: block !important;
}
.mw-contributions-form {
  overflow: auto;
  width: 100% !important;
}
#mw-history-search {
  line-height: 30px !important;
}
.ipsDataItem, .ipsDataList.ipsDataList_zebra > .ipsDataItem{
border-top:none !important;
border-bottom:none !important;
}
}
@media screen and (max-width:450px){
div#right-navigation {
  margin-top: 40px;
  position: static;
  display: block !important;
}
}




/* 28-12-2016 responsive layout */