No edit summary |
mNo edit summary |
||
| Line 913: | Line 913: | ||
translate(20px, 55px) |
translate(20px, 55px) |
||
rotate(315deg); |
rotate(315deg); |
||
| + | color: red; |
||
width: 30px; |
width: 30px; |
||
} |
} |
||
Revision as of 16:20, 15 December 2020
/* For the mobile frontend only. Add ?useformat=mobile to any URL to test */
/* This stylesheet loads *after* the initial render. [[MediaWiki:Gadget-darkmobile.css]] is part of the initial bundle. */
@media screen and (min-width: 720px) {
.mp-main-left { width: 60%; }
}
.search-overlay, .overlay { z-index: 20 !important; }
.nomobile {
display: none;
}
.overlay-title .mw-ui-icon-clear { display:none !important; }
/*********************
/* Front page styles *
/*********************/
@media (min-width: 400px) {
.fpmain .columns .leftcol {
float: left;
width: 50%;
margin: 0;
padding: 0;
}
.fpmain .columns .rightcol {
float: right;
width: 50%;
margin: 0;
padding: 0;
}
}
.fplinks {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin: -2px -3px;
}
.fplinks .linkslabel {
border-bottom: 2px solid #505050;
margin: 6px 3px 0 3px;
flex: 0 0 100%;
}
.fplink {
display: flex;
align-items: stretch;
justify-content: stretch;
flex: 0 0 100%;
padding: 2px 3px;
box-sizing: border-box;
}
@media (min-width: 400px) {
.fplink {
flex: 0 0 50%;
}
}
.fplink.wide {
flex: 0 0 100%;
}
.fplink .box {
background: transparent;
border: 2px solid #505050;
border-radius: 2px;
box-shadow: 0 0 0 2px #505050 inset;
color: #e0e0e0;
display: flex;
flex-flow: column nowrap;
font-weight: bold;
align-items: stretch;
justify-content: stretch;
text-transform: uppercase;
flex-grow: 1;
min-height: 4em;
}
.fplink.image {
justify-content: flex-start;
}
.fplink.image .box {
min-height: 70px;
}
.fplink.image .box .image {
display: flex;
flex-grow: 1;
min-height: 70px;
}
.fplink.image .image a {
min-height: 70px;
}
.fplink.image .box .image img {
max-width: 100% !important;
width: auto !important;
max-height: 70px !important;
}
@media (min-width: 188px) {
.fplink {
width: 50%;
}
.fplink.wide {
width: 100%;
}
}
@media (min-width: 294px) {
.fplink {
width: 33.333%;
}
.fplink.wide {
width: 66.666%;
}
}
@media (min-width: 400px) {
.fplink {
width: 25%;
}
.fplink.wide {
width: 50%;
}
.fplink.image {
width: 108px;
height: 108px;
}
.fplink.image .box .row .cell {
width: 100px;
height: 100px;
}
.fplink.image .box .row .cell .image img {
width: 100px;
height: 100px;
}
}
@media (min-width: 506px) {
.fplink {
width: 20%;
}
.fplink.wide {
width: 40%;
}
}
@media (min-width: 612px) {
.fplink {
width: 16.666%;
}
.fplink.wide {
width: 33.333%;
}
}
@media (min-width: 718px) {
.fplink {
width: 14.285%;
}
.fplink.wide {
width: 28.571%;
}
}
@media (min-width: 824px) {
.fplink {
width: 12.5%;
}
.fplink.wide {
width: 25%;
}
}
@media (min-width: 930px) {
.fplink {
width: 11.111%;
}
.fplink.wide {
width: 22.222%;
}
}
@media (min-width: 1036px) {
.fplink {
width: 10%;
}
.fplink.wide {
width: 20%;
}
.fplink.image {
width: 128px;
height: 128px;
}
.fplink.image .box .row .cell {
width: 120px;
height: 120px;
}
.fplink.image .box .row .cell .image img {
width: 120px;
height: 120px;
}
}
.fplink.image .image {
font-size: 75%;
}
.fplink .link {
display: flex;
align-items: stretch;
justify-content: stretch;
flex-grow: 1;
}
.fplink a {
display: flex;
align-items: center;
justify-content: center;
flex-grow: 1;
}
.fplink.image .link a {
border-top: 2px solid #505050;
background: #ddddb7 !important;
}
.fpvideos {
margin: 0 auto;
overflow: hidden;
text-align: center;
max-width: 480px;
}
.fpvideo {
position: relative;
padding-top: 25px;
padding-bottom: 56.25%;
height: 0;
}
.fpvideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fpbox .bigmobilelinks .rightcol {
padding: 0.25em 0 0 0;
}
@media (min-width: 400px) {
.fpbox .bigmobilelinks .rightcol {
padding: 0;
}
}
.fpbox .bigmobilelinks ul,
.fpbox .bigmobilelinks .leftcol ul,
.fpbox .bigmobilelinks .rightcol ul {
list-style: none;
margin: 0;
padding: 0 15px;
}
.fpbox .bigmobilelinks ul ul,
div#content .fpbox .bigmobilelinks .leftcol ul ul,
div#content .fpbox .bigmobilelinks .rightcol ul ul {
list-style: none;
padding: 0.25em 1em 0 1em;
}
.fpbox .bigmobilelinks ul li div {
display: flex;
align-items: center;
justify-content: center;
background: rgba(128, 128, 128, 0.1);
min-height: 4em;
margin: 0.25em 0;
padding: 0;
}
.fpbox .bigmobilelinks a {
display: flex;
align-items: center;
justify-content: center;
background: rgba(128, 128, 128, 0.2);
min-height: 4em;
margin: 0.25em 0;
padding: 0;
}
.fpplainbox {
padding: 5px 8px 10px 8px;
margin: 0 5px 10px 5px;
vertical-align: top;
}
.fpmain .columns {
overflow: hidden;
}
.fpmain .columns .leftcol {
width: 100%;
margin: 0;
padding: 0;
}
.fpmain .columns .rightcol {
width: 100%;
margin: 0;
padding: 0;
}
div.cpbox div.feature {
width:unset !important;
}
/* Classes permitting setting of alignment on mobile only or differently on desktop and mobile */
/* (See .desktopleft, .desktopcenter, .desktopright in MediaWiki:Common.css for the desktop equivalents */
.mobileleft {
text-align: left;
}
.mobilecenter {
text-align: center;
}
.mobileright {
text-align: right;
}
#mw-mf-diffview #mw-mf-userinfo { z-index: 10; }
/* WOWPEDIA SPECIFIC CSS BELOW */
/* Original css follows */
h2#section_footer, #mw-mf-last-modified {display: none}
#content_wrapper {margin: 1ex 1em}
#content_footer {border: none; background: transparent}
/* #footer {background: #101010; margin-bottom: 0 !important; padding-bottom: 62px; border-top-color: #303030; color: #e0e0e0;} */
#content_wrapper #footer {margin: 1em -1em 0}
#mw-mf-search {font-size: 16px}
.thumb {display: inline-block; padding: 5px}
ul.settings li {margin-bottom: 1ex}
@media (max-width: 400px) {
table.infobox {float: none !important; margin: 0 auto 1em auto !important;}
#mw-content-text > div > div.wtooltip {float: none !important; margin: 0.5ex 2em 1em 2em !important; width: auto;}
#mw-content-text > div > div.wtooltip.ach-tt {margin-left: 60px !important;}
table.break-400, table.break-400 > *, table.break-400 > * > tr, table.break-400 > * > tr > * {display: block; margin: 0; padding: 0}
table.break-400 > * > tr > * {width: 100% !important; margin: 2px 0; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box}
div.disambig-for dd {margin-left: 1em}
}
@media (min-width: 480px) {
.tright {float: right; clear: right; margin: 0 0 1em 1em}
}
.mpcontentbox-table, .mpcontentbox-table td {border: none}
.mpcontentbox-table td p, .mpcontentbox-btable p {margin: 0.3em 0}
.mpcontentbox-table td p:first-child, .mpcontentbox-btable > div > div >p:first-child {margin-top: 0}
.mpcontentbox-table td ul, .mpcontentbox-btable ul {margin: 0.3em 0 1em 0; padding-left: 2em}
#mf-news dt {font-weight: bold}
#mf-news dd {margin: 0 0 1.5em 0}
/*
.infobox .above-header th {background-color: #062540 !important}
.infobox .below-header > *, .darktable th {background-color: #072C4D !important}
.infobox .above-header img {vertical-align: -60%}
table.infobox td {border: 1px solid #d8d8d8}
.infobox .label, .infobox .above-header + .mid-header {background-color: #062540; }
.infobox .mid-header, .infobox .mid-header th, table.navbox th.navbox-title {background-color: #181818}
.navbox td {border-color: transparent}
table.navbox {border-collapse: separate !important; border: 1px solid #d8d8d8; padding: 0}
.navbox-title .navbar.mini {display: none}
table.navbox .navbox-group, table.navbox .navbox-abovebelow { background-color: #e8e8e8; padding: 0.25em 1em; line-height: 1.2em; text-align: center;}
.darktable, .darktable .infobox, .content table.infobox {
background-color: #181818;
border-color: #383838;
}
.darktable > caption {font-weight: bold; margin: 0.5em 0.2em}
*/
/* --- TOOLTIP --- */
/* WoW Style Tooltip */
.wtooltip {
width: 18em;
min-width: 15em;
padding: 0.3em;
margin: 5px;
background-color: #101010;
border: 1px #b0b0b0 solid;
border-radius: 0.75ex;
text-align: left;
}
.wtooltip ul {margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;}
.wtooltip, .wtooltip li, .wtooltip li > a {color: #f0f0f0;}
.wtooltip .outericon {position: absolute; left: -38px; top: 0}
.wtooltip table, .wtooltip table td, .wtooltip table th {border: none}
/* itemtooltip and others MUST be used in conjunction with wtooltip */
.itemtooltip { width: 18em; margin-top: 0; }
.proftip {width: 22em}
.htt .tooltip-content ul {margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;}
.htt .tooltip-content, .htt .tooltip-content li, .htt .tooltip-content li > a {color: #f0f0f0;}
li.socket, li.socket a, .htt .tooltip-content li.socket, .htt .tooltip-content li.socket a {color: #999;}
li.glyph, li.glyph a, .htt .tooltip-content li.glyph, .htt .tooltip-content li.glyph a {color:#71d5ff;}
li.req, li.req a, .htt .tooltip-content li.req, .htt .tooltip-content li.req a {color: #999;}
li.locked, li.locked a, .htt .tooltip-content li.locked, .htt .tooltip-content li.locked a {color: #d22;}
li.bonus, li.bonus a, .htt .tooltip-content li.bonus, .htt .tooltip-content li.bonus a {color: #0f0;}
li.flavor, li.flavor a, .htt .tooltip-content li.flavor, .htt .tooltip-content li.flavor a, .wtooltip li.description, .wtooltip li.description a {color: #ffd517;}
li.detail, li.detail a, .htt .tooltip-content li.detail, .htt .tooltip-content li.detail a {color: #66c;}
li.set, li.set a, .htt .tooltip-content li.set, .htt .tooltip-content li.set a {color: #ffd100;}
li.setbonus, li.setbonus a, .htt .tooltip-content li.setbonus, .htt .tooltip-content li.setbonus a {color: #999;}
div.htt .setdesc { display:none; }
.setdesc .linkicon { display: none; }
.setdesc strong.selflink {font-weight: normal}
.tooltip, .htt .tooltip-content {
font-size: 1em;
float: left;
width: auto;
min-width: 15em;
padding: 0.3em;
margin: 5px;
color: #fff;
background-color: #111;
border: 1px #bbb solid;
border-radius: 0.75ex;
}
.htt .tooltip-content table {color: white}
.tooltip ul, .htt .tooltip-content ul {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
list-style-image: none;
}
.htt .tooltip-content {
background-color: #070A1A
}
.htt .tooltip-content {
max-width: 22em;
background-color: rgba(11, 16, 41, 0.9)
}
.htt .ach-tt {
max-width: 35em !important;
}
#templatetfb .tooltip-content {
max-width: 300px !important;
}
.htt .tooltip-content .tooltip-hide { display:none; }
.tooltip-ready {
visibility:hidden;
display:block;
z-index:999;
}
/* Template:itemtip and co. */
.tt-icon {float: right; position: relative; margin-left: 4px}
.tt-icon-stack {text-shadow: #202020 1px 1px, #202020 0px 0px 3px; position: absolute; bottom: 1px; right: 2px}
.hometip > ul > .awayline, .awaytip > ul > .homeline {display: none}
.wtooltip.awaytip {font-size: 0.85em}
.hometip {float: right}
.awaytip {float: left}
.createline > .itemtooltip {background: transparent; border: none; font-size: 0.90em; margin: 0.75em 0; padding: 0}
.awaytip > ul > .createline > .itemtooltip {margin: 0.90em 0}
.ajaxttlink > img, .linkicon img {vertical-align: text-bottom}
/* Achievementtip */
.wtooltip.ach-tt {position:relative; margin-left: 60px; width: auto; min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content}
.ach-tt .achievementcriteria li > .nobreak {white-space: normal}
.ach-tt .tt-icon {position: absolute; left: -58px; top: -1px; float: none}
.achievementpoints { clear:both; float:right; white-space:nowrap; margin-left:1em }
.achievementtitle strong, .achievementcriteria strong, .achievementrewards strong { color:gold }
.achievementtitle.account-ach strong {color: #00aeff}
.wtooltip.ach-tt > ul {min-width: 16em}
/* Lootbox */
ul.side-by-side, .side-by-side-recursive ul {margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none;}
ul.side-by-side > li, .side-by-side-recursive ul > li {padding: 0.2em; display: inline-block; vertical-align: top}
.lootbox.side-by-side > li {padding: 0 2px}
/* --- COLORS --- */
/* Blizz text color */
.blizztext, .text-blizz { color:#0070af; }
/* text colors: say, yell, emote, whisper */
.text-say {color:#CC9900;}
.text-yell {color:#FF4040;}
.text-emote {color:#F87431;}
.text-whisper {color:#F8B0DE;}
.text-bossemote {color:#f0d000;}
/* Item Quality Colors */
.qc-poor, .qc-poor a { color: #9D9D9D; }
.qc-common, .qc-common a { color: #fff; }
.qc-uncommon, .qc-uncommon a { color: #27BF13 }
.wtooltip .qc-uncommon, .wtooltip .qc-uncommon a {color: #1EFF00}
.qc-rare, .qc-rare a { color: #0070FF; }
.qc-epic, .qc-epic a { color: #a335ee; }
.qc-legendary, .qc-legendary a { color: #ff8000; }
.qc-artifact, .qc-artifact a { color: #BFA760; }
.qc-heirloom, .qc-heirloom a, .qc-token, .qc-token a { color: #00CCFF; }
.qc-enchant, .qc-enchant a {color: #E6BB00}
.abilitylink {color: #2BA2D9}
.talentlink {color: #4e96f7}
.currencylink {color:#00AA00}
/* Class Colors */
.cc-druid, .cc-druid a { color: #FF7D0A; }
.cc-hunter, .cc-hunter a { color: #ABD473; }
.cc-mage, .cc-mage a { color: #69CCF0; }
.cc-paladin, .cc-paladin a { color: #F58CBA; }
.cc-priest, .cc-priest a { color: gray; } /* priest is white, but not on light skins... see darkvector.css */
.cc-rogue, .cc-rogue a { color: #CC9900; }
.cc-shaman, .cc-shaman a { color: #2459FF; }
.cc-warlock, .cc-warlock a { color: #9482CA; }
.cc-warrior, .cc-warrior a { color: #C79C6E; }
.cc-deathknight, .cc-deathknight a { color: #C41E3A; }
.cc-monk, .cc-monk a { color: #008467; }
.cc-demonhunter, .cc-demonhunter { color: #A330C9; } /* proper color in darkvector */
.druid, .druidalt { color: white; }
.druid { background-color: #7f3e05; }
.druidalt { background-color: #663300; }
.druid a, .druidalt a { color: #ff7f0a; }
.hunter, .hunteralt { color: white; }
.hunter { background-color: #445533; }
.hunteralt { background-color: #334422; }
.hunter a, .hunteralt a { color: #ABD473; }
.mage, .magealt { color: white; }
.mage { background-color: #4488aa; }
.magealt { background-color: #336677; }
.mage a, .magealt a { color: #66ccff; }
.paladin, .paladinalt { color: white; }
.paladin { background-color: #883355; }
.paladinalt { background-color: #662244; }
.paladin a, .paladinalt a { color: #ff99cc; }
.priest, .priestalt { color: white; }
.priest { background-color: #777777; }
.priestalt { background-color: #444444; }
.priest a, .priestalt a { color: #bbbbbb; }
.rogue, .roguealt { color: white; }
.rogue { background-color: #555500; }
.roguealt { background-color: #444400; }
.rogue a, .roguealt a { color: #fff569; }
.shaman, .shamanalt { color: white; }
.shaman { background-color: #112277; }
.shamanalt { background-color: #112255; }
.shaman a, .shamanalt a { color: #2459FF; }
.warlock, .warlockalt { color: white; }
.warlock { background-color: #331155; }
.warlockalt { background-color: #220044; }
.warlock a, .warlockalt a { color: #cc99ff; }
.warrior, .warrioralt { color: white; }
.warrior { background-color: #775533; }
.warrioralt { background-color: #443322; }
.warrior a, .warrioralt a { color: #C79C6E; }
.deathknight, .deathknightalt { color: white; }
/* .deathknight { background-color: #; } */
/* .deathknightalt { background-color: #; } */
.deathknight a, .deathknightalt a { color: #C41E3A; }
.monk, .monkalt { color: white; }
/* .monk { background-color: #; } */
/* .monkalt { background-color: #; } */
.monk a, .monkalt a { color: #008467; }
.demonhunter, .demonhunteralt { color: white; }
/* .demonhunter { background-color: #; } */
/* .demonhunteralt { background-color: #; } */
.demonhunter a, .demonhunteralt a { color: #A330C9; }
/* Template: Reputation */
.rep-hated {color: #ac1d1d}
.rep-hostile {color: #ac0000}
.rep-unfriendly {color: #AB4918}
.rep-neutral {color: #acac00}
.rep-friendly {color: #00ac00}
.rep-honored {color: #00AB5B}
.rep-revered {color: #00AB89}
.rep-exalted {color: #00acac}
/* Buffs & Debuffs */
div.bufftip {border-width: 1px; border-style: solid; border-color: #aaaaaa;}
div.debuff {border-color: #cc0000;}
div.debuffmagic {border-color: #3399ff;}
div.debuffcurse, div.buffweapon {border-color: #9900ff;}
div.debuffdisease {border-color: #996600;}
div.debuffpoison {border-color: #009900;}
.achievementlink {color: #CC9900;}
/* elinks */
ul.elinks { list-style-type: none; padding: 0px; margin: 0px; overflow:hidden }
ul.elinks li {
list-style: none;
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left: 25px;
min-height: 25px;
vertical-align: middle;
}
ul.elinks li.wowhead { background-image: url('/media/6/6e/Icon-wowhead-22x22.png'); }
ul.elinks li.wowus { background-image: url('/media/9/9c/Icon-wowus-22x22.png'); }
ul.elinks li.sigrie { background-image: url('/media/b/ba/Icon-mmochampion-22x22.png'); }
span.alliance-link, span.horde-link, span.neutral-link {
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left: 17px;
min-height: 15px;
vertical-align: middle;
}
span.alliance-link { background-image: url('/media/2/21/Alliance_15.png'); }
span.horde-link { background-image: url('/media/c/c4/Horde_15.png'); }
span.neutral-link { background-image: url('/media/c/cb/Neutral_15.png'); }
.alliance-link-big, .horde-link-big, .neutral-link-big, .combat-link-big {
background-repeat: no-repeat;
background-position: 1px 3px;
padding-left: 39px;
min-height: 36px;
vertical-align: middle;
}
.alliance-link-big { background-image: url('/media/2/25/Alliance_32.png'); }
.horde-link-big { background-image: url('/media/4/4f/Horde_32.png'); }
.neutral-link-big { background-image: url('/media/3/38/Neutral_32-square.gif'); }
.combat-link-big { background-image: url('/media/6/6c/Combat_32.gif'); }
span.socketlink-red { background-image: url('/media/0/02/UI-EmptySocket-Red.png'); }
span.socketlink-blue { background-image: url('/media/f/fc/UI-EmptySocket-Blue.png'); }
span.socketlink-yellow { background-image: url('/media/8/87/UI-EmptySocket-Yellow.png'); }
span.socketlink-prismatic { background-image: url('/media/4/48/UI-EmptySocket-Prismatic.png'); }
span.socketlink-meta { background-image: url('/media/7/75/UI-EmptySocket-Meta.png'); }
span.socketlink {
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left: 18px;
min-height: 16px;
vertical-align: middle;
}
span.socketlink a {
color:#999;
}
.itemlink {white-space: nowrap}
.itemtooltip .itemlink {white-space: normal !important;}
.questshort .questlong-prefix {display: none}
.questbox .questshort > .nobreak {white-space: normal}
@media (max-width: 500px) {
.itemlink {white-space: normal}
}
/* Other-faction links on quest-disambiguated pages */
.fswitched .qfordisambig {display: none}
.coords-link {line-height: 1em}
.broken.coords-link sup {background-color: #FFB0B0}
/* Versions */
body.versions-active .versions-cv {display: none}
body.versions-active table.elinks-many {border: none; padding: 0; background: transparent; margin: 0; font-size: 100%}
body.versions-active table.elinks-many td {border: none}
#versions-header-tabs {display: block; font-size: 0.60em; line-height: 1.5em; padding: 1px 0; border-width: 1px 0; border-style: solid; border-color: #e2e2e2; margin-top: 4px}
#versions-header-tabs a {margin-left: 0.6em}
#versions-header-tabs:before {content: 'Versions: '; font-weight: normal}
#versions-header-tabs .inactivetab {color: #0088CC; font-weight: normal}
#versions-header-tabs .activetab {color: black}
#versions-header-tabs .activetab.alliancetab {color: #214DA6}
#versions-header-tabs .activetab.hordetab {color: #A63721}
#versions-header-tabs.fswitch .inactivetab {color: #666666}
body.versions-active-inline .qfordisambig {display: none}
/* Style for horizontal lists (separator following item).
IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
@source mediawiki.org/wiki/Snippets/Horizontal_lists
@revision 4.3 (2014-01-06)
@author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Display nested lists inline */
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist:not(.footer-hydra) dd dd:first-child:before, .hlist:not(.footer-hydra) dd dt:first-child:before, .hlist:not(.footer-hydra) dd li:first-child:before,
.hlist:not(.footer-hydra) dt dd:first-child:before, .hlist:not(.footer-hydra) dt dt:first-child:before, .hlist:not(.footer-hydra) dt li:first-child:before,
.hlist:not(.footer-hydra) li dd:first-child:before, .hlist:not(.footer-hydra) li dt:first-child:before, .hlist:not(.footer-hydra) li li:first-child:before {
content: " (";
font-weight: normal;
}
.hlist:not(.footer-hydra) dd dd:last-child:after, .hlist:not(.footer-hydra) dd dt:last-child:after, .hlist:not(.footer-hydra) dd li:last-child:after,
.hlist:not(.footer-hydra) dt dd:last-child:after, .hlist:not(.footer-hydra) dt dt:last-child:after, .hlist:not(.footer-hydra) dt li:last-child:after,
.hlist:not(.footer-hydra) li dd:last-child:after, .hlist:not(.footer-hydra) li dt:last-child:after, .hlist:not(.footer-hydra) li li:last-child:after {
content: ") ";
font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
content: ") ";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) " ";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) " ";
}
/* Unbulleted lists */
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ul li {
margin-bottom: 0;
}
table.darktable th, table.darkbox th, .navbox-title, table.navbox th {
background-color: #062540;
}
/* VideoLink */
.vplink:before {content: '\25B6'; margin-right: 4px; color: #bc0000; vertical-align: 1px; font-size: 75%;}
.branding-box h1 {
background-image: url(/media/d/d2/Wiki_mobile_logo.png);
background-size: contain;
background-repeat: no-repeat;
height: 15px;
border-bottom:0;
}
.branding-box h1 span { display:none; }
/* Tabber styling */
.tabberlive .tabbertab,
.tabber .tabbertab {
/* border-color: #505050; */ /* If you keep all borders the same */
/* border-style: solid; */ /* If you keep all borders the same */
/* border-width: 1px; */ /* If you keep all borders the same */
-moz-border-bottom-colors: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
-moz-border-left-colors: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
-moz-border-right-colors: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
-moz-border-top-colors: transparent; /* This should match your general choice of border color */
border-bottom-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
border-left-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
border-right-color: transparent; /* doesn't have to be transparent, could be the same border color used elsewhere */
border-top-color: transparent; /* This should match your general choice of border color */
border-image: none;
border-style: solid none none;
border-width: 1px medium medium;
}
ul.tabbernav {
border-bottom: none;
padding: 0;
}
ul.tabbernav li a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #000000; /* This should match your general choice of background color */
border: 1px solid #505050; /* This should match your general choice of border color */
border-image: none;
border-radius: 5px 5px 0 0; /* This is only if you want your tabs to have rounded corners */
margin-left: 3px;
padding: 3px 0.5em;
text-decoration: none;
}
ul.tabbernav li {
display: inline;
list-style: none outside none;
margin: 0 0 0 7px;
}
ul.tabbernav li a:link {
color: #7AB1CC; /* This should match your anchor color, but simply being different from the default text color works */
}
ul.tabbernav li a:hover {
background: none repeat scroll 0 0 #000000;
border-color: #505050; /* This should match your general choice of border color */
color: #FFFFFF;
}
ul.tabbernav li.tabberactive a {
background-color: #000000;
color: #FFFFFF;
}
ul.tabbernav li.tabberactive a,
ul.tabbernav li.tabberactive a:hover,
ul.tabbernav li.tabberactive a:link {
background-color: #000000;
border-bottom: 1px none;
padding: 2px 0.5em 4px;
color: #fff;
}
ul.tabbernav {
text-align:center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */
}
th.rotate {
height: 140px;
white-space: nowrap;
}
th.rotate > div {
transform:
translate(20px, 55px)
rotate(315deg);
color: red;
width: 30px;
}
th.rotate > div > span {
border-bottom: 1px solid #ccc;
padding: 1px 10px;
}
table.stylish td:first-child { white-space:nowrap; }
table.stylish td:not(:first-child) {
border:1px solid;
text-align: center;
}
.skin-minerva .content table.stylish th { border:none; }
.skin-minerva .content th.rotatecorner { width: 140px; }
th.rotatecorner > span {
position:relative;
top:70px;
}
th.rotatecorner > div {
transform: translate(140px, 30px) rotate(315deg);
width:60px;
border-bottom:1px solid;
}