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
(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...")
 
 
(402 intermediate revisions by 7 users not shown)
Line 1: Line 1:
@import url(https://fonts.googleapis.com/css?family=Signika:400,600);
+
@import url(https://fonts.googleapis.com/css?family=Open+Sans:600,600italic,700);
 +
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:700);
  
html {
+
body {
height: initial;
+
    background: url(https://resource.etherumps.com/wiki_assets/images/background.png);
 +
    font-family: Open Sans, sans-serif;
 +
    line-height: 20px;
 
}
 
}
  
body {
+
p {
width: 90%;
+
  color: #ffffff!important;
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 {
+
a {
width: 10px;
+
    color: #afafaf!important;
height: 10px;
+
    text-decoration: none!important;
}
+
    transition: 200ms;
 +
}
  
body::-webkit-scrollbar-track {
+
a.new {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+
    color: #b24040!important;
background-color: #1E1E1D;
+
}
}
 
  
body::-webkit-scrollbar-thumb {
+
nav ul {
background-color: #417394;
+
    list-style-type: none;
border-radius: 10px;
+
    list-style-image: none;
}
+
    text-align: center;
 +
    margin: auto;
 +
}
  
body::-webkit-scrollbar-thumb:hover {
+
  nav ul li {
background-color: #060606;
+
    margin: 0;
}
+
    display: inline-flex;
 +
}
  
div#mw-page-base {
+
  nav ul li a {
position: absolute;
+
    margin: 10px;
top: 122px;
+
    padding: 0;
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 {
+
header {
background-image: none;
+
    min-width: auto;
height: 0px;
 
margin-top: 198px;
 
 
}
 
}
  
div#mw-head {
+
div#logo {
width: 90%;
+
    padding: 30px 0;
max-width: 1200px;
+
    margin: auto;
min-width: 800px;
+
    text-align: center;
margin: auto;
 
font-weight: bold;
 
left: 0;
 
top: 456px;
 
 
}
 
}
  
div#p-personal {
+
div#wrap {
top: -228px;
+
    /*min-width: 800px;*/
background: linear-gradient(rgba(31, 42, 53, 0.5), rgba(31, 42, 53, 0.5)), url(https://www.grinderscape.org/assets/images/background.png);
+
    min-width:auto !important;
right: 30px;
+
    max-width: 1200px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.7);
+
    margin: 60px auto;
}
+
    padding: 30px 30px 0 30px;
 +
    box-sizing: border-box;
 +
}
  
#p-personal h5 {
+
div#mw-navigation {
display: none;
+
    display: none;
}
+
}
  
#p-personal ul {
+
  div#mw-head {
display: flex;
+
    position: initial;
padding: 0px;
+
}
}
 
  
#p-personal ul li {
+
  div#p-personal {
line-height: 16px;
+
    position: initial;
margin: 15px;
+
    text-align: right;
}
+
    padding-bottom: 0;
 +
}
  
#pt-userpage, #pt-anonuserpage, #pt-login {
+
    #p-personal ul {
background: url();
+
    padding: 0;
padding-left: 0px!important;
+
    display: inline-block;
}
+
}
  
#pt-anonuserpage, #pt-anontalk {
+
    #p-personal ul li {
display: none;
+
    float: initial;
}
+
    margin: 0;
 +
    display: inline-block;
 +
    padding: 0!important;
 +
    background: none;
 +
}
  
div#left-navigation {
+
      #p-personal ul li a {
left: 30px;
+
    margin: 10px;
right: 30px;
+
    padding: 0;
top: initial;
+
    display: block;
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 {
+
  div#mw-head div.vectorMenu h3 {
background: none;
+
    display: none;
padding-left: 0px;
+
}
height: initial;
 
}
 
  
div.vectorTabs ul {
+
div#siteNotice {
background: none;
+
    margin-bottom: 30px;
}
+
    padding: 30px;
 +
    text-align: left;
 +
}
  
div.vectorTabs ul li {
+
  div#noticeTitle {
background: none;
+
    margin-bottom: 10px!important;
display: flex;
+
    background: url(https://i.imgur.com/TcXNJwg.png) no-repeat;
}
+
}
  
div.vectorTabs ul li a {
+
  div#localNotice {
height: initial;
+
    margin-bottom: 0;
padding: 0px;
+
}
margin: 15px;
 
font-size: 12px;
 
line-height: 16px;
 
}
 
  
div.vectorTabs ul li.selected {
+
  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;
}
+
}
  
div.vectorTabs span {
+
div#pageInfo {
background: none;
+
    margin: 0 0 30px 0;
}
+
    padding: 30px;
 +
}
  
div#right-navigation {
+
  h1#firstHeading {
margin-top: 0px;
+
    background: url(https://i.imgur.com/k46FZ3K.png) no-repeat;
right: 30px;
+
    padding: 0 0 0 30px;
position: absolute;
+
    line-height: 20px;
}
+
    margin: 0;
 +
    border-bottom: none;
 +
    font-size: 13px;
 +
    color: #ffffff;
 +
}
  
div.vectorMenu {
+
  span.subpages {
background: url(http://i.imgur.com/PyfS9Qt.png) no-repeat center;
+
    position: relative;
}
+
    border-top: 2px solid #161b20;
 +
    padding-top: 10px;
 +
    margin-top: 10px;
 +
}
  
div#mw-head div.vectorMenu > h5 {
+
div#content-sidebar-wrap {
margin-left: 0px;
+
    display: table;
}
+
    width: 100%;
 +
}
  
div.vectorMenu h5 a {
+
  div#mw-panel {
background-image: none;
+
    position: initial;
height: 46px;
+
    width: 350px;
width: 46px;
+
    display: table-cell;
}
+
    padding: 0 0 0 30px !important;
 +
    vertical-align: top;
 +
    box-sizing: border-box;
 +
}
  
div.vectorMenu h5 a:hover {
+
  div#p-logo {
background-color: rgba(255, 255, 255, 0.03);
+
    display: none;
}
+
}
  
div.vectorMenu ul {
+
  div#p-search {
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);
+
    margin: 0;
right: 0px;
+
    float: initial;
border: none;
+
    margin-bottom: 30px;
z-index: 1;
+
    padding: 30px;
}
+
}
  
div.vectorMenu li a {
+
div#p-search div#searchTitle {
padding: 4px 12px;
+
    background: url(https://i.imgur.com/64wkhoI.png) no-repeat;
font-size: 12px;
+
}
}
 
  
div.vectorMenu li a:hover {
+
      span.subpages:before {
background-color: rgba(255, 255, 255, 0.03);
+
    content: "";
color: rgb(190, 190, 190)!important;
+
    position: absolute;
}
+
    height: 2px;
 +
    width: 20px;
 +
    background-color: #afafaf;
 +
    top: -2px;
 +
    left: 0;
 +
}
  
div#p-search {
+
    form#searchform {
margin: 0px 0px 0px 767px;
+
    padding: 0;
position: fixed;
+
    margin: 0;
top: 0;
+
}
z-index: 2;
 
}
 
  
form#searchform {
+
    div#simpleSearch {
margin: 0px;
+
    margin: 0;
}
+
    padding: 0;
 +
    width: 100%;
 +
    height: initial;
 +
    border: 0;
 +
    background: none;
 +
}
  
form#searchform div {
+
div#simpleSearch #searchInput, input#database_input {
display: table;
+
    padding: 10px;
}
+
    line-height: 20px;
 +
    font-family: Open Sans,sans-serif;
 +
    background-color: transparent;
 +
    border: 1px solid #161b20;
 +
    outline: none;
 +
}
  
input#searchInput {
+
      div#simpleSearch #searchButton {
padding: 4px 40px 4px 12px;
+
    position: initial;
margin: 5px 0px;
+
    width: 100%;
color: #696969;
+
    margin-top: 10px!important;
font-size: 12px;
+
    text-indent: initial;
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 {
+
  div#mw-panel div.portal {
outline: none;
+
    margin: 0;
}
+
    padding: 30px;
 +
    margin-bottom: 30px;
 +
}
  
input#searchGoButton {
+
    div#mw-panel div.portal h3 {
background: url(http://i.imgur.com/Qq4U6Y7.png) no-repeat center;
+
    cursor: initial;
border: none;
+
    display: block!important;
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 {
+
    div#mw-panel div.portal h3#p-In_the_wiki-label {
outline: none;
+
    background: url(https://i.imgur.com/pxnMRhE.png) no-repeat;
}
+
}
  
input#mw-searchButton {
+
    div#mw-panel div.portal h3#p-Popular_pages-label {
display: none;
+
    background: url(https://i.imgur.com/H0wpXZn.png) no-repeat;  
}
+
}
  
div#mw-panel {
+
    div#mw-panel div.portal h3#p-Categories-label {
right: 0;
+
    background: url(https://i.imgur.com/Lnp5kiv.png) no-repeat;
margin: 0px auto;
 
width: 90%;
 
max-width: 1200px;
 
min-width: 800px;
 
top: 0px;
 
padding: 0px;
 
 
}
 
}
  
#p-logo {
+
    div#mw-panel div#p-Management{
top: 0px;
+
    display: none;
height: 122px;
+
}
width: 100%;
 
}
 
  
#p-logo a {
+
div#mw-panel div.portal h3#p-Management-label {
height: 62px;
+
    background: url(https://i.imgur.com/c3r42TV.png) no-repeat;
width: 240px;
+
}
margin: 30px auto;
 
background-image: url(http://i.imgur.com/zZHHFgp.png)!important;
 
}
 
  
div#mw-panel div.portal {
+
div#mw-panel div.portal div.body {
padding: 122px 0px 0px;
+
    margin: 0!important;
font-weight: bold;
+
}
}
 
  
div#mw-panel div.portal h5 {
+
div#mw-panel div.portal div.body ul li {
display: none;
+
    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 {
+
div#mw-panel div.portal div.body ul li:last-child {
margin: 0px;
+
    border-bottom:none;
padding: 0px;
+
}
background-image: none;
 
}
 
  
div#mw-panel div.portal div.body ul {
+
  div#content-wrap {
display: flex;
+
    box-sizing: border-box;
justify-content: center;
+
}
}
 
  
div#mw-panel div.portal div.body ul li {
+
  div#content-navigation-wrap {
line-height: 16px;
+
    margin-bottom: 30px;
padding: 0px;
+
    overflow: hidden;
display: flex;
+
}
}
 
  
div#mw-panel div.portal div.body ul li a {
+
    div#navigation {
margin: 15px;
+
    display: flex;
}
+
    height: 42px;
 +
    position: relative;
 +
    margin-bottom: 60px;
 +
}
  
div#mw-panel div#p-tb {
+
    div#navigation:before {
display: none;
+
    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#content {
+
    div#right-navigation {
margin: 0px 0px 30px;
+
    position: absolute;
background-image: none;
+
    right: 0;
padding: 106px 30px 30px;
+
    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);
+
    div.vectorTabs {
 +
    background: none;
 +
    padding: 0;
 +
    height: initial;
 
}
 
}
  
div#mw-js-message {
+
    div.vectorTabs ul {
border: none;
+
    background: none;
margin: 0px;
+
}
text-align: center;
+
    div.vectorTabs ul li {
color: #696969;
+
    background: none!important;
font-size: 12px;
+
    font-size: 0;
margin-bottom: 30px;
+
}
padding: 15px 10px;
+
div.vectorTabs ul li.selected a {
box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 5px;
+
    cursor: initial;
background-image: linear-gradient(rgba(0, 134, 255, 0.06),rgba(0, 134, 255, 0.06) 150%),url(http://i.imgur.com/WjtyEVA.png);
+
    border-bottom: 2px solid #ffffff;
}
+
}
 +
div.vectorTabs span {
 +
    background: none;
 +
}
  
div#mw-js-message p {
+
div.vectorTabs ul li a {
padding: 0px;
+
    line-height: 20px;
}
+
    padding: 10px;
 +
    font-size: 13px;
 +
    height: initial;
 +
    border-bottom: 2px solid transparent;
 +
}
  
div#localNotice {
+
div.vectorTabs 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);
+
    border-bottom: 2px solid rgba(0,0,0,0.2);
box-shadow: 0px 0px 5px rgba(0,0,0,0.7);
+
}
margin-bottom: 30px;
 
color: #696969;
 
font-weight: bold;
 
}
 
  
h1#firstHeading {
+
h3#p-cactions-label {
margin: 0px;
+
    padding: 0;
border-bottom: none;
+
    margin: 0!important;
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 {
+
h3#p-cactions-label span {
font-size: 12px;
+
    display: none;
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 {
+
div.vectorMenu h3 a {
padding: 7.5px 30px;
+
    position: initial;
margin: 0px;
+
    display: block;
font-size: 12px;
+
    width: 46px;
line-height: 16px;
+
    height: 40px;
}
+
    background: url(https://i.imgur.com/6dnpdQ3.png) no-repeat center!important;
 +
    background-position: initial;
 +
    outline: none;
 +
}
  
div#mw-content-text {
+
div.vectorMenu h3 a:hover {
padding: 0px 30px;
+
    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;
 +
}
  
/* FOOTER */
+
    #contentSub, #contentSub2 {
 +
    margin: 30px 0;
 +
}
 +
 
 +
    ul#footer-info {
 +
    margin: 0 30px;
 +
    border-top:2px solid rgba(0,0,0,0.2);
 +
}
  
 
div#footer {
 
div#footer {
margin: 0px;
+
    margin: 0;
padding: 0px;
+
    padding: 0;
background-image: url();
+
    min-width: auto;
 
}
 
}
  
div#footer #footer-info li {
+
div#customFooter {
padding: 0px;
+
    margin: 0;
font-size: 12px;
+
    background: #252525;
color: #696969;
+
    margin-top: 30px;
}
+
    padding: 30px;
 +
    text-align: center;
 +
}
  
div#footer #footer-info div.custom_footer {
+
  div#customFooter div a {
margin-top: 30px;
+
    width: 20px;
padding: 30px 0px;
+
    height: 20px;
position: absolute;
+
    display: inline-block;
min-width: 800px;
+
    margin: 0 5px!important;
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 {
+
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 {
border-spacing: 20px 0px;
+
    display: none;
margin: 0px auto;
+
}
}
 
  
div#footer #footer-info div.custom_footer table td {
+
div#siteNotice, div#pageInfo, div#content-navigation-wrap, div#p-search, div#mw-panel div.portal{
padding: 0px!important;
+
    background: #1E2933 !important;
width: 24px;
+
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
height: 24px;
+
}
margin: 0px 10px!important;
+
div#noticeTitle, div#searchTitle, div#mw-panel div.portal h3 {
}
+
    position: relative;
 
+
    font-size: 13px;
div#footer #footer-info div.custom_footer table td a {
+
    padding: 0 0 10px 30px;
display: flex;
+
    color: #ffffff;
height: 24px;
+
    margin-bottom: 30px;
font-size: 0px;
+
    border-bottom: 2px solid rgba(0,0,0,0.1);
color: transparent!important;
+
    overflow: initial;
}
 
 
 
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;
 
 
}
 
}
 
+
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 {
a.new {
+
    color:#ffffff !important;
color: rgb(158, 65, 65)!important;
 
 
}
 
}
 
+
div.portal h3:before, div#searchTitle:before, div#noticeTitle:before {
#p-personal a.new {
+
    content: "";
color: rgb(190, 190, 190)!important;
+
    position: absolute;
}
+
    height: 2px;
 
+
    width: 20px;
a:hover {
+
    background-color:#1E2933;
color: #696969!important;
+
    bottom: -2px;
 +
    left: 0;
 
}
 
}
 
+
div.editButtons input[type="submit"], div#simpleSearch #searchButton, div.editButtons span a, div#customFooter div a, button#database_button {
a.external {
+
    border-radius: 3px;
background-image: none!important;
+
    color: #afafaf;
padding: 0px!important;
+
    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 474: Line 472:
  
  
 +
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); }
 +
}
  
  
Line 495: Line 523:
  
  
p {
 
  margin: 0px;
 
  line-height: 16px;
 
  padding: 15px 0px;
 
}
 
  
pre {
+
/* Specific Pages */
  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 {
+
form#editform {
  vertical-align: baseline;
+
    border: 1px solid rgba(0,0,0,0.3);
  max-width: 90%;
 
  padding: 10px 0px;
 
 
}
 
}
  
.border {
+
div#toolbar {
  padding: 10px 0px;
+
    padding: 10px 5px;
 +
    background: #1E2933;
 +
    border-bottom: 1px solid #161b20;
 +
    line-height: 0;
 
}
 
}
  
.border img {
+
  div#toolbar > div {
  padding: 15px;
+
    width: 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);
+
    height: 20px;
 +
    display: inline-block;
 +
    vertical-align: middle;
 +
    cursor: pointer;
 +
    margin: 0 5px;
 
}
 
}
  
div#bodyContent ul, div#bodyContent ol {
+
  div#mw-editbutton-bold, div#mw-editbutton-italic, div#mw-editbutton-headline, div#mw-editbutton-nowiki {
  margin: 0px!important;
+
    display: none!important;
  padding: 10px 0px 10px 30px!important;
 
  list-style-image: initial;
 
  list-style-position: inside;
 
 
}
 
}
  
div#bodyContent li {
+
  div#mw-editbutton-link {
  margin: 0px;
+
    background: url(https://i.imgur.com/Wrs4VMn.png);
  padding: 5px 0px;
 
  line-height: 16px;
 
 
}
 
}
  
h1, h2, h3, h4, h5, h6 {
+
   div#mw-editbutton-extlink {
   margin-bottom: 0px;
+
    background: url(https://i.imgur.com/HKLvTBX.png);
  padding: 20px 0px 0px;
 
  border-bottom: none;
 
  font-weight: normal;
 
  font-size: 12px!important;
 
  line-height: 16px!important;
 
  margin-bottom: 10px;
 
 
}
 
}
  
h1, h2 {
+
  div#mw-editbutton-hr {
  color: #DC6507;
+
    background: url(https://i.imgur.com/J9is2iW.png);
  padding-bottom: 5px;
 
  margin-bottom: 10px;
 
  border-bottom: 1px solid #2F2F2F;
 
  box-shadow: inset 0px -1px #151515;
 
 
}
 
}
  
h3 {
+
textarea#wpTextbox1 {
  color: #5C839A;
+
    resize: vertical;
 +
    outline: none;
 +
    background:rgba(0,0,0,0.1);
 +
    font-family: monospace;
 +
    line-height: 16px;
 +
    font-size: 12px;
 +
    border: none;
 +
    padding: 10px;
 
}
 
}
  
h4, h5, h6 {
+
.editOptions {
  color: #C4B08F;
+
    border: none;
 +
    padding: 10px 5px;
 +
    margin: 0;
 +
    border-top: 1px solid rgba(0,0,0,0.1);
 +
    background: rgba(0,0,0,0.2);
 
}
 
}
  
span.editsection {
+
  .editButtons {
  line-height: 0px;
+
    display: flex;
  float: left!important;
 
  margin: 0px 5px 0px 0px;
 
  font-size: 0px;
 
 
}
 
}
  
  span.editsection a {
+
  span.cancelLink {
     line-height: 16px;
+
     margin: 0;
 
     display: flex;
 
     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 {
+
  div.editButtons input[type="submit"], div.editButtons span a {
  margin: 10px 0px;
+
    margin: 0 5px;
  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 {
+
.mw-editTools, .templatesUsed, .hiddencats, .limitreport, span.editHelp, span.mw-editButtons-pipe-separator {
  font-size: 12px;
+
    display: none;
  line-height: 16px;
 
 
}
 
}
  
.mw-warning-logempty {
+
ul#index {
  padding: 10px 0px;
+
    margin-left: 0;
 
}
 
}
  
div.mw-warning-with-logexcerpt {
+
ul#index li {
  display: none;
+
    display: flex;
 
}
 
}
  
code {
+
ul#index li:not(:last-child) {
  background-color: rgba(0, 0, 0, 0.05);
+
    padding-bottom: 10px;
 +
    border-bottom:1px solid rgba(0,0,0,0.1);
 +
    margin-bottom: 10px;
 
}
 
}
  
.previewnote h2 {
+
  div.img {
  position: absolute;
+
    width: 40px;
  right: 15px;
+
    height: 40px;
  left: 15px;
+
    margin-right: 10px;
  top: -76px;
+
    display: flex;
  border: 0px;
+
    justify-content: center;
  font-weight: bold;
+
    align-items: center;
  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 {
+
  ul#index li div.img img {
  display: none;
+
    max-height: 40px;
 +
    max-width: 40px;
 
}
 
}
  
.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 {
+
/* General */
padding: 5px 0px 5px 15px;
 
width: 36px;
 
text-align: center;
 
}
 
  
.index .index_box #none {
+
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 {
display: none;
+
    font-size: 12px;
}
+
    line-height: 20px;
 +
}
  
.index .index_box .icon img {
+
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 {
padding: 0px;
+
    color:#ffffff!important;
height: 36px;
+
}
max-width: 36px;
 
vertical-align: middle;
 
}
 
  
.index .index_box .link {
+
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6 {
font-weight: bold;
+
    font-family: Open Sans, sans-serif!important;
padding: 15px;
+
    color: #afafaf;
}
+
    line-height: 30px;
 +
    font-weight: bold!important;
 +
    margin: 30px 0!important;
 +
    font-size: 16px;
 +
}
  
.index .index_box .text {
+
.mw-body img {
padding: 15px;
+
    max-width: 100%;
}
+
}
  
.index .index_box .text a {
+
.mw-body p, p {
display: flex;
+
    margin: 30px 0;
height: 100%;
+
    line-height: 20px;
font-size: 0px;
+
}
}
 
  
.index .index_box div#in-game {
+
.mw-body h1 {
padding: 0px;
+
    border-bottom: 1px solid #161b20;
background: url(http://i.imgur.com/mLudboC.png) center;
+
    padding-bottom: 10px;
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 {
+
.mw-body h2 {
padding: 0px;
+
    border-bottom: none;
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 {
+
span.mw-editsection {
padding: 0px;
+
    display: none;
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 {
+
table {
opacity: 1;
+
    margin: 30px 0!important;
}
+
    background:rgba(0,0,0,0.2)!important;
 +
    border-collapse: collapse;
 +
}
  
.index .index_box .ribbon {
+
td, th {
position: absolute;
+
    padding: 10px!important;
right: -5px;
+
    border: 1px solid #161b20!important;
top: -5px;
+
}
z-index: 1;
 
overflow: hidden;
 
width: 75px;
 
height: 75px;
 
text-align: right;
 
}
 
  
.index .index_box .ribbon span {
+
  th {
color: #A9A9A9;
+
    background: #1f272f!important;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
+
    font-weight: normal;
text-transform: uppercase;
+
    text-align: left!important;
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 {
+
.mw-body pre {
content: '';
+
    background-color: rgba(0,0,0,0.1);
position: absolute;
+
    line-height: 16px;
left: 0px;
+
    border: 1px solid rgba(0,0,0,0.1);
top: 100%;
+
    padding: 10px;
border-left: 3px solid #1D2F42;
+
    margin: 30px 0;
border-right: 3px solid transparent;
+
}
border-bottom: 3px solid transparent;
 
border-top: 3px solid #1D2F42;
 
}
 
  
.index .index_box .ribbon span::after{
+
hr {
content: '';
+
    background-color: #161b20;
position: absolute;
+
    margin: 30px 0;
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 {
+
.mw-body .external {
background-color: #3D4A3D;
+
    padding: 0;
}
+
    background: none;
 +
}
  
div#index span::before {
+
.mw-body ul {
border-left: 3px solid #293329;
+
    margin: 30px 0px 30px 10px;
border-top: 3px solid #293329;
+
    list-style-position: inside;
}
+
    list-style-image: none;
 +
}
  
div#index span::after {
+
.mw-body ul li {
border-right: 3px solid #293329;
+
    margin: 0;
border-top: 3px solid #293329;
+
}
}
 
  
div#external span {
+
  .mw-body ul li ul {
background-color: #5F3663;
+
    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; }
  
div#external span::before {
+
p {
border-left: 3px solid #412344;
+
    color: #ffffff!important;
border-top: 3px solid #412344;
+
}
}
 
  
div#external span::after {
 
border-right: 3px solid #412344;
 
border-top: 3px solid #412344;
 
}
 
  
div#new span {
+
/* 28-12-2016 */
background-color: #863030;
+
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;
 +
}
  
div#new span::before {
+
#index li{
border-left: 3px solid #632020;
+
list-style:none !important;
border-top: 3px solid #632020;
+
}
}
 
  
div#new span::after {
+
.sicon1{
border-right: 3px solid #632020;
+
background:url(https://i.imgur.com/DeOQfOs.png) no-repeat center, linear-gradient( transparent,rgba(0, 0, 0, 0.15)), #3a589e !important;
border-top: 3px solid #632020;
 
}
 
  
div#popular span {
+
}
background-color: #27435F;
 
}
 
  
div#popular span::before {
+
#customFooter > div > a:nth-child(1){
border-left: 3px solid #1D2F42;
+
background:url(https://i.imgur.com/DeOQfOs.png) no-repeat center !important;
border-top: 3px solid #1D2F42;
+
background-color:#3a589e !important;
}
+
color:#fff !important;
 +
}
  
div#popular span::after {
+
#customFooter > div > a:nth-child(2){
border-right: 3px solid #1D2F42;
+
background:url("https://imgur.com/UprUuut.png") no-repeat center !important;
border-top: 3px solid #1D2F42;
+
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;
 +
}
  
div#bodyContent ul.breadcrumb {
+
#mw-history-search > input {
position: absolute;
+
  color: #ffffff !important;
width: 100%;
+
}
top: -76px;
+
.historysubmit.mw-history-compareselectedversions-button {
left: 0px;
+
  color: #fdfdfd !important;
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);
 
 
}
 
}
 +
#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;
  
div#bodyContent ul.breadcrumb li {
+
}
margin: 0px 15px;
+
td.diff-addedline .diffchange {
padding: 0px;
+
  background: rgba(237,237,237,0.5) !important;
}
+
}
  
div#bodyContent ul.breadcrumb li.arrow {
+
#pagehistory li.selected {
margin: 0px;
+
  background-color: rgba(254, 254, 254, 0.5) !important;
line-height: 13px;
+
  border: 1px dashed #c8312b !important;
cursor: default;
+
  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;
  
div#bodyContent ul.breadcrumb li.arrow::before {
+
}
content: "›";
+
/* 28-12-2016 */
}
 
  
.store {
+
/* 28-12-2016 responsive layout */
width: 482px;
+
@media screen and (max-width:991px){
height: 272px;
+
#content-sidebar-wrap > div {
padding: 59px 0px 15px 18px;
+
  width: 100% !important;
 +
  display: block !important;
 +
  padding: 0 !important;
 +
}
 +
div#content-sidebar-wrap {
 +
  display: block !important;
 +
}
 
}
 
}
  
div#seasonal_voting_store {
+
@media screen and (max-width:767px){
background: url(http://i.imgur.com/QU2bNTI.png) no-repeat 0px 15px;
+
#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;
 +
}
 +
}
  
.store .item {
 
float: left;
 
margin: 0px 3px 10px 0px;
 
}
 
  
.store .item:hover {
 
opacity: 0;
 
}
 
  
.store .item span {
 
display: flex;
 
}
 
  
.store .item span img {
+
/* 28-12-2016 responsive layout */
padding: 0px;
 
max-width: 100%;
 
}
 

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 */