Difference between revisions of "Foreground.css"
| (30 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
#page-content { | #page-content { | ||
| − | background-color: #111111; | + | background-color: #111111; |
| − | padding: 80px 1rem 1rem 1rem; | + | padding: 80px 1rem 1rem 1rem; |
| − | max-width: 1220px; | + | max-width: 1220px; |
| − | margin: 0 auto; | + | margin: 0 auto; |
| + | } | ||
| + | |||
| + | .row { | ||
| + | max-width: 100%; | ||
} | } | ||
| − | + | #mw-content-text { | |
| + | padding-top: 10px; | ||
| + | } | ||
| − | + | .hidden { | |
| + | display: none; | ||
| + | } | ||
| − | + | .faux-link { | |
| − | .faux-link {cursor: pointer;} | + | cursor: pointer; |
| + | } | ||
/* Foreground Skin */ | /* Foreground Skin */ | ||
| − | html {background-color: #1d1d1d;} | + | html { |
| + | background-color: #1d1d1d; | ||
| + | } | ||
| + | |||
body.skin-foreground { | body.skin-foreground { | ||
| − | + | background-color: #1d1d1d; | |
| − | + | background-image: none; | |
| − | + | color: #999; | |
| + | /* See div#content instead */ | ||
} | } | ||
p { | p { | ||
| − | + | font-size: 14px; | |
} | } | ||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
| − | + | color: #fff; | |
| − | + | font-family: 'Open Sans', sans-serif !important; | |
} | } | ||
| − | h4.namespace.foregroundlabel {visibility: hidden; display: none; | + | |
| − | + | 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 { | .top-bar .name h1 a { | ||
background: url('//metabattle.com/wiki/skins/common/images/logo32px.png') no-repeat left; | background: url('//metabattle.com/wiki/skins/common/images/logo32px.png') no-repeat left; | ||
padding-left: 2.25em; | padding-left: 2.25em; | ||
margin-left: 15px; | margin-left: 15px; | ||
| − | color: rgba(255,255,255,0.95); | + | color: rgba(255, 255, 255, 0.95); |
} | } | ||
| + | |||
.top-bar .name h1 a:hover { | .top-bar .name h1 a:hover { | ||
background-image: url('//metabattle.com/wiki/skins/common/images/logo32px-glow100.png'); | background-image: url('//metabattle.com/wiki/skins/common/images/logo32px-glow100.png'); | ||
| Line 59: | Line 103: | ||
transition: color 0.1s ease-in-out; | 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 { | .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 { | .top-bar-section .dropdown li a { | ||
| − | color: #fff; | + | color: #fff; |
} | } | ||
| + | |||
.top-bar { | .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 { | + | @media screen and (max-width: 425px) { |
| − | display: none; | + | .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 { | + | .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 li.hover> a { | ||
| − | |||
} | } | ||
| + | |||
.top-bar-section ul { | .top-bar-section ul { | ||
| − | background: #111!important; | + | background: #111 !important; |
} | } | ||
.top-bar-section .has-form { | .top-bar-section .has-form { | ||
| − | + | background: none; | |
} | } | ||
| − | .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { | + | |
| − | + | .top-bar-section>ul>.divider, .top-bar-section>ul>[role="separator"] { | |
| + | display: none; | ||
} | } | ||
| + | |||
.top-bar-section .has-dropdown:hover, .top-bar-section .dropdown { | .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 { | #p-donate:hover { | ||
| − | + | box-shadow: none; | |
} | } | ||
| + | |||
#p-donate a { | #p-donate a { | ||
| − | + | display: inline; | |
| − | + | padding-right: 15px !important; | |
} | } | ||
| − | #p-donate a:after {display: none | + | |
| − | + | #p-donate a:after { | |
| − | + | display: none; | |
} | } | ||
| + | |||
| + | .top-bar-section .dropdown li a { | ||
| + | background: #242424; | ||
| + | } | ||
| + | |||
.top-bar-section .dropdown li a:hover { | .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 { | button.button:hover, button.button, button:hover, button:focus, .button:hover, .button:focus { | ||
| Line 147: | Line 235: | ||
text-shadow: none; | text-shadow: none; | ||
} | } | ||
| − | button:hover, button:focus, .button:hover, .button:focus {background: #E6BA5A; color: #fff;} | + | |
| + | button:hover, button:focus, .button:hover, .button:focus { | ||
| + | background: #E6BA5A; | ||
| + | color: #fff; | ||
| + | } | ||
.top-bar input { | .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); | + | top-bar input:focus~.button.search { |
| − | color: rgba(255,255,255,1); | + | background-color: rgba(255, 255, 255, 0.1); |
| + | color: rgba(255, 255, 255, 1); | ||
transition: background 0.2s; | transition: background 0.2s; | ||
transition: color 0.2s; | transition: color 0.2s; | ||
} | } | ||
| + | |||
.button.search { | .button.search { | ||
| − | + | background-color: #1d1d1d; | |
| − | + | color: #a9a9a9; | |
border: 0; | border: 0; | ||
border-radius: 0; | border-radius: 0; | ||
| Line 168: | Line 262: | ||
top: 0px; | top: 0px; | ||
} | } | ||
| + | |||
.button.search:hover { | .button.search:hover { | ||
| − | + | background-color: #1d1d1d; | |
| − | + | color: #fff; | |
} | } | ||
| + | |||
.button.secondary { | .button.secondary { | ||
| − | + | background-color: #f9a916; | |
| − | + | border: none; | |
| − | + | box-sizing: border-box; | |
} | } | ||
| + | |||
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { | button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { | ||
| − | color: #111; | + | color: #111; |
| − | background-color: #f9a916; | + | background-color: #f9a916; |
| − | opacity: .5; | + | opacity: .5; |
} | } | ||
| + | |||
.dropdown.button.secondary:before { | .dropdown.button.secondary:before { | ||
| − | + | rgba(255, 255, 255, 0.5) transparent transparent transparent; | |
| − | + | border-color: #111 transparent transparent transparent; | |
} | } | ||
| + | |||
.rating-template-non-meta { | .rating-template-non-meta { | ||
| − | + | background: #1d1d1d; | |
| − | + | border: none; | |
} | } | ||
| + | |||
.rating-template-meta { | .rating-template-meta { | ||
| − | + | background: #1d1d1d; | |
| − | + | border: none; | |
} | } | ||
| − | .top-bar-section .has-dropdown > a:after { | + | |
| − | + | .top-bar-section .has-dropdown>a:after { | |
| + | border-color: rgba(249, 169, 22, 1) transparent transparent transparent; | ||
} | } | ||
| + | |||
.f-dropdown { | .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 { | .f-dropdown li:hover, .f-dropdown li:focus { | ||
| − | + | background-color: rgba(255, 255, 255, 0.1); | |
} | } | ||
| + | |||
.f-dropdown:before { | .f-dropdown:before { | ||
| − | + | display: none; | |
} | } | ||
.row.sitenotice { | .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 { | .row .columns { | ||
| − | + | padding: 0; | |
} | } | ||
| − | div#content h2#firstHeading:before {display: none; | + | div#content h2#firstHeading:before { |
| − | + | display: none; | |
| − | + | } | |
| − | |||
| − | + | div#content h2 { | |
| − | font-weight: | + | 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"] { | 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; | + | margin: 0px; |
| − | background: #404040; | + | background: #404040; |
| − | + | border-radius: 2px; | |
transition: background 0.2s; | transition: background 0.2s; | ||
transition: color 0.2s; | transition: color 0.2s; | ||
color: rgba(255, 255, 255, 0.6); | 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 { | 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);} | + | .mbinfo { |
| − | 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;} | + | 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 */ | /* SMW BUILD SEARCH */ | ||
| − | .smwbuildsearch-table { border: 1px solid black; | + | .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; |
| − | |||
| − | |||
| − | |||
| − | |||
| − | . | ||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | select { | + | .smwbuildsearch-table select { |
| − | + | height: 30px; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | table. | + | |
| − | + | .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: | + | 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; | ||
| + | border-radius: 0.25rem; | ||
} | } | ||
| − | |||
| − | + | input[type="submit"]:hover { | |
| − | + | opacity: 0.5; | |
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | 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; | 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: # | + | 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 | + | padding: 1em; |
| − | |||
} | } | ||
| − | . | + | .mw-changeslist-legend dd { |
| − | + | margin-left: 3em; | |
} | } | ||
| − | . | + | .mw-recentchanges-table { |
| − | background- | + | background: none; |
| + | box-shadow: none; | ||
| + | margin: 1em 0 0; | ||
} | } | ||
| − | . | + | .mw-recentchanges-table tr { |
| − | background | + | 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 | |
} | } | ||
| − | + | ||
| − | color: # | + | .mw-plusminus-neg { |
| − | + | color: #f7746a; | |
| − | |||
| − | |||
} | } | ||
| − | |||
| − | |||
| − | /* | + | /* Recent Ratings */ |
| − | . | + | .mw-special-Rating.ns-special a.button.dropdown { |
| − | + | display: inherit; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | |||
| − | . | + | .recentratingspage h4:first-child { |
| − | + | margin-top: 0; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | |
| − | margin | + | #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; | margin: 0; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | #mw-history-search legend { | |
| − | + | display: none; | |
} | } | ||
| − | + | ||
| − | + | #mw-history-search input[name="year"] { | |
| − | + | width: 5em; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | text- | + | #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; | padding: .25em .5em; | ||
| − | color: # | + | } |
| + | |||
| + | #pagehistory li.selected { | ||
| + | background-color: #333; | ||
border: 0; | 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) | + | 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; | display: flex; | ||
| − | + | flex-direction: column; | |
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | #toc, .toc { | |
| − | + | margin: 0px; | |
| − | |||
| − | |||
| − | margin | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | + | div#content h2:before { | |
| − | display: | + | 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: # | + | color: #fff |
} | } | ||
| − | . | + | |
| − | + | .foregroundlabel { | |
| − | + | background-color: rgba(106, 167, 247, 0.5); | |
| − | + | padding: 0.25em 0.5em; | |
| − | padding: 0; | ||
} | } | ||
| − | + | ||
| − | . | + | a.foregroundlabel.new { |
| − | color: # | + | background-color: #333; |
| − | |||
} | } | ||
| − | + | ||
| − | color: | + | 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; | margin-top: 0; | ||
| + | padding-top: 0; | ||
} | } | ||
| − | + | ||
| − | + | #actionsbar { | |
| − | margin: | + | margin: 0px !important; |
} | } | ||
| − | . | + | |
| − | background-color: # | + | .nsfl-Build { |
| − | color: # | + | background-color: #fff; |
| + | color: #333; | ||
} | } | ||
| − | . | + | |
| − | background-color: # | + | .nsfl-Team { |
| − | color: # | + | 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 | + | 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 { | |
| − | justify-content: | + | 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; | ||
} | } | ||
| − | . | + | |
| − | width: | + | /* Rating in Build Page */ |
| − | + | .row.ratings { | |
| − | padding | + | 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; | ||
} | } | ||
| − | . | + | |
| − | font-size: . | + | .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; | 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; | ||
} | } | ||
| − | . | + | |
| − | background: # | + | fieldset.userratebox #checkboxHeart { |
| − | border: | + | 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) */ | |
| − | margin- | + | 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; | |
| − | transition: | + | 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 { | |
| − | background: # | + | 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 { |
| − | display: flex; | + | font-weight: bold; |
| − | justify-content: | + | } |
| + | |||
| + | fieldset.userratebox .agreement { | ||
| + | display: flex; | ||
| + | justify-content: space-around; | ||
| + | background: rgba(255, 255, 255, .02); | ||
align-items: center; | 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; | font-weight: bold; | ||
color: #fff; | 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; | 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; | 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; | ||
} | } | ||
| − | . | + | |
| − | background: | + | .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; | ||
} | } | ||
| − | . | + | |
| − | background: | + | .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; | ||
} | } | ||
| − | . | + | |
| − | background: | + | .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; | |
| − | |||
| − | |||
| − | |||
| − | margin: | ||
| − | |||
} | } | ||
| − | /* | + | /* 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 { | |
| − | .build- | + | width: 32px; |
| − | . | + | height: 32px; |
| − | + | border: 2px solid rgba(107, 107, 107, 0); | |
| − | width: | + | background: none; |
| − | + | color: #fff; | |
| − | |||
| − | |||
| − | background: # | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | .build-card | + | .build-card-h.draft+.build-card-c .build-row .rating { |
| − | + | display: none; | |
| − | + | } | |
| − | |||
| − | |||
| − | |||
| − | .build-card | ||
| − | |||
| − | .build- | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | .build- | + | .build-row .rating a>div { |
| − | + | text-align: center; | |
| − | width: | + | display: block; |
| + | width: 100%; | ||
} | } | ||
| − | .build- | + | |
| − | + | .build-row .rating.fivestars a { | |
| − | + | background: #223e39; | |
| − | + | border: 2px solid #345e57; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | ||
| − | + | .build-row .rating.fourstars a { | |
| − | + | background: #264527; | |
| − | + | border: 2px solid #3e703f; | |
| − | .build- | ||
| − | . | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | .build- | + | .build-row .rating.threestars a { |
| − | + | background: #4e5222; | |
| − | + | border: 2px solid #857c37; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | .build- | + | .build-row .rating.twostars a { |
| − | + | background: #53401c; | |
| − | + | border: 2px solid #7c5824; | |
} | } | ||
| − | .build- | + | |
| − | + | .build-row .rating.onestar a { | |
| − | + | background: #401d12; | |
| − | + | border: 2px solid #59291a; | |
} | } | ||
| − | .build- | + | |
| − | + | .build-row .rating.zerostars a { | |
| − | + | background: #401d12; | |
| + | border: 2px solid #59291a; | ||
} | } | ||
| − | .build- | + | |
| − | + | .build-row .rating.NA a { | |
| + | color: #fff !important; | ||
| + | border: 2px solid #909090; | ||
| + | background: #545454; | ||
} | } | ||
| − | .build- | + | |
| − | + | .build-row .community .comments span.wraplinkint:before { | |
| − | + | content: "\f075"; | |
| − | + | display: inline-block; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
font: normal normal normal 14px/1 FontAwesome; | font: normal normal normal 14px/1 FontAwesome; | ||
| − | |||
text-rendering: auto; | text-rendering: auto; | ||
-webkit-font-smoothing: antialiased; | -webkit-font-smoothing: antialiased; | ||
| − | + | font-size: .85em; | |
| − | |||
margin-right: .25em; | 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 { | |
| − | background: | + | color: #fff; |
| + | background: #555; | ||
} | } | ||
| − | : | + | |
| − | + | .choosewrap { | |
| + | display: flex; | ||
| + | margin: 2em 0 1em; | ||
} | } | ||
| − | + | ||
| − | + | .chooser { | |
| − | + | width: 50%; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | ::- | + | |
| − | background- | + | .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; | |
| − | |||
| − | background: | ||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | .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: | + | width: 33%; |
| − | + | height: 33.33333%; | |
| − | |||
| − | |||
| − | |||
display: flex; | 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 | + | 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%; | ||
} | } | ||
| − | . | + | |
| − | background | + | /* Front Page Temp */ |
| − | + | .builds-intro-pve>div.builds-intro-list { | |
| + | background: rgba(255, 244, 216, .1); | ||
} | } | ||
| − | . | + | |
| − | background | + | .builds-intro-GvG>div.builds-intro-list { |
| − | + | background: rgba(216, 227, 244, 0.1); | |
} | } | ||
| − | . | + | |
| − | background | + | .builds-intro-pvp>div.builds-intro-list { |
| − | + | background: rgba(231, 220, 249, 0.1); | |
} | } | ||
| − | . | + | |
| − | background | + | .builds-intro-list-guardian { |
| − | + | background: rgba(235, 250, 255, 0.1); | |
} | } | ||
| − | . | + | |
| − | background | + | .builds-intro-list-revenant { |
| − | + | background: rgba(232, 207, 207, 0.1); | |
} | } | ||
| − | . | + | |
| − | background | + | .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 | + | background: rgba(231, 219, 219, 0.1); |
| − | |||
| − | |||
} | } | ||
| − | . | + | .builds-intro-list-elementalist { |
| − | background | + | background: rgba(255, 230, 230, 0.1); |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .builds-intro-list-mesmer { |
| − | background | + | background: rgba(255, 234, 255, 0.1); |
| − | |||
} | } | ||
| − | . | + | .builds-intro-list-necromancer { |
| − | + | background: rgba(235, 255, 244, 0.1); | |
| − | |||
| − | |||
| − | background | ||
| − | |||
} | } | ||
| − | + | /* 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% | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | width: 100% | ||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | pre { |
| − | color: # | + | 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 */ |
| − | color: # | + | .specialization+p>b:before { |
| + | background-color: #111; | ||
} | } | ||
| − | . | + | .specialization { |
| − | background-color: | + | 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 | + | 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; | |
| − | color: # | + | 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 { | |
| − | padding: | + | width: 24px; |
| + | padding-left: 12px; | ||
} | } | ||
| − | . | + | .specialization.concise>.specoverlay>.label+.minor+.line+.major { |
| − | + | padding-left: 0px; | |
| − | padding | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | @-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 | + | background: rgba(0, 0, 0, .65); |
} | } | ||
| − | + | .specialization.dragonhunter>.specoverlay:hover { | |
| − | background | + | background: rgba(0, 0, 0, .4); |
} | } | ||
| − | + | .specialization:hover+p>b, .specialization>.specoverlay { | |
| − | background | + | transition: background .2s; |
} | } | ||
| − | + | /* Specialization Variants */ | |
| − | background | + | /* 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); | |
} | } | ||
| − | .premium-user-bg { | + | .specialization.firearms:hover+p>b { |
| − | padding: 1rem; | + | background: rgb(84, 48, 35); |
| − | background-image: url("//metabattle.com/wiki/images/6/60/Premium-user-bg2.png"); | + | } |
| − | background-position: left center; | + | |
| − | background-repeat: no-repeat; | + | .specialization.inventions+p>b { |
| − | background-size: auto 100%; | + | background: rgb(29, 20, 19); |
| − | margin-bottom: 1rem; | + | } |
| − | display: inline-block; | + | |
| − | min-width: 360px; | + | .specialization.inventions:hover+p>b { |
| − | padding-left: 115px; | + | background: rgb(39, 27, 26); |
| − | } | + | } |
| − | + | ||
| − | .premium-user-bg:hover, .premium-user-bg:focus, .premium-user-bg:active { | + | .specialization.tools+p>b { |
| − | opacity: .7; | + | background: rgb(47, 28, 23); |
| − | } | + | } |
| − | + | ||
| − | .hoverItem{ | + | .specialization.tools:hover+p>b { |
| − | display: inline-block; | + | 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: 10px; | ||
| + | background: rgba(255, 255, 255, .025); | ||
| + | display: flex; | ||
| + | } | ||
| + | |||
| + | .post-image { | ||
| + | min-width: 256px; | ||
| + | min-height: 121px; | ||
| + | overflow: hidden; | ||
| + | align-self: center; | ||
| + | } | ||
| + | |||
| + | .post-image img { | ||
| + | height: max-content; | ||
| + | } | ||
| + | |||
| + | .post-image img:hover { | ||
| + | opacity: 0.5; | ||
| + | } | ||
| + | |||
| + | .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: 768px) { | ||
| + | .post-entry { | ||
| + | flex-direction: column | ||
| + | } | ||
| + | |||
| + | .post-image { | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | .post-image img { | ||
| + | margin-left: 15px; | ||
| + | margin-top: 15px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | .view-all-articles-button { | ||
| + | text-align: center; | ||
| + | margin: 0 auto; | ||
| + | border-radius: 0.25rem; | ||
| + | margin-top: 15px; | ||
| + | } | ||
| + | |||
| + | .view-all-articles-button:hover { | ||
| + | opacity: 0.5; | ||
| + | } | ||
| + | |||
| + | .view-all-articles-button a { | ||
| + | color: #111; | ||
| + | font-weight: bold; | ||
| + | background: #f9a916; | ||
| + | padding: 7px 50px; | ||
| + | border-radius: 0.25rem; | ||
| + | } | ||
| + | |||
| + | .build-feedback { | ||
| + | margin-top: 10px; | ||
| + | font-weight: bold; | ||
| + | width: fit-content; | ||
| + | } | ||
| + | |||
| + | .build-feedback a { | ||
| + | color: #16b0f9 !important; | ||
| + | } | ||
| + | |||
| + | .build-feedback:hover { | ||
| + | opacity: 0.5; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | |||
| + | .build-rate { | ||
| + | font-weight: bold; | ||
| + | width: fit-content; | ||
| + | } | ||
| + | |||
| + | .build-rate a { | ||
| + | color: #16f947 !important; | ||
| + | } | ||
| + | |||
| + | .build-rate:hover { | ||
| + | opacity: 0.5; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | |||
| + | .sidebar-message { | ||
| + | width: 100%; | ||
| + | padding: 10px; | ||
| + | text-align: left; | ||
| + | margin-bottom: 15px; | ||
| + | } | ||
| + | |||
| + | .yellow-message { | ||
| + | background: #fff3cd; | ||
| + | color: #856404; | ||
| + | border: 1px solid #ffeeba; | ||
| + | } | ||
| + | |||
| + | .yellow-message a { | ||
| + | color: #533f03 !important; | ||
| + | font-weight: bold; | ||
} | } | ||
| − | . | + | .yellow-message a:hover { |
| − | + | color: #533f03 !important; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | color: # | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
font-weight: bold; | font-weight: bold; | ||
| − | + | opacity: 0.5; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | .blue-message { | |
| − | + | background: #cce5ff; | |
| − | + | color: #004085; | |
| − | # | + | border: 1px solid #b8daff; |
} | } | ||
| − | + | .green-message { | |
| − | + | background: #d4edda; | |
| − | + | color: #155724; | |
| − | + | border: 1px solid #c3e6cb; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | .red-message { |
| − | + | background: #f8d7da; | |
| − | + | color: #721c24; | |
| − | + | border: 1px solid #f5c6cb; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | background: # | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
Revision as of 16:16, 2 December 2019
#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;
border-radius: 0.25rem;
}
input[type="submit"]:hover {
opacity: 0.5;
}
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;
}