In other languages: Português do Brasil • Русский • 中文
CSS and Javascript changes must comply with the wiki design rules.
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* Sitewide CSS stylesheet. Take care when making any changes as they'll be pushed to every user almost immediately. */
/* Pretty light-grey for visited links and other link stuffs. */
a.new:link {color: #BA0000}
a:link {color: #3F56AD}
a:visited {color: #75735F}
/* Override forced */
/* <ref> fixes from [[w:MediaWiki:Common.css]] */
sup, sub { line-height: 1em; }
ol.references { font-size: 90%; }
.references-small { font-size: 80%;}
ol.references > li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }
/* Infobox styling */
.infobox {
background: #ffffff;
width: 256px;
float: right;
clear: right;
margin: 0.5em 0 1em 0.5em;
border: 1px solid black;
padding: 2px;
}
.infobox .section {
background: #C0DFFF;
color: black;
font-weight: bold;
font-size: 1.2em;
text-align: center;
padding: 3px;
clear: both;
}
/* Adjust preformatted text size */
pre {
font-size: 100%;
}
/* Ambox styling */
table.ambox {
margin: 0px 10%; /* 10% = Will not overlap with other elements */
border: 1px solid #b44335;
background: #fbfbfb;
}
table.ambox + table.ambox { /* Single border between stacked boxes. */
margin-top: -1px;
}
.ambox th.ambox-text,
.ambox td.ambox-text { /* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
}
.ambox td.ambox-image { /* The left image cell */
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
}
.ambox td.ambox-image2 { /* The right image cell */
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */
}
/* Colours */
table.ambox-notice,
td.ambox-notice {
border-left: 10px solid #1e90ff; /* Blue */
}
table.ambox-notice-2,
td.ambox-notice-2 {
border-left: 10px solid #3f6180; /* Dark Blue */
}
table.ambox-delete,
table.ambox-serious {
background: #fee; /* Pink */
border: 1px solid #BB7070;
}
td.ambox-delete,
td.ambox-serious {
border-left: 10px solid #b22222; /* Red */
}
table.ambox-content,
td.ambox-content {
border-left: 10px solid #f28500; /* Orange */
}
table.ambox-style,
td.ambox-style {
border-left: 10px solid #ffcc00; /* Yellow */
}
table.ambox-images,
td.ambox-images {
border-left: 10px solid #000000; /* Black */
}
table.ambox-protection,
td.ambox-protection {
border-left: 10px solid #bba; /* Gray-gold */
}
table.ambox-good,
td.ambox-good {
border-left: 10px solid #73D216; /* Green */
}
th.ambox-text, td.ambox-text { /* The message body cell(s) */
border: none;
padding: 0.25em 0.9em; /* 0.9em left/right */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
td.ambox-image { /* The left image cell */
border: none;
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
text-align: center;
}
td.ambox-image2 { /* The right image cell */
border: none;
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
td.ambox-empty-cell { /* An empty narrow cell */
border: none;
padding: 0px;
width: 1px;
}
/* Edit notices */
.enerror { background-color: #FFDBDB; border: 1px solid #BB7070; }
/* Style for horizontal lists (separator following item) */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
display: inline;
margin: 0;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dd:after,
.hlist dt: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 IE 8 */
.hlist dd.nopunct:after,
.hlist dt.nopunct:after,
.hlist li.nopunct:after {
content: none;
}
/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
content: "(";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
content: ")";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
counter-increment: level1;
}
.hlist.hnum ol li:before {
content: counter(level1) " ";
}
.hlist.hnum ol ol li {
counter-increment: level2;
}
.hlist.hnum ol ol li:before {
content: counter(level2) " ";
}
/* Unbulleted lists */
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ul li {
margin-bottom: 0;
}
/* Navbox styling */
table.navbox { /* Navbox container style */
border: 1px solid #b44335;
background: #FEFEFF;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
text-align: center; /* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
table.navbox th a {
color: #E4C62E; /* Should make the header links look better */
}
.navbox-group { /* Group style */
white-space: nowrap;
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.navbox, .navbox-subgroup {
background: #FEFEFF; /* Background color */
}
.navbox-list {
border-color: #FEFEFF; /* Must match background color */
}
.navbox-title,
table.navbox th {
background: #CD5F51; /* Level 1 color */
color: #fff; /* text colour */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: #FDE6E3; /* Level 2 color */
color: #2D2723;
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: #ffe8e5; /* Level 3 color */
}
.navbox tr {
background-color:#FEFEFF; /* Standard cell background */
}
.navbox-even {
background: #F2F2F2; /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}
/* Make English link bold. */
li#n-English {
font-weight: bold;
}
/* Hide languages box per namespace & per page */
.ns-0.page-Dota_2_Wiki .portal#p-Languages, /* Main Page exception */
.ns--1 .portal#p-Languages, /* Special */
.ns-2 .portal#p-Languages, /* User */
.ns-3 .portal#p-Languages, /* User talk */
.ns-4 .portal#p-Languages, /* Team Fortress Wiki */
.ns-5 .portal#p-Languages, /* Team Fortress Wiki talk */
.ns-6 .portal#p-Languages, /* File */
.ns-7 .portal#p-Languages, /* File talk */
.ns-8 .portal#p-Languages, /* MediaWiki */
.ns-9 .portal#p-Languages /* MediaWiki talk */
{
display: none;
}
/* Put a chequered background behind images, only visible if they have transparency */
.gallerybox .thumb img,
#file img { background: white url("http://hydra-media.cursecdn.com/dota2.gamepedia.com/5/5d/Checker-16x16.png") repeat; }
.gallerybox .thumb img:hover,
#file img:hover { background: white url("http://hydra-media.cursecdn.com/dota2.gamepedia.com/b/b3/Checker-16x16_Dark.png") repeat; }
/* But not on articles, user pages, portals or with opt-out. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img,
.nochecker .gallerybox .thumb img {
background: #f9f9f9;
}
/* Give audio files linked with [[Media:]] a special icon */
a[href$=".wav"].internal,
a[href$=".ogg"].internal {
background: url("http://hydra-media.cursecdn.com/dota2.gamepedia.com/4/46/Icon_external_link_wav.png") center right no-repeat;
padding-right: 16px;
}
/* Language-specific settings */
/* en-Main page title removal fix */
body.page-Dota_2_Wiki h1.firstHeading {
display: none;
}
/* Other languages */
body.page-Special_RecentChanges h1.firstHeading, body.page-Special_RecentChanges span.subpages,
body.page-Dota_2_Wiki_ar h1.firstHeading, body.page-Dota_2_Wiki_ar span.subpages,
body.page-Dota_2_Wiki_cs h1.firstHeading, body.page-Dota_2_Wiki_cs span.subpages,
body.page-Dota_2_Wiki_da h1.firstHeading, body.page-Dota_2_Wiki_da span.subpages,
body.page-Dota_2_Wiki_de h1.firstHeading, body.page-Dota_2_Wiki_de span.subpages,
body.page-Dota_2_Wiki_el h1.firstHeading, body.page-Dota_2_Wiki_el span.subpages,
body.page-Dota_2_Wiki_es h1.firstHeading, body.page-Dota_2_Wiki_es span.subpages,
body.page-Dota_2_Wiki_fi h1.firstHeading, body.page-Dota_2_Wiki_fi span.subpages,
body.page-Dota_2_Wiki_fr h1.firstHeading, body.page-Dota_2_Wiki_fr span.subpages,
body.page-Dota_2_Wiki_hu h1.firstHeading, body.page-Dota_2_Wiki_hu span.subpages,
body.page-Dota_2_Wiki_it h1.firstHeading, body.page-Dota_2_Wiki_it span.subpages,
body.page-Dota_2_Wiki_ja h1.firstHeading, body.page-Dota_2_Wiki_ja span.subpages,
body.page-Dota_2_Wiki_ko h1.firstHeading, body.page-Dota_2_Wiki_ko span.subpages,
body.page-Dota_2_Wiki_nl h1.firstHeading, body.page-Dota_2_Wiki_nl span.subpages,
body.page-Dota_2_Wiki_no h1.firstHeading, body.page-Dota_2_Wiki_no span.subpages,
body.page-Dota_2_Wiki_pl h1.firstHeading, body.page-Dota_2_Wiki_pl span.subpages,
body.page-Dota_2_Wiki_pt h1.firstHeading, body.page-Dota_2_Wiki_pt span.subpages,
body.page-Dota_2_Wiki_pt-br h1.firstHeading, body.page-Dota_2_Wiki_pt-br span.subpages,
body.page-Dota_2_Wiki_ro h1.firstHeading, body.page-Dota_2_Wiki_ro span.subpages,
body.page-Dota_2_Wiki_ru h1.firstHeading, body.page-Dota_2_Wiki_ru span.subpages,
body.page-Dota_2_Wiki_sv h1.firstHeading, body.page-Dota_2_Wiki_sv span.subpages,
body.page-Dota_2_Wiki_th h1.firstHeading, body.page-Dota_2_Wiki_th span.subpages,
body.page-Dota_2_Wiki_tr h1.firstHeading, body.page-Dota_2_Wiki_tr span.subpages,
body.page-Dota_2_Wiki_vi h1.firstHeading, body.page-Dota_2_Wiki_vi span.subpages,
body.page-Dota_2_Wiki_zh-hans h1.firstHeading, body.page-Dota_2_Wiki_zh-hans span.subpages,
body.page-Dota_2_Wiki_zh-hant h1.firstHeading, body.page-Dota_2_Wiki_zh-hant span.subpages {
display: none;
}
/*
* Direction change on Arabic pages.
* All mainspace pages (.ns-0), userspace (.ns-2) and the edit box of template pages (.ns-10) will have
* the text direction set to RTL
*/
body.ns-0.lang-ar div#bodyContent,
body.ns-2.lang-ar div#bodyContent,
body.ns-10.lang-ar div#bodyContent {
direction: rtl;
}
/* Remove italics from Chinese pages */
.lang-zh-hans i,
.lang-zh-hant i {
font-style: normal !important;
}
/* Miscellaneous fixes */
#wpSave { font-weight: bold; }
/* Main Page styling */
.mp-content-table {
width: 100%;
background: #FEFEFF; /* Body background color */
border: 1px solid #b44335; /* Main border color */
margin: 0.5em 0;
}
.mp-content-header {
font-size: 140%;
padding: 0.5em 0;
color:#fff;
background: #b44335; /* Header background color */
border: none;
border-bottom: 1px solid #b44335; /* Main border color */
}
.mp-content-body {
padding: 0.5em;
}
/* Don't wordwrap top links on main page */
.mp-content-table ul > li a.external.text, .mp-content-table ul > li > b > a
{
white-space: nowrap;
}
.mp-content-header-alt, .mp-title-gradient {
color: #fff;
background: #b44335;
background-image: linear-gradient(bottom, #d95d41 0%, #B44435 100%);
}
.mp-content-header-alt {
font-size: 140%;
font-weight: bold;
border: none;
border-bottom: 1px solid #b44335; /* Main border color */
text-align: left;
color: #fff;
padding: 0.5em;
padding-left: 0.75em;
margin: -0.5em -0.5em 0px;
}
/* Main Page event-related stuff */
#eventBg {
background:url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/d/d3/Event_gradient.png');
}
/* Auto-size main page index icons */
.mp-index-icon a img {
width:100%;
min-width:64px;
max-width:128px; /* Image sizes. Re-produce larger? */
height:auto;
}
.mp-giant-banner {
height: 250px; /*250px;*/
}
.mp-giant-banner img {
width: 100%;
height: 100%;
}
#mw-js-message, .usermessage {
margin-bottom: 39px !important;
}
/* - Banner images */
.mp-giant-timbersaw {
/* 30 Oct 2012 */
background: url('http://media.steampowered.com/apps/dota2/images/blogfiles/bg_timbersaw.jpg') center top no-repeat #000;
}
.mp-giant-diretide2012 {
/* 21 Dec 2012 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/a/ac/Banner-diretide2012.jpg') center no-repeat white;
}
.mp-giant-greeviling {
/* 21 Dec 2012 */
background: url('http://media.steampowered.com/apps/dota2/images/frostivus/greev_top.jpg?x=1') center no-repeat white;
}
.mp-giant-medusa {
/* 10 Jan 2013 */
background: url('http://media.steampowered.com/apps/dota2/images/blogfiles/bg_medusa.jpg') center top no-repeat #000;
}
.mp-giant-troll {
/* 24 Jan 2013 */
background: url('http://media.steampowered.com/apps/dota2/images/blogfiles/bg_troll_warlord.jpg') center top no-repeat #000;
}
.mp-giant-tusk {
/* 24 Jan 2013 */
background: url('http://media.steampowered.com/apps/dota2/images/blogfiles/bg_tusk.jpg') center top no-repeat #000;
}
.mp-giant-bristlecrap {
/* 28 Mar 2013 - Why do we keep old selectors in the css */
background: url('http://media.steampowered.com/apps/dota2/images/blogfiles/bg_bristleback.jpg') center top no-repeat #000;
}
.mp-giant-skywrath {
/* 19 Apr 2013 */
background: url('http://media.steampowered.com/apps/dota2/images/blogfiles/bg_skywramg001.jpg') center top no-repeat #000;
}
.mp-giant-ti2013 {
/* 26 Apr 2013 */
background: url('http://hydra-images.cursecdn.com/dota2.gamepedia.com/7/78/The_International_2013_main_page_banner.jpg') center top no-repeat #000;
}
.mp-giant-thebetaisover {
/* 10 Jul 2013 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/a/ac/The_Beta_is_Over_main_page_banner.png') center top no-repeat #000;
}
.mp-giant-3spirits {
/* 14 Nov 2013 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/0/0f/Main_Page_giant_banner_three_spirits.jpg') center top no-repeat #000;
}
.mp-giant-diretide2013 {
/* 14 Nov 2013 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/1/16/Dota2wiki_diretide_banner.jpg') center no-repeat white;
}
.mp-giant-frostivus {
/* 9 Dec 2013 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/d/d3/Banner-frostivus2013.jpg') center top no-repeat #000;
}
.mp-giant-wraithnight {
/* 11 Dec 2013 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/e/e6/Main_Page_giant_banner_wraithnight.jpg') center top no-repeat #000;
}
.mp-giant-newbloom-techiesconfirmed {
/* 27 Jan 2014 */
background: url('http://cdn.dota2.com/apps/dota2/images//newbloom/01/bg_01a.jpg') center top no-repeat #000;
}
.mp-giant-spring-cleaning-update {
/* 25 Apr 2014 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/f/f3/Main_Page_giant_banner_spring_cleaning.png') center top no-repeat #000;
}
.mp-giant-ti4 {
/* 12 May 2014 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/6/6b/Main_Page_giant_banner_TI4.jpg') center top no-repeat #000;
}
.mp-giant-ti4-alienware {
/* 15 Jul 2014 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/f/f3/Main_Page_giant_banner_TI4-Alienware.jpg') center top no-repeat #000;
}
.mp-giant-rekindling {
/* 23 Sep 2014 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/9/9f/Main_Page_giant_banner_rekindling_soul.jpg') center top no-repeat #000;
}
.mp-giant-contract {
/* 14 Nov 2014 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/d/dd/Main_Page_giant_banner_the_contract.jpg') center top no-repeat #000;
}
.mp-nemesis-assassin {
/* 20 Nov 2014 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/b/b7/Main_Page_giant_banner_nemesis_assassin.jpg') center top no-repeat #000;
}
.mp-giant-shifting-snows {
/* 15 Dec 2014 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/4/46/Main_Page_giant_banner_shifting_snows.jpg') center top no-repeat #000;
}
.mp-giant-dac-2015 {
/* 02 Feb 2015 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/5/57/Main_Page_giant_banner_DAC_2015.jpg') center top no-repeat #000;
}
.mp-giant-newbloom-2015 {
/* 11 Feb 2015 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/d/d2/Banner-newbloom2015.jpg') center top no-repeat #000;
}
.mp-giant-summit3 {
/* 4 Apr 2015 - Article only */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/c/ca/Giant_Banner_The_Summit_3.jpg') center top no-repeat #000;
}
.mp-giant-ti5-compendium {
/* 1 May 2015 - Front Page and Article */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/3/32/Main_Page_Giant_Banner_TI5_Compendium.jpg') center top no-repeat #000;
}
.mp-giant-ti5-article{
/* 7 May 2015 - Article only */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/e/ee/Giant_Banner_TI5_Article.jpg') center top no-repeat #000;
}
.mp-giant-ti5-frontpage{
/* 20 July 2015 - Front page, change as tournament progresses */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/b/bd/Giant_Banner_TI5-6-GrandFinals.jpg') center top no-repeat #000;
}
.mp-giant-reborn{
/* 16 June 2015 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/d/d0/Dota_2_Reborn_banner.png') center top no-repeat #000;
}
.mp-giant-fall2015{
/* 03 October 2015 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/e/ee/Main_Page_Giant_Banner_Frankfurt_2015.jpg') center top no-repeat #000;
}
.mp-giant-hauntedcolosseum{
/* 29 October 2015 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/a/a8/Main_Page_Giant_Banner_Haunted_Colosseum.jpg') center top no-repeat #000;
}
.mp-giant-arcwarden{
/* 16 December 2015 */
background: url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/e/ec/Giant_Banner_Arc_Warden.jpg') center top no-repeat #000;
}
/* End Main Page style */
/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
background: #FEFEFF;
border: 1px #000000 solid;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
white-space:inherit;
}
table.wikitable th,
table.prettytable th {
text-align: center;
white-space:inherit;
}
table.wikitable caption,
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
table.wikitable .subheader {
color: black;
background: #C9DCFF;
text-align: left;
}
table.wikitable .header {
color: black;
background-color:#ffaea3;
}
table.wikitable .border {
border: 1px #000000 solid;
}
table.wikitable .borderless {
border:0px;
}
table.wikitable .borderless td {
border:0px;
}
table.wikitable .borderless th {
border:0px;
}
table.prettytable code,
table.wikitable code {
background-color: transparent;
}
/* Trusted Editors */
.mw-userlink[title="User:Bu3ny"],
.mw-userlink[title="User:ChocolateWaffle"],
.mw-userlink[title="User:ERmachdp"],
.mw-userlink[title="User:Hefaistus"],
/* .mw-userlink[title="User:KennyTHPS"], */
.mw-userlink[title="User:Kroocsiogsi"],
.mw-userlink[title="User:Lagg5302"],
.mw-userlink[title="User:Lancey34"],
.mw-userlink[title="User:Lemoncream"],
.mw-userlink[title="User:LingoSalad"],
.mw-userlink[title="User:Hybridshiek"],
.mw-userlink[title="User:JanMayen"],
.mw-userlink[title="User:Medoke"],
.mw-userlink[title="User:Mpcovcd"],
.mw-userlink[title="User:Muriloricci"],
.mw-userlink[title="User:Nickoladze"],
.mw-userlink[title="User:Redefining history"],
.mw-userlink[title="User:Robjackson"],
.mw-userlink[title="User:SevenFiveSeven"],
.mw-userlink[title="User:Vi3trice"],
.mw-userlink[title="User:WindPowa"],
.mw-userlink[title=""]
{
color:#52D017 !important;
}
.mw-userlink {
font-weight: bold;
}
.burbg, .admbg, .modbg, .locbg {
background-color:#70B04A;color:white;font-size:0.7em;padding: 0 2px;
}
/* Bots */
a[class="mw-userlink"][title="User:RBotson"],
a[class="mw-userlink"][title="User:KrooBot"],
a[class="mw-userlink"][title="User:GuideBot"],
a[class="mw-userlink"][title="User:HefBOT"],
a[class="mw-userlink"][title="User:MedokBOT"],
a[class="mw-userlink"][title="User:WindBOT"],
a[class="mw-userlink"][title="User:FreemBOT"],
a[class="mw-userlink"][title=""],
.robot, .bot {
color:#FE48AA;
}
#pt-userpage a[href="/wiki/User:"],
.mw-userlink[title="User:"] {
text-transform: lowercase;
}
/* PootTabs */
/* "Poot" tab boxes */
.poot-tabs-container a:active,.poot-tabs :focus
{
outline:none;
-moz-outline-style:none;
}
.poot-tabs-hidelink
{
float: right;
}
.poot-tabs-showhide
{
display: none;
}
.poot-tabs-navbar
{
float: left;
}
.poot-tabs-container
{
display:block;
margin-left:auto;
margin-right:auto;
border:1px solid #b44335;
padding:3px;
}
.poot-tabs-container + .poot-tabs-container, .poot-tabs-container + table.navbox, table.navbox + .poot-tabs-container {
margin-top:-1px; /* Single pixel border between adjacent navboxes/tabboxes */
}
.poot-tabs-vertical .poot-tabs
{
float:left;
}
.poot-tabs-horizontal .poot-tabs
{
text-align:center;
}
.poot-tabs-title
{
background:#1e90ff;
font-weight:bold;
text-align:center;
padding-left:1em;
padding-right:1em;
margin-bottom:2px;
}
.poot-tabs > ul
{
list-style-type:none;
list-style-image:none;
margin:0px;
}
.poot-tabs-vertical .poot-tabs > ul > li
{
display:block;
padding:4px 6px 4px 4px;
margin-top:1px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
}
.poot-tabs-vertical .poot-tabs > ul > li:first-child
{
margin-top:0px;
}
.poot-tabs-horizontal .poot-tabs > ul > li
{
display:inline;
padding:4px 4px 4px 4px;
margin-top:0px;
margin-bottom:0px;
margin-left:4px;
margin-right:4px;
}
.poot-tabs > ul > li
{
cursor:pointer;
}
/* Vertical uses white space between tabs, horizontal doesn't */
.poot-tabs-vertical .poot-tabs > ul > li, .poot-tabs-horizontal .poot-tabs > ul
{
background:#adddff;
}
.poot-tabs > ul > li.poot-tabs-selected
{
background:#1e90ff;
}
.poot-tabs-content > div
{
position:absolute;
top:0px;
right:0px;
left:2px; /* Simulate padding */
}
.poot-tabs-content > div:not(.poot-tabs-selected)
{
display:none;
}
.poot-tabs-content
{
position:relative;
background:#f7fcff;
}
/* End PootTabs */
/* Diff styles */
.diff-file {
font-family: monospace;
}
.diff-contents {
display: none; /* Hidden by default */
margin: 4px;
margin-left: 64px;
border-top: 1px solid #E0E0E0;
border-bottom: 1px solid #E0E0E0;
background: #F9F9F9;
}
.diff-name-text, .diff-name-binary .diff-file-renamed {
display: block;
}
.diff-name-binary, .diff-file-renamed {
color: #606060;
}
.diff-name-text {
font-weight: bold;
cursor: pointer;
}
.diff-file-deleted .diff-name-text {
font-weight: normal;
cursor: auto;
color: #6F0000;
}
.diff-name-text:before {
content: "[+] ";
}
.diff-name-binary:before {
content: "[B] ";
}
.diff-file-renamed:before {
content: "[R] ";
}
.diff-name-text:hover {
text-decoration: underline;
color: #303090;
}
.diff-file-deleted .diff-name-text:hover {
text-decoration: none;
color: #6F0000;
}
.diff-line-entry, .diff-line-ellipsis {
display: block;
white-space: pre-wrap;
clear: both;
border-left: 1px solid #E0E0E0;
border-right: 1px solid #E0E0E0;
}
.diff-line-ellipsis {
background: #FFFFFF;
}
.diff-line-old, .diff-line-new {
width: 52px;
text-align: right;
border-right: 1px solid #E0E0E0;
padding-right: 4px;
color: #696969;
float: left;
font-size: 0.9em;
}
.diff-line-na {
font-style: italic;
color: #A0A0A0;
}
.diff-line-entry .diff-line-old, .diff-line-entry .diff-line-new {
border-bottom: 1px solid #D0D0D0;
margin-bottom: -1px;
}
.diff-line-ellipsis + .diff-line-entry .diff-line-old, .diff-line-ellipsis + .diff-line-entry .diff-line-new {
border-top: 1px solid #D0D0D0;
margin-top: -1px;
}
.diff-line-ellipsis {
padding-top: 8px;
padding-bottom: 8px;
font-size: 1.4em;
color: #666666;
text-indent: 114px;
}
.diff-line-add .diff-line {
background: #D9FFD9;
border-left: 1px solid #60CC60;
border-right: 1px solid #60CC60;
}
.diff-line-add.diff-line-first .diff-line {
border-top: 1px solid #60CC60;
}
.diff-line-add.diff-line-last .diff-line {
border-bottom: 1px solid #60CC60;
}
.diff-line-remove .diff-line {
background: #FFD9D9;
border-left: 1px solid #CC6060;
border-right: 1px solid #CC6060;
}
.diff-line-remove.diff-line-first .diff-line {
border-top: 1px solid #CC6060;
}
.diff-line-remove.diff-line-last .diff-line {
border-bottom: 1px solid #CC6060;
}
.diff-line {
display: block;
padding-left: 4px;
margin-left: 114px;
}
.diff-data-requested {
background: url(http://hydra-media.cursecdn.com/dota2.gamepedia.com/4/43/Patch_diff_loading.gif) right no-repeat;
}
/* For positioning icons at top-right, used in some templates */
.skin-vector div.topicon {
position:absolute;
z-index:100;
top:-50px;
display: block !important;
}
.skin-monobook div.topicon {
position:absolute;
z-index:100;
top:10px;
display: block !important;
}
/* Fixing vector/main-ltr.css putting a white background on the Quotation template */
table.quotation {
background: transparent !important;
}
/* fmbox */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div.mw-newarticletext,
div#mw-protect-cascadeon,
.fmbox {
clear: both;
margin: 0.2em 0;
background-color: #f9f9f9;
border: 1px solid #aaa;
padding: 0.125em 0.25em;
margin: 3px auto;
width: auto;
}
div.mw-warning-with-logexcerpt, /* Lazy solution. */
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div.mw-newarticletext,
div#mw-protect-cascadeon {
padding: 0.5em 1em;
}
th.fmbox-text, td.fmbox-text { /* The message body cell(s) */
border: none;
padding: 0em; /* 0.9em left/right */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
td.fmbox-image { /* The left image cell */
border: none;
padding: 2px 0 2px 0; /* 0.9em left, 0px right */
text-align: center;
}
td.fmbox-image2 { /* The right image cell */
border: none;
padding: 2px 0 2px 0; /* 0px left, 0.9em right */
text-align: center;
}
td.fmbox-empty-cell { /* An empty narrow cell */
border: none;
padding: 0px;
width: 1px;
}
/* Remove italics from Chinese pages */
.lang-zh-hans i,
.lang-zh-hant i {
font-style: normal !important;
}
.toc {
background: #fff;
}
/* Fancy styling for Abilities */
.ico_active, .ico_passive, .ico_autocast {
width:128px;
height:128px;
position:relative;
display:inline-block;
}
.ico_active span {
width:128px;
height:128px;
position:absolute;
top:0px;
left:0px;
background:url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/1/11/Overlay_active.png') no-repeat;
}
.ico_passive span {
width:128px;
height:128px;
position:absolute;
top:0px;
left:0px;
background:url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/6/6f/Overlay_passive.png') no-repeat;
}
.ico_autocast span {
width:128px;
height:128px;
position:absolute;
top:0px;
left:0px;
background:url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/d/df/Overlay_autocast.png') no-repeat;
}
/* End "Fancy styling for Abilities" */
/* Alternating shading of table rows */
.oddrowsgray tr:nth-child(odd) {
background-color: #ededed;
}
/* Client-side image scaling */
.images40pxwidth img {
width: 40px;
height: auto;
}
/* HeroNav styling */
.heronav-subtitle td {
width: 50%;
border: 3px solid #FEFEFE;
font-size: 140%;
font-weight: 700;
line-height: 1.5em;
}
.heronav-content td {
vertical-align: top;
line-height: 0px; /* line-height:0 removes unwanted spacing between rows of icons */
font-size: 0px; /* font-size:0 prevents HeroNav/AlignmentFix from using vertical space */
}
/******* START BUY NOW *******/
.btn_buynow, .btn_buynow span {
background:url('http://hydra-media.cursecdn.com/dota2.gamepedia.com/1/15/Btn_buynow.png') no-repeat;
color:#FFF;
line-height:100%;
font-size:90%;
}
.btn_buynow {
padding:6px 4px 4px 28px;
background-position:right 0;
position:relative;
display: block;
height: 14px;
}
.btn_buynow span {
background-position:left top;
width:24px;
height:24px;
position:absolute;
top:0px;
left:-1px;
display:block;
cursor:pointer;
}
.btn_buynow:hover {
background-position:right -24px;
}
.btn_buynow:hover span {
background-position:left -24px;
}
.btn_wrapper {
display:inline-block;
height:24px;
}
.btn_wrapper a:hover {
text-decoration:none;
}
/******* END BUY NOW *******/
/* Disambig header */
.dablink { font-style: italic; padding-left: 1.5em; margin-bottom: 1em; }
/* Sidebar */
body {
min-width: 1000px;
position: relative;
}
div#bodyContent2 {
margin-right: 320px;
min-height: 920px;
width: auto;
font-size:0.8em;
line-height: 1.5em;
}
#curse-panel{
z-index: 0;
position: absolute;
top: 10em;
right: 8px;
width: 306px;
}
#curse-panel h4 {
font-size: 100%;
line-height: normal
}
#curse-panel .block{
font-size: 75%;
padding: 3px
}
#curse-panel .block .link {
padding: 10px;
text-align: right
}
#curse-panel .block_header {
font-size: 15px;
text-align: center;
font-weight: bold
}
#curse-panel .block_header a {
color: #000
}
#curse-panel .post {
font-size: 12px
}
/* Code for Video Ad Unit - JW 9/24/12 */
div#bodyContent2 { }
#curse-panel .infobox { width: 300px; }
#curse-panel .infobox.atfmrec,
#curse-panel .infobox.btfmrec { text-align: center; }
#curse-panel .infobox.atfmrec > div,
#curse-panel .infobox.atfmrec > ins,
#curse-panel .infobox.atfmrec > iframe,
#curse-panel .infobox.atfmrec > embed,
#curse-panel .infobox.atfmrec > img,
#curse-panel .infobox.atfmrec > object,
#curse-panel .infobox.btfmrec > div,
#curse-panel .infobox.btfmrec > ins,
#curse-panel .infobox.btfmrec > iframe,
#curse-panel .infobox.btfmrec > embed,
#curse-panel .infobox.btfmrec > img,
#curse-panel .infobox.btfmrec > object { margin: 0 auto; display: block; }
#curse-panel .infobox.atfmrec { border: 1px solid black; }
/* Video Ad Unit Styles - JW 9/24/2012 */
#curse-panel .infobox.btfmrec { border: 1px solid black; }
/* Making sure vectorMenu is visible over sidebar */
.vectorMenu, .vectorMenu .menu {
z-index: 1;
}
/*****************************
/* Tournament Bracket Styles *
/*****************************/
.tournament-bracket {
font-size: 90%;
margin: 1em 2em 1em 1em;
border: none;
border-collapse: separate;
border-spacing: 0;
}
.tournament-bracket .round-title {
border: 1px solid #aaa;
background-color: #f2f2f2;
text-align: center;
}
.tournament-bracket .match-bye,
.tournament-bracket .match-team,
.tournament-bracket .match-team-top,
.tournament-bracket .match-team-bottom {
border: 1px solid #aaa;
}
.tournament-bracket .match-bye {
background-color: #DDDDDD;
}
.tournament-bracket .match-score,
.tournament-bracket .match-score-top,
.tournament-bracket .match-score-bottom {
background-color: #f2f2f2;
border: 1px solid #aaa;
text-align: center;
}
.tournament-bracket .path-top,
.tournament-bracket .path-right,
.tournament-bracket .path-bottom,
.tournament-bracket .path-left {
border: 1px none black;
}
.tournament-bracket .path-top {
border-top-style: solid;
}
.tournament-bracket .path-right {
border-right-style: solid;
}
.tournament-bracket .path-bottom {
border-bottom-style: solid;
}
.tournament-bracket .path-left {
border-left-style: solid;
}
#mw-panel.collapsible-nav .portal h3#p-Partners-label {
color: #e38800;
}
/* Upcoming matches calendar */
#mf-match-calendar .mp-content-header {
padding-right: .5em;
}
#mf-match-calendar #upcoming_matches {
border: 0;
margin: 0;
background: #FEFBF6;
}
#mf-match-calendar #upcoming_matches td {
border-right: 0;
border-left: 0;
}
#mf-match-calendar #upcoming_matches td.team img {
max-height: 24px;
max-width: 24px;
height: auto;
width: auto;
}
#mf-match-calendar #upcoming_matches tr:first-of-type {
display: none;
}
#mf-match-calendar #upcoming_matches tr:nth-child(odd) td {
background: #FDE6E3;
}
#mf-match-calendar #upcoming_matches tr > td:nth-child(1) {
width: 25%;
}
#mf-match-calendar #upcoming_matches tr > td:nth-child(2) {
width: 25%;
text-align: right;
}
#mf-match-calendar #upcoming_matches tr > td:nth-child(3) {
width: 15px;
}
#mf-match-calendar #upcoming_matches tr > td:nth-child(4) {
width: auto;
text-align: left;
}
#mf-match-calendar #upcoming_matches tr > td:nth-child(5) {
width: 10%;
text-align: right;
}
/* End upcoming matches calendar */
/* Skill list styles */
div.skilllist {
width: 100%;
}
div.skilllist-title {
border: 1px solid #AAA;
background-color: #FFAEA3;
text-align: center;
color: #000;
font-size: 100%;
font-weight: bold;
}
div.skilllist ul {
overflow: hidden;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
li.skilllist-lite {
list-style: none;
display: inline-block;
margin: 0;
padding: 3px;
box-sizing: border-box;
border: 1px solid #AAA;
vertical-align: top;
text-align: left;
font-weight: bold;
font-size: 110%;
color: white;
text-decoration: none;
}
li.skilllist-rich {
list-style: none;
display: inline-block;
margin: 0;
padding: 3px;
box-sizing: border-box;
border: 1px solid #AAA;
background-color: #EFEFEF;
vertical-align: top;
text-align: left;
}
div.skilllist-rich-head {
padding: 3px 5px;
border-bottom: 1px solid black;
font-weight: bold;
font-size: 110%;
color: white;
text-decoration: none;
}
div.skilllist-rich-image {
display: inline-block;
vertical-align: top;
width: 64px;
}
div.skilllist-rich-desc {
display: inline-block;
vertical-align: top;
padding: 3px 5px;
max-width: calc(100%-74px);
}
li.skilllist-lite a, li.skilllist-lite a:link, li.skilllist-lite a:visited, li.skilllist-lite a:hover, li.skilllist-lite a:active, div.skilllist-rich-head a, div.skilllist-rich-head a:link, div.skilllist-rich-head a:visited, div.skilllist-rich-head a:hover, div.skilllist-rich-head a:active {
color: white;
text-decoration: none;
}
div.skilllist-col1 ul li {
width: 100%;
flex: 1 0 100%;
}
div.skilllist-col2 ul li {
width: 50%;
flex: 1 0 50%;
}
div.skilllist-col3 ul li {
width: calc(100%/3);
flex: 1 0 calc(100%/3);
}
div.skilllist-col4 ul li {
width: 25%;
flex: 1 0 25%;
}
div.skilllist-col5 ul li {
width: 20%;
flex: 1 0 20%;
}
/* End skill list styles */