Foreground.css
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
#page-content { background-color: #111111; padding: 80px 1rem 1rem 1rem; max-width: 1220px; margin: 0 auto; } .row { max-width: 100%; } #mw-content-text{padding-top:10px;} .hidden {display: none;} .faux-link {cursor: pointer;} /* Foreground Skin */ html {background-color: #1d1d1d;} body.skin-foreground { background-color: #1d1d1d; background-image: none; color: #999; /* See div#content instead */ } p { font-size: 14px; } h1, h2, h3, h4, h5, h6 { color: #fff; font-family: 'Open Sans',sans-serif !important; } h4.namespace.foregroundlabel {visibility: hidden; display: none;} h5 {color: #ccc;} button {background-color: #e9e9e9; padding: .25em .5em; color: #000; border: 0; font-weight: 100;} div#content { color: #ccc; /* was adadad */ } a, a:visited, a:hover, a:focus, .mw-body a.external, .mw-body a.external:visited, .mw-body a.extiw:visited, .mbTV, .mbYT, .mbYTplaylist, .mbGfycat, div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited, span.label, .mbhoveron:hover > span.label, .faux-link { color: #f9a916; /* was 80B7FF;*/ } span.trait-label > a { color: #ec986f; } .top-bar input, .top-bar .button {line-height: normal;} .mw-body a:hover, #mw-head a:hover, .mw-body a.external:hover, .mw-body a.external:visited:hover, .mbTV:hover, .mbYT:hover, .mbYTplaylist:hover, .mbGfycat:hover, div#mw-panel div.portal div.body ul li a:hover, div#mw-panel div.portal div.body ul li a:visited:hover, span.label:hover, .mbhoveron:hover > span.label {border-bottom: 0;} a.new {color: #E84F4F;} /* was F57373 */ .top-bar .name h1 { font-family: EasonPro; } .top-bar .name h1 a { background: url('//metabattle.com/wiki/skins/common/images/logo32px.png') no-repeat left; padding-left: 2.25em; margin-left: 15px; color: rgba(255,255,255,0.95); } .top-bar .name h1 a:hover { background-image: url('//metabattle.com/wiki/skins/common/images/logo32px-glow100.png'); color: #F7F1E7; transition: color 0.1s ease-in-out; } .top-bar .name h1 a, .top-bar-section .dropdown li a, .f-dropdown li a, a.button.secondary { color: #111; } .top-bar-section .dropdown li a { color: #fff; } .top-bar { background-color: #111111; font-family: 'Open Sans', sans-serif; width: 100%; position: fixed; z-index: 100; margin-bottom: 0; top: 30px; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); z-index: 99999; } @media screen and (max-width: 425px){ .quickbrowse-link { display: none; } } @media screen and (max-width: 768px){ .top-bar { top: 0px; } #page-content { padding: 50px 1rem 50px 1rem; } .f-dropdown li a { background: #fff; } div#toc { margin-bottom: 15px; width: 100%; } } .top-bar-section ul li.active > a { background: #111!important; color: #cacaca!important; text-transform: uppercase; font-size: 12px; } .top-bar-section ul li.active > a:hover { color: #fff!important; } .top-bar-section ul li.hover> a { color: #fff!important; } .top-bar-section ul { background: #111!important; } .top-bar-section .has-form { background: none; } .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { display: none; } .top-bar-section .has-dropdown:hover, .top-bar-section .dropdown { background: #f9a916; } #n-necromancer-builds > a {padding-right: 35px; } #p-profession .drop-icon img, #p-game-mode .drop-icon img, #p-guides .drop-icon img {width: 20px;} #p-donate:hover { box-shadow: none; } #p-donate a { display: inline; padding-right: 15px !important; } #p-donate a:after {display: none;} .top-bar-section .dropdown li a { background: #242424; } .top-bar-section .dropdown li a:hover { background-color: rgba(255, 255, 255, 0.1) } .dropdown.button.small, #p-cactions #drop1 {/*margin-top: 2.75em;*/} .dropdown.button.small {background-color: #ffffff; color: #111;border-radius: 0px;box-shadow:none;} .f-dropdown.right:after {display: none;} #footer-right-icons {display: none;} button.button:hover, button.button, button:hover, button:focus, .button:hover, .button:focus { background-color: none; color: none; background-image: none; border: 0; text-shadow: none; } button:hover, button:focus, .button:hover, .button:focus {background: #E6BA5A; color: #fff;} .top-bar input { background-color: rgba(0, 0, 0, 0.2); } top-bar input:focus ~ .button.search { background-color: rgba(255,255,255,0.1); color: rgba(255,255,255,1); transition: background 0.2s; transition: color 0.2s; } .button.search { background-color: #1d1d1d; color: #a9a9a9; border: 0; border-radius: 0; font-weight: 100; box-shadow: none; font-size: 0.875em; top: 0px; } .button.search:hover { background-color: #1d1d1d; color: #fff; } .button.secondary { background-color: #f9a916; border: none; box-sizing: border-box; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #111; background-color: #f9a916; opacity: .5; } .dropdown.button.secondary:before { rgba(255,255,255,0.5) transparent transparent transparent; border-color: #111 transparent transparent transparent; } .rating-template-non-meta { background: #1d1d1d; border: none; } .rating-template-meta { background: #1d1d1d; border: none; } .top-bar-section .has-dropdown > a:after { border-color: rgba(249,169,22,1) transparent transparent transparent; } .f-dropdown { background: #333; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); border: 0; } .f-dropdown li:hover, .f-dropdown li:focus { background-color: rgba(255, 255, 255, 0.1); } .f-dropdown:before { display: none; } .row.sitenotice { max-width: none; background: #111; /*margin-bottom: 1.875em;*/ /*padding: .5em 1em; this should be added to the site notice div inside*/ box-shadow: inset 0 -4px 5px 0 rgba(41,41,41,.14), 0 -1px 10px 0 rgba(255,255,255,.12), 0 -2px 4px -1px rgba(255,255,255,.04); margin-bottom: 0.8em; } .row .columns { padding: 0; } div#content h2#firstHeading:before {display: none;} div#content h2 {font-weight: 100;} div#content h3 {margin-top: 1em;} div#content h4 {color: #e2e2e2; margin-top: 1em;} code { font-weight: normal; /*color: inherit;*/ color: #ccc; font-size: .9em; font-family: Roboto Mono; } .top-bar .button.search { top: 0px; margin-left: -5px; } input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] { background: rgba(0, 0, 0, 0.2); padding: .5em 2.4em; padding: .5em 1em; margin: 0px; background: #404040; border-radius: 2px; transition: background 0.2s; transition: color 0.2s; color: rgba(255, 255, 255, 0.6); } input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fff; color: rgba(0,0,0,.87); } .mbinfo {border: 1px solid #050504; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);} li.gallerybox div.thumb {background-color: #333; border: 0; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);margin: 0; padding: 1px;} /* SMW BUILD SEARCH */ .smwbuildsearch-table { border: 1px solid black;} .smwbuildsearch-table th { width: 200px; padding-bottom: 0;} .smwbuildsearch-table td { padding-top: 0; } .smwbuildsearch-table td.more-space { padding-bottom: 1em;} .smwbuildsearch-table select { height: 30px;} .smwbuildsearch-table input[type="checkbox"].createboxInput { margin-bottom: 0;} .smw-search-result thead, .smw-search-result {border: 0;} .smw-search-result thead {background-color: #ccc;} .smw-search-result {background-color: #444;} .smw-search-result tbody > tr:nth-child(odd) {background-color: #333;} .CategoryTreeToggle {color: #80B7FF;} .CategoryTreeEmptyBullet {color: rgba(255,255,255,.1);} /* Legacy */ div { line-height: inherit; } div#content h1, div#content #firstHeading {display: inline;} #Skill_Bar {display: block; clear: both;} .unpatrolled {color: rgb(183, 75, 75);} abbr, acronym {color: rgba(255,255,255,.4);} .autocomment {color: #bbb;} .mw-recentchanges-table tr:first-child {margin-right: 2em;} select {margin: 0;} .mw-input label {vertical-align: top;} .mw-editsection, .mw-editsection-like { color: rgba(255,255,255,.1); } hr {display: none;} select { padding: 5px 10px; border: 0; background: #1d1d1d!important; color: rgba(255,255,255,.8); } table.diff { background: #333; padding: 1em .25em 1em 0; display: flex; } td.diff-context { background: #333; border-color: rgb(89, 89, 89); color: #bbb; } td.diff-deletedline { border-color: #6B5729; } td.diff-addedline { border-color: rgb(80, 107, 134); } td.diff-deletedline .diffchange, td.diff-addedline .diffchange { color: #282828; padding: .25em; } td.diff-deletedline .diffchange { background: #D8B052; } td.diff-addedline .diffchange { background: rgb(98, 179, 255); } table.diff td.diff-marker {padding: 0; color: #595959;} table.diff td { padding: 0 1em; line-height: 1.5; vertical-align: middle; } table.diff td.diff-lineno {padding-left: 2em;} fieldset legend {display: none;} fieldset {border:none;padding: 0; margin: 0;} input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { border: 0; } input[type="submit"] { border: 0; padding: 5px 10px; box-shadow: none; color: #111; background-color: #f9a916; font-size: 15px; margin-top: 10px; } label {color: #fff} textarea#wpTextbox1 { width: 100%; background-color: #fff; color: rgba(0,0,0,.87); padding: 1em; } .editOptions { background-color: #1d1d1d; padding: 15px; color: #aaa; border: 0; } .editButtons input {margin-left: 1em;} dl dt {line-height: 1.3em; margin-bottom: 0;} dl dd {margin-bottom: 0;} .mw-datatable th, .mw-datatable td {background: #333; border: 0;} .mw-datatable tr:hover td {background-color: rgba(255,255,255,.1);} table.wikitable { background: #1d1d1d; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px solid #111111; } table.wikitable > tr > th, table.wikitable > * > tr > th { background: #f9a916; color: #111; } div.mw-dismissable-notice .mw-dismissable-notice-body {margin: 0;} /* div#siteNotice {padding: .5em 1em;} */ /* You have a new message */ .panel { background: #000; color: #ccc; border: 0; margin-bottom: 0; } /* Tables & Forms */ table { background: #1d1d1d; border: 0; } table tr th, table tr td {color: #bbb;} table tr.even, table tr.alt, table tr:nth-of-type(even) {background: inherit;} fieldset, .mw-changeslist-legend {border: 0;} /* Recent Changes */ .mw-special-Recentchanges .mw-specialpage-summary, .rcoptions legend, .mw-changeslist-legend.mw-collapsible > b, .rcoptions hr {display: none;} .rcoptions { padding: 1em; } .mw-changeslist-legend dd { margin-left: 3em; } .mw-recentchanges-table { background: none; box-shadow: none; margin: 1em 0 0; } .mw-recentchanges-table tr { background: none; display: inline-block; } .mw-recentchanges-table tr td { width: inherit; background: none; padding: 0 .5em 0 0; } #mw-content-text .mw-changeslist ul { margin: 0; list-style-type: none; } .mw-changeslist li { border-bottom: 1px solid rgba(255,255,255,0.1); padding: .25em 0; } .mw-changeslist li:last-child { border-bottom: 0; } .mw-plusminus-pos, .recentratingspage .upvotegreen {color: #66DC65;} .recentratingspage .upvotegreen b {color: #55BB54} .mw-plusminus-neg {color: #f7746a;} /* Recent Ratings */ .mw-special-Rating.ns-special a.button.dropdown {display: inherit;} .recentratingspage h4:first-child { margin-top: 0; } #mw-content-text .recentratingspage ul { margin: 0.5em 0; list-style: none; } .recentratingspage ul li { padding: 0.25em 0; border-bottom: 1px solid rgba(255,255,255,.1); } .recentratingspage ul li:last-child { border: 0; } .fa-balance-scale:before {content: "\f24e";} /* Revision History */ #mw-history-search { padding: 0; margin: 0; } #mw-history-search legend {display: none;} #mw-history-search input[name="year"] {width: 5em;} #mw-history-search input[name="month"] {width: 6em;} #mw-history-compare { margin-top: 1em; } #mw-content-text #pagehistory ul { list-style: none; margin: .5em 0; } #pagehistory li { border: 0; border-bottom: 1px solid rgba(255,255,255,0.1); padding: .25em .5em; } #pagehistory li.selected { background-color: #333; border: 0; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); } #pagehistory li:last-child { border: 0; } /* Upload File */ /* ToC */ div#toc { background: #1d1d1d; border: none; display: flex; flex-direction: column; } #toc, .toc { margin: 0px; } div#content h2:before { display: none; } /* Main Page */ body.page-MetaBattle_Wiki div#content #firstHeading {display: none;} body.ns-talk .mw-content-ltr dd, body.ns-talk .mw-content-rtl body.ns-talk .mw-content-ltr dd {border-left-color: rgba(255,255,255,0.1);} body.ns-talk .mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd {background: rgba(255,255,255,.01)} body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd, body.skin-foreground.ns-talk .mw-content-ltr dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd {background: rgba(255,255,255,.01)} a.foregroundlabel {color: #fff} .foregroundlabel {background-color: rgba(106, 167, 247, 0.5); padding: 0.25em 0.5em;} a.foregroundlabel.new {background-color: #333;} div#content h2:before { border-top-color: transparent; } .builds-intro-first {border-top: 0;} .page-MetaBattle_Wiki #actionsbar, .main-page-title {display: none;} .builds-intro.builds-intro-first {margin-top: 0; padding-top: 0;} #actionsbar { margin: 0px!important; } .nsfl-Build { background-color: #fff; color: #333; } .nsfl-Team { background-color: #E6BA5A; color: #333;} #userloginForm .mw-ui-vform { margin: auto; height: auto; } #userlogin2 label { color: lightgrey; } .contribution { background-repeat: no-repeat; height: 75px; margin-left: 270px; margin-top: 10px; padding-left: 100px; padding-top: 5px; width: 500px; } .contributionEdits { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAC00lEQVR42u3cXU8TQRTG8YGKVA0aiYhiBUVMiiF4Y6LxyhiiImLQRPEFgsZQuBLxBaG1wle0/UD1SYCcyTDdMzuaTNhzLv4XzU7a5pdmdrLdWdPpdLR/SDyAAipgwQH/tNpFrYKWUTljjAJm4G2jPbSKygoY3lXCQxaiAkbguYgKGINH1VBZAf14OwTFIyogNerH4xEVcL+PBJMfUQFb7dNoPRJxRQEJcS0n3jaqKGBuRMKTOAeOomrG8VOEyOPJASS8OmpGIRLeFYnrwDFUtyCaaIRDZPDEABIe9Rz1IMMg1lw8aYA8Ho+4Qr9WKYDheL3oJZrk3k8AIIs378F7bc2JtxQwHK9EeMhClA44hhoReDbipFTAa9F41E80IgOQx3sWi5cAsBB4l1OcRAqFJw3wugdvzoO3GIInADABXgLAY4cnDXA8EO9NBt4W4QkAZPCeJsBLCJge7xIyAgCj8N6G4EkDvOHBm02AlwBQAF4CwDR4AgBZvCcevHcZeD8IrwCAqfCkAU78J7xhZAQARuG9D8GTA0h4vzx4JgZPACCL99gZcyIA7yIyAgAT4BUGkMebj8UTBkh4TpvovIW3FIInDfCmg+dDHArFEwZIeEy/GbwhZOQAEl7Tg7GXo++EJwCQwXuBpmLwZADyeL1oOAJPFOCAZ85bOMAzqA81QvEkAj50MDYsPLuzqIp2GDxRgH1oywG522VsGa0yeOIA73jucD+ZA+8CMlIBe9BnB+WRZ9wZVHPGfSM8uYBVz12fA9bxQTSHGt3wpAN+cJct1qbmRbRLx47iSQeseHAeoE/0ujueArbarwgmqI1DPAVstc/RhQC2dTSNSsgo4H6zDNouWkLj9hdQQFrP1TP2XizYf/oo4FHA+1321s7YSxgF9AOW0FcL7gu6h/oPP0QBswFvH8CtoSn7goEChgHOuCcGBdQHMOoTLBVQATUFVEAFPPb9BfgD+K1G8e16AAAAAElFTkSuQmCC"); } .contributionPages { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABLCAYAAADnAAD1AAAB10lEQVR42u3cTUsCURTG8RqzxkW1DGxVQRBUVJsKKsi0BLPAslSIXEVEIr2BgYvzFasPZI+rWsQ4c18mr/Ms/usz5weX4W7uWK/XYxolHoCABCQgAYP6+Pz67yZQxkQKs0cCcBo9IjHQibuA+ogtQ4jHcQP6KBNznm3EOAE7SGKujlJ/LDSDSqgcoip6DUJ0BFAfUaMUqiggmgd0GNEfsEMhTsAnVDbcBWoHLFgzgFhFooBoHLBh6S/roTOLiPtIFBCdAew3id4sIW4iCVHeZcB+pwMWvFZEXEOigOgc4AYSC4hbSBQQnQNcRGIBcQdJxI5cBMwisYBYQKJQzjXAuYgLXoVEvFQE7LgGOI/EAuI9aqE6KqIDtI12UQ410PsoAC4gsYCYDjF7ClVcB1xHooHoGbg7P7sMuIdEo0MD39BwGfD816wuaqM7dIua6AF1AwBLSQdcRctoFo0HHLMl1CSgXh6qEVCvLAH18glIQAISkIAEJCABCUhAAhKQgAQkIAEJSEACEpCABCQgAQlIQAISkIAEJCABCUjAhAKmUSZiNwT8KY8kagQkIAGHBXAFlTUqJh1QOwISkIAEJKA5wBdUHaJqzgAOawQkIAEZnwAlIAEJyJT6BiMnuFx6r2hrAAAAAElFTkSuQmCC") } .contributionPeople { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAtCAYAAAA5reyyAAAEWElEQVR42u3ab0xVdRzH8SuVlJuTZUWFBU6BJFujsVAmI2QOb9akzXrS2NxtOTItmz1IZ0WzfNR8QDq3GItkq0U+QJttrkEWDNeKorFCEUTDhBhzQk3g4r3f3m30xJ0/v/M7v3P/bD548fDzPedzf5dz7u+c0OjYWCpZiGfxGQbwN/7BEJqxARmpdMypVF4puiEuTqAg3QvMQAX2oBGHsB2rNfNqMQVRdBEbNWetxnYcwsfYiwpkJKrAPLQgCrnJOPZjkYe8LZiBeDSBMg9zFmE/xi2yomhBXtAFFqJH8WuWpZC3HCMQTb1YrDAnC20KeT0oDKrAO9ABUdSskHkU4tMBhTnNEEXtuD2IAndBPKpxyCvBGMSn35HtMKdGI/N10wVm4jTEo6MOme9BDKkzvMpPI9NkgeW4DvFoECtsMr+CGNJkM2MFBjXyrqPcZIG1EA1xrLPIy8VZ5Rz9FbMOcc3MWpMFboNoWm+RV4xxiCF9eMBiznqIpm0mC9wK0RDF2gQUOIDlFnPWIqqZudVkgZsgGoaRb5H3CP5IwArMx7Bm5iaTBRbiIsSjk1hokXcvfoYY8h3utNmcOKn5wReYvg88BvHoA4e8NoghLQ5z3tfIOxbEjfROiAfTqHLIOwgx5F2HOVWY9pi3M6ifcj9CFLW55L2AGMSna6hEyNBq/wG3mS8QqENccfVtdslagl8hPnUqHPdmxVUYR13Q21lfQlw0KmYdgfi0T3FWo0JWayL2A5ehE2KjA9mKWWWYgGgaxn2Ks7LR4bKSc4IvEHgKYmEOW1QyDF2N6z3Oeh5zNlkVidqRzsVxiI1urPSQV4IpzW2sJR7mrES3y0Xv4SALzMNu9ENcjGKfh2ckByAehT08A3kbowqZ/diNXFMFFmEHWnEF4tFVHMebKHaYsxjfQhS943LcxfMzT+AqxKMraMUOrPJaYCk+xBn8BTFkAr9hr83BFGBIIecwFthkvIJfLEvTN4Yz852UOhVYji5EIQG6gHzbXw36O9yP409IgKLoQvnNBb6EG5AEaHAoodLng6qPIAlwA5H/CyzBLCRAQ/gc1Q4nfze+V8h6xqXE6vlZFyABmkWJ868BfTH0oQkR5Chc4b9QzB7Bcwi5yEEETehDDGLYkRB/BgwG9qAeYSxVOMkHsQfnNT79FqxBSMFShFFveB/y3H/hkwaCRhBBluIbWE/jEwxDfJjCN3gN9yuWmYUIRiA+TZoosN/lhnkBluFFfIoBTAfwL2MM7XgLTyg8130M55Jd4LTNW1J3oQi70I5riEESZAZn0YANuMfm3jGMGb8FnkIvfvLoksUtSQ5eRhfikBRxGQfxpEWJDbikcf69ODUfYkQNzkNS3GE8lGpvqL4KSSO9KEiVAjdiDpJmOpGZCgW2QtLUG8kucBUuQ9LU18hMZoGVkDQ2ikeTWWAYkuYqbhXoTziZBVbdKtBfgWswC0lj1ckssAiDiGEyzcxgCmV+OvgXgnz5DEfjyeMAAAAASUVORK5CYII=") } .edits{ font-size: 24pt; } /* Recent Disqus Comments Page */ ul.dsq-widget-list { margin: 0 !important; } li.dsq-widget-item { margin: 0 0 2.5em !important; } span.dsq-widget-comment { display: block !important; } img.dsq-widget-avatar { float: right !important; margin: 0 0 0 12px !important; } p.dsq-widget-meta { color: #222 !important; display: flex !important; flex-direction: row-reverse !important; justify-content: flex-end !important; } p.dsq-widget-meta > a {/*display: none !important;*/} p.dsq-widget-meta > a + a {display: inline-block !important; margin-right: 1em !important;} /* Rating in Build Page */ .row.ratings { max-width: none; background-color: #111111; margin-top: 1.25em; padding: 1.25em 0; } #rating_thread { color: #eaeaea; } .rating > .points {text-align: center; padding: 0;} .rating > .points > div:first-child { font-size: 3.5em; color: white; font-family: EasonPro; } .rating > .bar { margin-top: 1.5em; width: inherit; min-width: 300px; } .logintovote { background: #1d1d1d; margin: 1.25em 0; padding: .25em .5em; text-align: center; } .first-to-vote-pl0x { width: 100%; text-align: center; padding: 2em .5em; font-size: .95em !important; } fieldset.userratebox form {margin: 0 0 1.25em;} fieldset.userratebox .typing-rating-comment { display: flex; } fieldset.userratebox .typing-rating-comment .left-flex { display: flex; width: 100px; } fieldset.userratebox #checkboxHeart { margin: 0; width: 100px; font-size: 1em; padding: 0; height: 1.5em; align-self: flex-start; background: #e9e9e9; color: #fff; border-radius: 3px 0 0 3px; } fieldset.userratebox .typing-rating-comment .textarea { padding-left: 0em; width: 100%; } fieldset.userratebox textarea{ box-sizing: border-box; max-height: 350px; /* optional, but recommended */ min-height: 3.5em; overflow-x: hidden; /* for Firefox (issue #5) */ height: auto; padding: 0.25em .5em; margin: 0 !important; border: 0; border-radius: 0 3px 3px 3px; } fieldset.userratebox #textareaCharactersLeft { text-align: right; font-size: .75em; } fieldset.userratebox #next-process-for-rating-submission, fieldset.userratebox input[type=submit] { background-color: #e9e9e9; padding: .25em .5em; color: #000; border: 0; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.4); border-radius: 3px; font-weight: 100; display: inline-block; line-height: 1; margin-top: 0; transition: background .2s; text-decoration: inherit; font-style: inherit; } fieldset.userratebox #next-process-for-rating-submission:hover, fieldset.userratebox input[type=submit]:hover { font-style: inherit; text-decoration: inherit; background-color: #fff; } fieldset.userratebox #next-process-for-rating-submission {float: right;} fieldset.userratebox .rating-rules-before-submit{ display: none; } fieldset.userratebox .guidelines2 > p { font-weight: bold; } fieldset.userratebox .agreement { display: flex; justify-content: space-around; background: rgba(255,255,255,.02); align-items: center; padding: .25em .5em; border: 1px solid #564723; } fieldset.userratebox .agreement > * {display: inline-block;} fieldset.userratebox input[type=submit] {margin: 0;} .allratings .votes { font-weight: bold; color: #fff; margin-bottom: .5em; } .rating > .bar, .rating > .bar > .upvotes {height: .33em;} fieldset.userratebox {margin-top: 1em;} .allratings {margin-top: 0em;} .allratings .rating-vote-comment{ display: flex; flex-direction: row; margin-top: 1.25em; } .allratings .rating-vote-comment:first-child { margin-top: 0; } .allratings .rating-vote-comment .left-icon { width: 48px; margin-right: 12px; display: flex; justify-content: center; align-items: flex-start; } .allratings .rating-vote-comment .left-icon img { padding-top: .33333em; } .allratings .rating-vote-comment .right-comment { width: 100%; } .allratings .rating-vote-comment .right-comment .comment-meta { font-size: 14px; color: #aaa; } .allratings .rating-vote-comment .right-comment .comment-meta .sway-major {color: #bbb;} .allratings .rating-vote-comment .right-comment .comment-meta > .date {color: #ccc;} .allratings .rating-vote-comment .right-comment .comment-meta .bullet-user-date {margin: 0 .25em;} .allratings .rating-vote-comment .right-comment .comment { padding: 0; } .allratings .diff-height-extra-votes {height: 1.25em;} .allratings .more-comments-link { color: #eaeaea; transition: color .2s; } .allratings a.more-comments-link:hover { color: #FFF; } .allratings .more-comments { text-align: center; border: 1px solid rgba(255,255,255,.13); padding: .25em .5em; transition: background .2s; } .allratings a.more-comments-link:hover > div { background: #666; } .allratings a.more-comments-link + .extra-votes {display: none; opacity: 0; transition: opacity 1s;} /* Disqus Threads */ .row.comments { max-width: none; background-color: #111111; padding-top: 1.25em; margin-top: 2.5em; } .row.ratings + .row.comments { background-color: #111111; margin-top: 0; } .row.ratings + .row.comments + footer.row, .row.comments + footer.row { max-width: none; margin: 0; } .row.comments + footer.row { background-color: #111111; color: #aaa; } .row.ratings + .row.comments + footer.row { background-color: #111111; color: #aaa; } .row.comments + footer.row > #footer { max-width: 62.5em; margin: 2em auto 0; } /* PvP Build Rows */ .build-row { width: 100%; display: flex; flex-direction: row; background-color: rgba(255,255,255,.025); transition: background-color .25s, color .25s; } .build-row:hover { background-color: rgba(255,255,255,.1); color: #ccc; } .build-row * { align-items: center; display: flex; flex-direction: row; } .build-row a, .build-row a:visited {color: #d4d4d4; transition: color .25s;} .build-row a:hover {color: #f9a916;} .build-row .build-row-icon { align-self: center; justify-content: center; text-align: center; margin-right: 10px; } .build-row .top { width: 50%; justify-content: space-between; } .build-row .bottom { justify-content: space-between; width: 50%; } .build-row .title { width: 50%; } .build-row .title span, .build-row .title span a {width: 100%;} .build-row .title span a { margin-right: 1em; padding: .5em 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; font-weight: bold; } .build-row .skillsntraits { justify-content: space-between; width: 40%; } .build-row .skills { width: 85%; justify-content: center; } .build-row .equipment { width: 80%; justify-content: space-between; } .build-row .weaps { width: 82.5%; justify-content: space-around; } .build-row .weap1, .build-row .weap2 { width: 42.5%; justify-content: space-around; } .build-row .equipment .traits { width: 100%; justify-content: space-around; padding-left:1.5em; } .build-row .equipment .traits i { margin-right: .25em; font-size: .75em; } .build-row .equipment .traits span { width: 33%; justify-content: center; } .build-row .weap1, .build-row .weap2, .build-row .equipment .traits span { font-size: .75em; } .build-row .community { width: 20%; justify-content: space-around; padding-left: .5em; } .build-row .rating a { width: 32px; height: 32px; border: 2px solid rgba(107, 107, 107, 0); background: none; color: #fff; } .build-card-h.draft + .build-card-c .build-row .rating {display: none;} .build-row .rating a > div { text-align: center; display: block; width: 100%; } .build-row .rating.fivestars a { background: #223e39; border: 2px solid #345e57; } .build-row .rating.fourstars a { background: #264527; border: 2px solid #3e703f; } .build-row .rating.threestars a { background: #4e5222; border: 2px solid #857c37; } .build-row .rating.twostars a { background: #53401c; border: 2px solid #7c5824; } .build-row .rating.onestar a { background: #401d12; border: 2px solid #59291a; } .build-row .rating.zerostars a { background: #401d12; border: 2px solid #59291a; } .build-row .rating.NA a { color: #fff!important; border: 2px solid #909090; background: #545454; } .build-row .community .comments span.wraplinkint:before { content: "\f075"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; font-size: .85em; margin-right: .25em; } .build-row .medal-icon > img { max-width: unset; height: unset; } /* New Front Page */ div.chobo {margin-bottom: 1.5em;} a > div > div.new-player-portal { text-align: center; border: 1px solid rgba(255,255,255,.1); padding: .5em .5em; color: #d4d4d4; transition: color .2s, background .2s; } a:hover > div > div.new-player-portal { color: #fff; background: #555; } .choosewrap { display: flex; margin: 2em 0 1em; } .chooser { width: 50%; } .chooser > div { display: flex; justify-content: center; align-items: center; background-size: 100% auto; width: 100%; min-width: 250px; min-height: 330px; } .by-profession { background: url("//metabattle.com/wiki/images/5/58/Profession-Transparent.png") no-repeat center center; } .by-game-mode { background: url("//metabattle.com/wiki/images/3/37/Game-Mode-Transparent.png") no-repeat center center; } .chooser > .title { min-height: inherit; font-size: 1.25em; font-weight: bold; color: #fff; } .chooser > div > div.wrap { display: flex; flex-wrap: wrap; justify-content: center; position: relative; } .by-profession > div.wrap { width: 422px; height: 252px; top: -18px; left: -1px; } .by-game-mode > div.wrap { width: 417px; height: 252px; top: -18px; left: -2px; } .wrap > a { width: 33%; height: 33.33333%; display: flex; justify-content: center; color: #f5f5f5; background: rgba(0,0,0,.5); transition: background .2s; } .by-game-mode .wrap > a { width: 50%; height: 50%; } .wrap > a:hover { background: rgba(255,255,255,.13); color: #FFF; } .wrap > a > div { align-self: center; } .build-row-help { margin-top: 1em; } .build-row-help > p { margin: 0; } .build-row-help > p > span { display: inline-block; text-align: center; border: 1px solid rgba(255,255,255,.13); border-bottom: 0; background: rgba(0,0,0,.13); color: #bbb; padding: .25em 0; } .build-row-help span.one { width: 25%; margin-left: 2.5em; } .build-row-help span.two { width: 59.5%; } .build-row-help span.three { float: right; width: 8.5%; } /* Front Page Temp */ .builds-intro-pve > div.builds-intro-list {background: rgba(255,244,216,.1);} .builds-intro-GvG > div.builds-intro-list { background: rgba(216,227,244,0.1); } .builds-intro-pvp > div.builds-intro-list { background: rgba(231,220,249,0.1); } .builds-intro-list-guardian { background: rgba(235,250,255,0.1); } .builds-intro-list-revenant { background: rgba(232,207,207,0.1); } .builds-intro-list-warrior { background: rgba(255,251,239,0.1); } .builds-intro-list-engineer { background: rgba(255,245,237,0.1); } .builds-intro-list-ranger { background: rgba(246,255,237,0.1); } .builds-intro-list-thief { background: rgba(231,219,219,0.1); } .builds-intro-list-elementalist { background: rgba(255,230,230,0.1); } .builds-intro-list-mesmer { background: rgba(255,234,255,0.1); } .builds-intro-list-necromancer { background: rgba(235,255,244,0.1); } /* User Login */ #mw-createaccount-join {box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);} #userloginForm .mw-ui-vform { width: 45%; } #mw-createaccount-cta {margin-left: 0%; width: 100%} pre { font-family: monospace !important; font-size: 0.95em; line-height: 1.3em; background-color: #1d1d1d; padding: 1em; margin: 1em 0px 1em; word-break: break-all; } /* Specializations */ .specialization+p>b:before {background-color: #111;} .specialization { background-color: #eee; vertical-align: middle; padding: 0; display: table-cell; display: table; margin-top: 0px; border-top: 1px solid #ccc min-width: 655px; } .specialization.concise { background-size: 457px !important; } .specialization:first-child {margin-top: 0em;} .specialization > .specoverlay { background: rgba(0,0,0,.5); } .specialization > .specoverlay:hover { background: rgba(0,0,0,.25); } .specialization > .specoverlay > * { display: inline-block; vertical-align: middle; } .specialization > .specoverlay > .label { width: 222px; margin-right: 16px; text-align: center; /*background: rgba(0,0,0,0.5);*/ color: #eee; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; } .specialization.concise > .specoverlay > .label { width: 156px; } .specialization > .specoverlay > .minor { width: 36px; } .specialization.concise > .specoverlay > .minor { display: none; } .specialization > .specoverlay > .major { width: 36px; } .specialization.concise > .specoverlay > .major { width: 24px; padding-left: 12px; } .specialization.concise > .specoverlay > .label + .minor + .line + .major { padding-left: 0px; } @-webkit-keyframes slp { 0% { opacity: 0.75;} 50% {opacity: 1.0;} 100% {opacity: 0.75;} } .specialization > .specoverlay > .line { padding: 0; margin: 0 -4px; width: 32px; border-top: 3px solid #fff; position: relative; -webkit-animation-name: slp; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: 15; -webkit-animation-timing-function: ease-in-out; } .specialization.concise > .specoverlay > .line { display: none; } .specialization > .specoverlay > .line.midmid {border-top: 3px solid rgba(255,255,255,.87);} .specialization > .specoverlay > .line.midtop, .specialization > .specoverlay > .line.botmid, .specialization > .specoverlay > .line.midbot, .specialization > .specoverlay > .line.topmid { width: 48px; margin: 0 -12px; } .specialization > .specoverlay > .line.midtop, .specialization > .specoverlay > .line.botmid { transform: rotate(-40deg); } .specialization > .specoverlay > .line.midbot, .specialization > .specoverlay > .line.topmid { transform: rotate(40deg); } .specialization > .specoverlay > .line.topmid, .specialization > .specoverlay > .line.midtop { top: -26px; } .specialization > .specoverlay > .line.botmid, .specialization > .specoverlay > .line.midbot { top: 26px; } .specialization > .specoverlay > .line.midnone, .specialization > .specoverlay > .line.nonemid {visibility: hidden;} .specialization.dragonhunter > .specoverlay {background: rgba(0,0,0,.65);} .specialization.dragonhunter > .specoverlay:hover {background: rgba(0,0,0,.4);} .specialization:hover + p > b, .specialization > .specoverlay {transition: background .2s;} /* Specialization Variants */ /* ele */ .specialization.air + p > b {background: rgb(22, 18, 30);} .specialization.air:hover + p > b {background: rgb(37, 27, 49);} .specialization.arcane + p > b {background: rgb(36, 17, 5);} .specialization.arcane:hover + p > b {background: rgb(56, 33, 18);} .specialization.earth + p > b {background: rgb(86, 58, 36);} .specialization.earth:hover + p > b {background: rgb(128, 87, 54);} .specialization.fire + p > b {background: rgb(56, 12, 3);} .specialization.fire:hover + p > b {background: rgb(99, 24, 6);} .specialization.water + p > b {background: rgb(15, 28, 40);} .specialization.water:hover + p > b {background: rgb(23, 48, 66);} .specialization.tempest + p > b {background: rgb(41, 30, 33);} .specialization.tempest:hover + p > b {background: rgb(80, 44, 49);} /* engi */ .specialization.alchemy + p > b {background: rgb(27, 19, 18);} .specialization.alchemy:hover + p > b {background: rgb(43, 30, 31);} .specialization.explosives + p > b {background: rgb(34, 22, 19);} .specialization.explosives:hover + p > b {background: rgb(49, 21, 14);} .specialization.firearms + p > b {background: rgb(58, 32, 22);} .specialization.firearms:hover + p > b {background: rgb(84, 48, 35);} .specialization.inventions + p > b {background: rgb(29, 20, 19);} .specialization.inventions:hover + p > b {background: rgb(39, 27, 26);} .specialization.tools + p > b {background: rgb(47, 28, 23);} .specialization.tools:hover + p > b {background: rgb(70, 42, 35);} .specialization.scrapper + p > b {background: rgb(22, 22, 22);} .specialization.scrapper:hover + p > b {background: rgb(29, 31, 29);} /* guard */ .specialization.honor + p > b {background: rgb(10, 24, 38);} .specialization.honor:hover + p > b {background: rgb(12, 33, 56);} .specialization.radiance + p > b {background: none; background-image: linear-gradient( to right,rgb(10, 30, 43),rgb(10, 38, 49) );} .specialization.radiance:hover + p > b {background: none; background-image: linear-gradient( to right,rgb(14, 44, 64),rgb(12, 51, 68) );} .specialization.valor + p > b {background: none; background-image: linear-gradient( to right,rgb(11, 38, 55),rgb(8, 26, 33) );} .specialization.valor:hover + p > b {background: none; background-image: linear-gradient( to right,rgb(10, 41, 60),rgb(6, 39, 49) );} .specialization.virtues + p > b {background: rgb(11, 13, 11);} .specialization.virtues:hover + p > b {background: rgb(16, 19, 16);} .specialization.zeal + p > b {background: rgb(3, 20, 21);} .specialization.zeal:hover + p > b {background: rgb(6, 33, 37);} .specialization.dragonhunter + p > b {background: rgb(0, 18, 42);} .specialization.dragonhunter:hover + p > b {background: rgb(0, 29, 69);} /* mesmer */ .specialization.chaos + p > b {background: rgb(58, 40, 73);} .specialization.chaos:hover + p > b {background: rgb(87, 57, 105);} .specialization.domination + p > b {background: rgb(21, 0, 16);} .specialization.domination:hover + p > b {background: rgb(41, 1, 12);} .specialization.dueling + p > b {background: rgb(47, 24, 51);} .specialization.dueling:hover + p > b {background: rgb(68, 36, 80);} .specialization.illusions + p > b {background: rgb(30, 24, 48);} .specialization.illusions:hover + p > b {background: rgb(45, 35, 72);} .specialization.inspiration + p > b {background: rgb(21, 4, 44);} .specialization.inspiration:hover + p > b {background: rgb(35, 7, 70);} .specialization.chronomancer + p > b {background: none; background-image: linear-gradient( to right, rgb(68, 49, 79), rgb(86, 51, 96) );} .specialization.chronomancer:hover + p > b {background: none; background-image: linear-gradient( to right, rgb(112, 83, 128), rgb(128, 76, 144) );} /* necromancer */ .specialization.blood-magic + p > b {background: rgb(11, 26, 5);} .specialization.blood-magic:hover + p > b {background: rgb(12, 34, 4);} .specialization.curses + p > b {background: rgb(18, 36, 22);} .specialization.curses:hover + p > b {background: rgb(24, 51, 31);} .specialization.death-magic + p > b {background: rgb(21, 43, 25);} .specialization.death-magic:hover + p > b {background: rgb(31, 67, 37);} .specialization.soul-reaping + p > b {background: rgb(1, 5, 1);} .specialization.soul-reaping:hover + p > b {background: rgb(4, 23, 10);} .specialization.spite + p > b {background: rgb(16, 32, 16);} .specialization.spite:hover + p > b {background:rgb(18, 42, 12);} .specialization.reaper + p > b {background: rgb(25, 55, 29);} .specialization.reaper:hover + p > b {background: rgb(37, 82, 43);} /* ranger */ .specialization.beastmastery + p > b {background: rgb(4, 6, 0);} .specialization.beastmastery:hover + p > b {background: rgb(20, 44, 23);} .specialization.nature-magic + p > b {background: rgb(21, 20, 12);} .specialization.nature-magic:hover + p > b {background: rgb(45, 44, 23);} .specialization.marksmanship + p > b {background: rgb(25, 20, 3);} .specialization.marksmanship:hover + p > b {background: rgb(37, 30, 4);} .specialization.skirmishing + p > b {background: rgb(15, 17, 11);} .specialization.skirmishing:hover + p > b {background: rgb(23, 25, 16);} .specialization.wilderness-survival + p > b {background: rgb(45, 36, 11);} .specialization.wilderness-survival:hover + p > b {background: rgb(66, 59, 16);} .specialization.druid + p > b {background: rgb(36, 69, 51);} .specialization.druid:hover + p > b {background: rgb(57, 105, 78);} /* revenant */ .specialization.corruption + p > b {background: rgb(34, 16, 14);} .specialization.corruption:hover + p > b {background: rgb(56, 27, 26);} .specialization.devastation + p > b {background: rgb(10, 5, 7);} .specialization.devastation:hover + p > b {background: rgb(20, 19, 20);} .specialization.invocation + p > b {background: rgb(7, 19, 23);} .specialization.invocation:hover + p > b {background: rgb(10, 28, 35);} .specialization.retribution + p > b {background: rgb(27, 25, 43);} .specialization.retribution:hover + p > b {background: rgb(37, 33, 56);} .specialization.salvation + p > b {background: rgb(19, 21, 36);} .specialization.salvation:hover + p > b {background: rgb(29, 33, 57);} .specialization.herald + p > b {background: rgb(19, 21, 34);} .specialization.herald:hover + p > b {background: rgb(31, 34, 56);} /* thief */ .specialization.acrobatics + p > b {background: rgb(23, 7, 7);} .specialization.acrobatics:hover + p > b {background: rgb(35, 11, 10);} .specialization.critical-strikes + p > b {background: rgb(0, 0, 0);} .specialization.critical-strikes:hover + p > b {background: rgb(35, 11, 10);} .specialization.deadly-arts + p > b {background: rgb(52, 15, 11);} .specialization.deadly-arts:hover + p > b {background: rgb(76, 23, 20);} .specialization.shadow-arts + p > b {background: rgb(32, 11, 11);} .specialization.shadow-arts:hover + p > b {background: rgb(41, 14, 16);} .specialization.trickery + p > b {background: rgb(32, 7, 7);} .specialization.trickery:hover + p > b {background: rgb(47, 11, 10);} .specialization.daredevil + p > b {background: rgb(18, 8, 7);} .specialization.daredevil:hover + p > b {background: rgb(26, 12, 10);} /* warrior */ .specialization.arms + p > b {background: rgb(51, 31, 23);} .specialization.arms:hover + p > b {background: rgb(76, 47, 35);} .specialization.defense + p > b {background: rgb(27, 20, 5);} .specialization.defense:hover + p > b {background: rgb(45, 31, 10);} .specialization.discipline + p > b {background: rgb(53, 28, 16);} .specialization.discipline:hover + p > b {background: rgb(80, 42, 24);} .specialization.strength + p > b {background: rgb(21, 18, 8);} .specialization.strength:hover + p > b {background: rgb(32, 29, 16);} .specialization.tactics + p > b {background: rgb(56, 36, 15);} .specialization.tactics:hover + p > b {background: rgb(82, 54, 23);} .specialization.berserker + p > b {background: rgb(37, 23, 15);} .specialization.berserker:hover + p > b {background: rgb(70, 45, 29);} /* Specialization Line Colors */ /* ele */ .specialization.air > .specoverlay > .line {border-color: rgb(243, 188, 255);} .specialization.arcane > .specoverlay > .line {border-color: rgb(192, 181, 255);} .specialization.earth > .specoverlay > .line {border-color: rgb(255, 232, 188);} .specialization.fire > .specoverlay > .line {border-color: rgb(255, 214, 171);} .specialization.water > .specoverlay > .line {border-color: rgb(190, 226, 230);} .specialization.tempest > .specoverlay > .line {border-color: rgb(165, 210, 255);} /* engi */ .specialization.alchemy > .specoverlay > .line, .specialization.explosives > .specoverlay > .line, .specialization.firearms > .specoverlay > .line, .specialization.inventions > .specoverlay > .line, .specialization.tools > .specoverlay > .line, .specialization.scrapper > .specoverlay > .line {border-color: rgb(255, 208, 193);} /* guard */ .specialization.honor > .specoverlay > .line, .specialization.radiance > .specoverlay > .line, .specialization.valor > .specoverlay > .line, .specialization.virtues > .specoverlay > .line, .specialization.zeal > .specoverlay > .line, .specialization.dragonhunter > .specoverlay > .line {border-color: rgb(186, 255, 254);} /* mesmer */ .specialization.chaos > .specoverlay > .line, .specialization.domination > .specoverlay > .line, .specialization.dueling > .specoverlay > .line, .specialization.illusions > .specoverlay > .line, .specialization.inspiration > .specoverlay > .line, .specialization.chronomancer > .specoverlay > .line {border-color: rgb(246, 179, 255);} /* necromancer */ .specialization.blood-magic > .specoverlay > .line {border-color: rgb(236, 255, 187);} .specialization.curses > .specoverlay > .line {border-color: rgb(98, 236, 159);} .specialization.death-magic > .specoverlay > .line {border-color: rgb(103, 226, 171);} .specialization.soul-reaping > .specoverlay > .line {border-color: rgb(154, 253, 165);} .specialization.spite > .specoverlay > .line {border-color: rgb(154, 253, 165);} .specialization.reaper > .specoverlay > .line {border-color: rgb(161, 232, 147);} /* ranger */ .specialization.beastmastery > .specoverlay > .line {border-color: rgb(250, 255, 185);} .specialization.nature-magic > .specoverlay > .line {border-color: rgb(221, 255, 186);} .specialization.marksmanship > .specoverlay > .line {border-color: rgb(255, 240, 186);} .specialization.skirmishing > .specoverlay > .line {border-color: rgb(217, 255, 184);} .specialization.wilderness-survival > .specoverlay > .line {border-color: rgb(157, 216, 174);} .specialization.druid > .specoverlay > .line {border-color: rgb(255, 240, 184);} /* revenant */ .specialization.corruption > .specoverlay > .line, .specialization.devastation > .specoverlay > .line, .specialization.invocation > .specoverlay > .line, .specialization.retribution > .specoverlay > .line, .specialization.salvation > .specoverlay > .line, .specialization.herald > .specoverlay > .line {border-color: rgb(255, 197, 184);} /* thief */ .specialization.acrobatics > .specoverlay > .line, .specialization.critical-strikes > .specoverlay > .line, .specialization.deadly-arts > .specoverlay > .line, .specialization.shadow-arts > .specoverlay > .line, .specialization.trickery > .specoverlay > .line {border-color: rgb(199, 100, 59);} .specialization.daredevil > .specoverlay > .line {border-color: rgb(177, 96, 51);} /* warrior */ .specialization.arms > .specoverlay > .line, .specialization.defense > .specoverlay > .line, .specialization.discipline > .specoverlay > .line, .specialization.strength > .specoverlay > .line, .specialization.tactics > .specoverlay > .line, .specialization.berserker > .specoverlay > .line {border-color: rgb(255, 223, 174);} /* Equipment */ .weapon-sets .weapon1, .weapon-sets .weapon2, .weapon-sets .sigil1, .weapon-sets .sigil2 {background: #333;} .armor-upgrades + p > b {margin-top: 1em; display: inline-block;} /* Skillbar */ .empty-skill-slot {background: #333;} .mesmer-mechanics > .profession-mechanic-ui-mesmer, .profession-mechanic-ui-revenant {display: none;} /*.profession-mechanic-ui-revenant > div:nth-child(2){ background-image: url('//metabattle.com/wiki/images/5/5c/Revenant_bar_%28darksilver%29.png'); }*/ .profession-mechanic-ui-necromancer {background-color: #145E16; border: 1px solid rgba(0, 0, 0, 0.87);} /* color is transparent in game, using icon colors to match similar */ .profession-mechanic-ui-warrior > div {border: 1px solid rgba(0, 0, 0, 0.87);} .profession-mechanic-ui-warrior > div:nth-child(1) {background: linear-gradient(to right,#e8d799,#d19d3f);} .profession-mechanic-ui-warrior > div:nth-child(2) {background: linear-gradient(to right,#d68b2b,#c96518);} .profession-mechanic-ui-warrior > div:nth-child(3) {background: linear-gradient(to right,#c35611,#b33811);} .profession-mechanic-ui-berserker {background-color: #fdb845; border: 1px solid rgba(0, 0, 0, 0.87);} /* in game closest representation is actually #fdd652, but that's too bright for this theme */ /* Rating Box */ .designed-for a, .designed-for a:visited, .rating-build-focus a, .rating-build-focus a:visited {color: inherit;} /* Ratings */ .rating > .bar {background: rgba(255,255,255,.1);} .rating > .bar > .upvotes {background-color: #3E7CCE;} .accordNext {background-color: #333; margin: 10px 0px;} .accordNext:hover {opacity:.5;} fieldset.userratebox #checkboxHeart {margin: 0;} fieldset.userratebox textarea {display: block; width: 100%; margin: 0;} fieldset.userratebox #textareaCharactersLeft {background: none; border: 0;} /* Build Cards */ .build-card-c {display: flex; flex-wrap: wrap;} .build-card { min-width: 250px; width: 30%; padding: .25% .75% .75%; margin: .75%; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); background: #333; } .build-card .icons, .build-card .weaps span, .build-card img {opacity: 0.1; transition: opacity .2s; display: inline-block;} .build-card .weap2 {background: rgba(0,0,0,0); transition: background .2s;} .build-card:hover .icons, .build-card:hover .weaps span, .build-card:hover img {opacity: 1;} .build-card:hover .weap2 {background: rgba(0,0,0,.13);}/*rgba(39, 27, 26, 1);*/ .build-card.elementalist:hover {background: rgb(34, 42, 51);} .build-card.elementalist {background: rgba(34, 42, 51, .87);} .build-card.engineer:hover {background: rgb(51, 37, 34);} .build-card.engineer {background: rgba(51, 37, 34, .87);} .build-card.guardian:hover {background: rgb(34, 51, 47);} .build-card.guardian {background: rgba(34, 51, 47, .87);} .build-card.mesmer:hover {background: rgb(47, 34, 51);} .build-card.mesmer {background: rgba(47, 34, 51, .87);} .build-card.necromancer:hover {background: rgb(34, 51, 37);} .build-card.necromancer {background: rgba(34, 51, 37, .87);} .build-card.ranger:hover {background: rgb(42, 51, 34);} .build-card.ranger {background: rgba(42, 51, 34, .87);} .build-card.revenant:hover {background: rgb(37, 34, 51);} .build-card.revenant {background: rgba(37, 34, 51, .87);} .build-card.thief:hover {background: rgb(51, 34, 42);} .build-card.thief {background: rgba(51, 34, 42, .87);} .build-card.warrior:hover {background: rgb(51, 47, 34);} .build-card.warrior {background: rgba(51, 47, 34, .87);} .build-card-pve { min-width: 225px; width: 23%; } .build-card-h { font-size: 1.25em; background: #1d1d1d; color: #fff; padding: 5px 10px; margin: 10px 0px; font-weight: bold; } .build-card-h.test { border-top: none; margin-top: 10px; } .build-card > .title {font-weight: bold; display: flex; justify-content: space-around;} .build-card > .title img { opacity: 0.6; } .build-card > .title img, .build-card > .title > span, .build-card .icons {align-self: center;} .build-card > .title > span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 .25em; } .build-card > .title > span > a { color: inherit; transition: color .2s; } .build-card > .title > span > a:hover { color: #fff; } .build-card .icons { display: inline-block; float: right; } .build-card .weaps { display: flex; margin: .25em 0 .5em; justify-content: space-around; } .build-card .weap1, .build-card .weap2 { display: inline-block; padding: 0 0 0 1%; } .build-card .weap1 { padding-right: 0%; /* was 2% */ } .build-card .weaps > div > span:first-child { font-size: .825em; padding-right: 4%; } .build-card .weaps > div > span > img {width: 16px !important;} .build-card .sra > div, .build-card .racont > div {display: inline-block;} .build-card .sra { display: flex; justify-content: space-between; justify-content: space-around; } .build-card.build-card-pve .sra {margin-top: .25em;} .build-card .sra .mbhoveron img, .build-card .skills > a > img { width: 32px; /* as a min, 36 is nice for usual perhaps */ } .build-card-pve .sra .mbhoveron img, .build-card-pve .skills > a > img {width: 42px;} /* WikiEditor */ .wikiEditor-toolbar-spritedButton { display: inline-block; background-image: none; height: inherit; width: 2em; padding: 0; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; color: rgba(255,255,255,0.8); overflow:hidden; white-space: nowrap; } .wikiEditor-toolbar-spritedButton:hover, .wikiEditor-ui-toolbar .tabs span.tab a:hover, #wikiEditor-section-advanced .group-heading a:hover {color: rgba(255,255,255,1);} a.wikiEditor-toolbar-spritedButton:before {float: left; text-indent: 0; min-width: 1.5em; text-align: center; line-height: 1.5em;} .wikiEditor-ui-toolbar span.tab-advanced a:before, .wikiEditor-ui-toolbar span.tab-characters a:before, .wikiEditor-ui-toolbar span.tab-help a:before, .wikiEditor-ui-toolbar span.tab-advanced a:after, .wikiEditor-ui-toolbar span.tab-characters a:after, .wikiEditor-ui-toolbar span.tab-help a:after, .wikiEditor-ui-toolbar .group .tool-select:before, #wikiEditor-section-advanced a:before, #wikiEditor-section-advanced .group-heading a:after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; width: 32px; text-align: right; margin-right: .25em; line-height: 1.5em; } .wikiEditor-ui-toolbar span.tab-advanced a:after, .wikiEditor-ui-toolbar span.tab-characters a:after, .wikiEditor-ui-toolbar span.tab-help a:after, #wikiEditor-section-advanced .group-heading a:after {margin-right: 0; margin-left: .5em;} .group-format > a[title="Bold"]:before {content: "\f032";} .group-format > a[title="Italic"]:before {content: "\f033";} #wikiEditor-section-advanced .group-heading > div > a:before {content: "\f1dc";} #wikiEditor-section-advanced a[title="Bulleted list"]:before {content: "\f0ca";} #wikiEditor-section-advanced a[title="Numbered list"]:before {content: "\f0cb";} #wikiEditor-section-advanced a[title="No wiki formatting"]:before {content: "\f121";} #wikiEditor-section-advanced a[title="New line"]:before {content: "\f1dd";} #wikiEditor-section-advanced a[title="Big"]:before {content: "\f207";} #wikiEditor-section-advanced a[title="Small"]:before {content: "\f206";} #wikiEditor-section-advanced a[title="Superscript"]:before {content: "\f12b";} #wikiEditor-section-advanced a[title="Subscript"]:before {content: "\f12c";} #wikiEditor-section-advanced a[title="Picture gallery"]:before {content: "\f00a";} #wikiEditor-section-advanced a[title="Redirect"]:before {content: "\f064";} #wikiEditor-section-advanced a[title="Table"]:before {content: "\f0ce";} #wikiEditor-section-advanced a[title="Search and replace"]:before {content: "\f0ea";} .group-insert > a[title="Signature and timestamp"]:before {content: "\f1fc";} .group-insert > a[title="Link"]:before {content: "\f0c1";} .group-insert > a[title="Embedded file"]:before {content: "\f03e";} .group-insert > a[title="Reference"]:before {content: "\f022";} .wikiEditor-ui-toolbar .group-search {float: left;} #wikiEditor-section-advanced .group-heading a {background-image: none; color: rgba(255,255,255,0.8);} .wikiEditor-ui-toolbar .group .tool-select {border: 0; background: none; height: inherit; margin: 0;} .wikiEditor-ui-toolbar .group .tool-select .menu .options {background: #333; border: 0; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); margin-top: 1.5em;} .wikiEditor-ui-toolbar .group .tool-select .options .option:hover {background: rgba(255,255,255,.1);} .toolbar.section-advanced .group > span:first-child {display: none;} .toolbar > .group {border: 0px; margin-right: 1.5em;} .toolbar > .group:last-child {margin-right: 0em;} .wikiEditor-ui-toolbar span.tab-advanced a:before{content: "\f15c";} .wikiEditor-ui-toolbar span.tab-characters a:before{content: "\f1ab";} .wikiEditor-ui-toolbar span.tab-help a:before{content: "\f02d";} .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited {background-image: none;} .wikiEditor-ui-toolbar span.tab-advanced a:after, .wikiEditor-ui-toolbar span.tab-characters a:after, .wikiEditor-ui-toolbar span.tab-help a:after, #wikiEditor-section-advanced .group-heading > div > a:after {content: "\f0d7";} .wikiEditor-ui, .wikiEditor-ui-controls, .wikiEditor-ui-buttons, .wikiEditor-ui-tabs, .wikiEditor-ui-tabs div {background-color: transparent;} .wikiEditor-ui, .wikiEditor-ui-buttons, .wikiEditor-ui-tabs, .wikiEditor-ui-tabs div, .wikiEditor-ui-tabs div.current, .wikiEditor-ui .wikiEditor-ui-top, .wikiEditor-ui-controls, .wikiEditor-ui-toolbar .sections .section {border: 0;} .wikiEditor-ui textarea#wpTextbox1 {padding: 1em;} .wikiEditor-preview-contents {background-color: #222;} .wikiEditor-preview-contents > *:first-child:before {border: 0;} .wikiEditor-ui-tabs {margin-left: 0px;} .wikiEditor-ui-tabs div {margin-right: 1em;} .wikiEditor-ui-tabs div:last-child {margin-right: 0em;} .wikiEditor-ui-tabs div.current, .wikiEditor-ui-toolbar, .wikiEditor-ui-toolbar .sections .section {background-color: #333; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4);} .wikiEditor-ui-toolbar {background-image: none; } .wikiEditor-ui-tabs div a {color: rgba(255,255,255,0.8)} .wikiEditor-ui-tabs div a, .wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited, .wikiEditor-ui-toolbar .booklet .index div {color: rgba(255,255,255,1)} .wikiEditor-ui-tabs div.current a {color: #fff;} .wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited {color: rgba(255,255,255,0.8);} .wikiEditor-ui-toolbar .group .label {color: #bbb;} /*.wikiEditor-ui-toolbar .sections, .wikiEditor-ui-toolbar .booklet .index, .wikiEditor-ui-toolbar .booklet .pages {height: 250px;}*/ .wikiEditor-ui-toolbar .booklet .index div:hover {background: rgba(255,255,255,0.1);} .wikiEditor-ui-toolbar .booklet .index div.current:hover {background: #fafafa; color: #333;} .wikiEditor-ui-toolbar .booklet .index {direction: rtl;} .wikiEditor-ui-toolbar .page-table table {box-shadow: none;} .wikiEditor-ui-toolbar .page-characters div span {height: inherit;} div#content td.cell.cell-result h1, div#content td.cell.cell-result h2, div#content td.cell.cell-result h3, div#content td.cell.cell-result h4, div#content td.cell.cell-result h5, div#content td.cell.cell-result h6 {color: #333; margin: 0;} div#content td.cell.cell-result h2 {margin-top: -1em;} .wikiEditor-preview-loading {background-color: none;} .wikiEditor-preview-loading span {color: #bbb;} #wikiEditor-0-preview-dialog .wikiEditor-ui-loading {background-color: none;} .wikiEditor-publish-dialog-summary label {color: #333;} #wikiEditor-0-dialog label {color: #333;} .ui-widget-header {border: 0; background-color: #333; color: #bbb;} /* Scrollbars in Chrome */ ::-webkit-scrollbar { width: 12px; } ::-webkit-scrollbar { width: 10px; background: transparent; } ::-webkit-scrollbar-thumb { background-color: rgb(204, 204, 204); } ::-webkit-scrollbar-thumb { background-color: #333; border-radius: 6px; margin: 1px; /*border: 2px solid #000;*/ min-height: 50px; } ::-webkit-scrollbar-thumb { background-color: rgba(100,100,100, 0.8); /* was #cbcbcb;*/ } ::-webkit-scrollbar-track { background: #000; } ::-webkit-scrollbar-track { background: transparent; } textarea::-webkit-scrollbar-thumb { background-color: #333; } /* Mobile Devices Fixes */ /* Portrait */ @media only screen and (max-device-width: 1000px) { .choosewrap {flex-wrap: wrap; font-size: .75em;} .chooser {width: 85vw;} .build-row {flex-wrap: wrap;} .build-row .top, .build-row .bottom {width: 100%;} .build-row .title span a { padding: .75em 0 .5em; margin-bottom: .25em; } .build-row .bottom {padding-bottom: .75em;} .build-row {margin-bottom: 1.5em; background-color: rgba(255,255,255,.1);} .build-row .build-row-icon {width: 5%; margin-bottom: .25em;} .build-row .title {width: 45%;} .build-row .skillsntraits {width: 50%} .rating-box {display: inline-block; width: 100%; padding: 10px;position:relative;} .rating-box-l {float: left;position:absolute; bottom:10px;right:10px;} .rating-box-r {width: 100%;} .specialization > .specoverlay > .label {font-size: .66em; width: 4.5em; margin: 0;} .specialization > .specoverlay > .line.midtop, .specialization > .specoverlay > .line.botmid, .specialization > .specoverlay > .line.midbot, .specialization > .specoverlay > .line.topmid {width: 24px; margin: 0 -8px;} .specialization > .specoverlay > .line {margin: 0 -8px; width: 24px;} .specialization > .specoverlay > .line.botmid, .specialization > .specoverlay > .line.midbot {top: 20px;} .specialization > .specoverlay > .line.topmid, .specialization > .specoverlay > .line.midtop {top: -16px;} .specialization > .specoverlay > .line.midtop, .specialization > .specoverlay > .line.botmid {transform: rotate(-42.5deg);} .specialization > .specoverlay > .line.midbot, .specialization > .specoverlay > .line.topmid {transform: rotate(37.5deg);} .specialization > .specoverlay {width: 100%} } .front-title { text-align: center; font-weight: bold; font-size: 1.75em; color: #fff;} .advert {width: 100%; max-height: 305px;} .wrap2{ position: fixed; top: 0; left: 50%; margin-left: -825px; } .ads2{ position: absolute; top: 60px; width: 300px; height: 600px; background-color: #171A21; }.left2{ left: 0px; }.right2{ left: 1350px; } #catlinks {display: none;} /* Shh... */ .frontpage-row { width: 100%; padding: 10px 10px 10px 15px; color: #fff; background-color: rgba(255,255,255,.025); transition: background-color .25s, color .25s; display: flex; align-items: center; text-shadow: 2px 1px #000; font-weight: bold; } .frontpage-row:hover { background-color: rgba(255,255,255,.1); color: #f9a916; } .frontpage-img{margin-right: 15px} .front-elementalist{ background-image: url("//metabattle.com/wiki/images/e/e0/Ele_fp.png")!important; background-repeat: no-repeat; } .front-engineer{ background-image: url("//metabattle.com/wiki/images/c/cf/Eng_fp.png")!important; background-repeat: no-repeat; } .front-guardian{ background-image: url("//metabattle.com/wiki/images/4/43/Guard_fp.png")!important; background-repeat: no-repeat; } .front-mesmer{ background-image: url("//metabattle.com/wiki/images/4/4d/Mes_fp.png")!important; background-repeat: no-repeat; } .front-necromancer{ background-image: url("//metabattle.com/wiki/images/c/c0/Nec_fp.png")!important; background-repeat: no-repeat; } .front-ranger{ background-image: url("//metabattle.com/wiki/images/e/e9/Rang_fp.png")!important; background-repeat: no-repeat; } .front-revenant{ background-image: url("//metabattle.com/wiki/images/5/58/Rev_fp.png")!important; background-repeat: no-repeat; } .front-thief{ background-image: url("//metabattle.com/wiki/images/1/1e/Thief_fp.png")!important; background-repeat: no-repeat; } .front-warrior{ background-image: url("//metabattle.com/wiki/images/7/7f/War_fp.png")!important; background-repeat: no-repeat; } .front-wvw{ background-image: url("//metabattle.com/wiki/images/3/3d/Wvw_fp.png")!important; background-repeat: no-repeat; } .front-raid{ background-image: url("//metabattle.com/wiki/images/2/26/Raid_fp.png")!important; background-repeat: no-repeat; } .front-fractal{ background-image: url("//metabattle.com/wiki/images/7/70/Fractal_fp.png")!important; background-repeat: no-repeat; } .front-pvp{ background-image: url("//metabattle.com/wiki/images/8/87/Pvp_fp.png")!important; background-repeat: no-repeat; } .front-openworld{ background-image: url("//metabattle.com/wiki/images/5/5b/Openworld_fp.png")!important; background-repeat: no-repeat; } .color-fix > a { color: #f9a916 !important; } .color-fix > a:hover { opacity: .5; } .quickbrowse { float:right; } .quickbrowse-link { margin-left: auto; margin-right: 0; } .quickbrowse-link > a:hover { color: #fff; } .remove-purchase input[type=text] { background-color: #fff; padding: 22px; color: #111; } .remove-purchase input[type=submit] { background-color: #5da423; padding: 10px; border: none; color: #fff; } .remove-purchase input[type=submit]:hover { background-color: #315d0e; border: none; } .msg-box-success { width: 100%; padding: 12px 20px; color: #155724; background-color: #c3e6cb; margin: 15px 0px; } .msg-box-error { width: 100%; padding: 12px 20px; color: #721c24; background-color: #f5c6cb; margin: 15px 0px; } .msg-box-warning { margin: 15px 0px; } .label { padding: 0px; font-size: inherit; background-color: transparent; } ul, ol, dl { font-size: 14px } div.mw-warning-with-logexcerpt { padding: 10px; margin-bottom: 10px } .toctitle > h2 { margin-top: 0px!important } .guide-card { background-repeat: no-repeat; padding: 7px 10px; width: 100%; background-color: rgba(255,255,255,.025); transition: background-color .25s,color .25s; border-bottom: 2px solid #111; } .guide-card a { color: #f9a916; transition: color .25s; font-weight: bold; } .guide-card a:hover { color: #fff; } .guide-card:hover { background-color: rgba(255,255,255,.1); } .sticky { position: sticky!important; top: 87px; } .mw-search-profile-tabs { background-color: #1d1d1d; border: none; border-bottom: 2px solid #111; } #mw-searchoptions { background-color: #1d1d1d; border: none; } #mw-searchoptions .divider { border-bottom: 1px solid #111; } .search-types .current a { color: #f9a916; font-weight: bold; } #mw-search-togglenone, #mw-search-toggleall { border: none; color: #111; background: #f9a916; } .prefsection table, .prefsection legend { background: #1d1d1d; } fieldset, .mw-prefs-buttons { background: #1d1d1d; } .userratebox { background: #111; } button.radius, .button.radius { border-radius: 0px; } button.small, .button.small { padding: 10px 20px; } .section-revised { color: #fff; padding: 5px 10px; background: #264527; border: 2px solid #3e703f; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .network-header { height: 30px; width: 100%; padding: 0px 15px; background: #111111; position: fixed; z-index: 999; color: #fff; border-bottom: 1px solid #1d1d1d; } .network-entry { margin-right: 20px; display: inline; } .network-entry > a { color: #ffc107; font-size: 11px; } .network-entry > a:hover { opacity: .5; color: #ffc107!important; text-decoration: none; } .policy-box, .original-source { background: #1d1d1d; border: 1px solid #f9a916; padding: 1em; } .large-12 { min-height: 17px; } table tbody tr td, table tr td { vertical-align: top; } #gopremium a:hover { opacity: .7; cursor: pointer; } .perk-container { width: 100%; padding: 1rem 1rem 1rem 6rem; background: #1d1d1d; margin-bottom: 1rem; background-repeat: no-repeat; background-position: left center; background-size: auto 80px; } #noads { background-image: url('//metabattle.com/wiki/images/3/3a/No-ads.png'); } #cleanlayout { background-image: url('//metabattle.com/wiki/images/5/5b/Clean-layout.png'); } #fasternavigation { background-image: url('//metabattle.com/wiki/images/4/4b/Faster-navigation.png'); } #discordprivileges { background-image: url('//metabattle.com/wiki/images/d/db/Discord-privileges.png'); } #halloffamesmall { background-image: url('//metabattle.com/wiki/images/c/cb/Hall-of-fame-small.png'); } .perk-container > h2 { margin-top: 0px!important; font-weight: bold; } .buy-button { margin-top: 1rem; } .buy-button:hover, .buy-button:focus, .buy-button:active { opacity: .7; } .premium-user-bg { padding: 1rem; background-image: url("//metabattle.com/wiki/images/6/60/Premium-user-bg2.png"); background-position: left center; background-repeat: no-repeat; background-size: auto 100%; margin-bottom: 1rem; display: inline-block; min-width: 360px; padding-left: 115px; } .premium-user-bg:hover, .premium-user-bg:focus, .premium-user-bg:active { opacity: .7; } .hoverItem{ display: inline-block; } .suggestions { z-index: 999999; } .tingle-modal { z-index: 999999!important; } .build-template-code { background: #1d1d1d; padding: 8px 15px; color: #fff; border-radius: 0.25rem; display: inline-block; word-break: break-all; margin: 0px 5px 5px 0px; } .build-template-button { padding: 8px 15px; background: #f9a916; color: #111; font-weight: bold; display: inline-block; border-radius: 0.25rem; } .build-template-button:hover { cursor: pointer; opacity: .5; } #MetabattleFloating { position: sticky; top: 90px; } @media screen and (max-width: 1216px){ #MetabattleFloating { top: 135px; } } #actions-button { border-radius: 0.25rem; padding: 10px 20px; } button, .button { font-family: 'Open Sans',sans-serif; } .top-bar .button, .top-bar button { padding-top: .25rem; } #mw-indicator-mw-helplink { display: none; } .skillbar-container { width: 100%; overflow-x: scroll; overflow-y: hidden; } .mskillbar { min-width: 690px; } .post-container { width: 100%; } .post-entry { width: 100%; margin-bottom: 15px; background: #1d1d1d; display: flex; } .post-image { min-width: 256px; min-height: 121px; overflow: hidden; } .post-image img{ width: 100%!important; height: auto!important; } .post-content { padding: 0.5rem 1rem; } .post-title { } .post-description { } .post-date { opacity: 0.5; } .post-title a { font-size: 1rem; } .post-title a:hover { color: #fff; } @media screen and (max-width: 425px){ .post-entry { flex-direction: column } .post-image { width: 100%; } }