MediaWiki:Fandomdesktop.css

/* GENERIC */

/* Do not limit width by screen size */ .resizable-container { max-width: none; }

/* Less bloated paragraphs */ body { line-height: 1.5; } .page-content p { line-height: 1.5; }

/* FONTS */

@font-face { font-family: 'Radiance'; src: url( 'https://steamcdn-a.akamaihd.net/apps/underlords/fonts/Radiance-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'Radiance'; src: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'Radiance'; src: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-black.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap } @font-face { font-family: 'Radiance'; src: url( 'https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/radiance-semibold.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: 'Reaver'; src: url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap } @font-face { font-family: 'Reaver'; src: url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-SemiBold.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap } @font-face { font-family: 'Reaver'; src: url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Bold.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: 'Reaver'; src: url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Black.woff") format("woff"),url("https://cdn.cloudflare.steamstatic.com/apps/dota2/fonts/Reaver-Regular-Black.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap }

/* DARK THEME */ .theme-fandomdesktop-dark a { text-shadow: -0.1px 0 0.06em black, 0 0.1px 0.06em black, 0.1px 0 0.06em black, 0 -0.1px 0.06em black !important } .theme-fandomdesktop-dark div#content a.new, .theme-fandomdesktop-dark #quickbar a.new { color: #e55454 !important } .theme-fandomdesktop-dark a.new: link { color: #e55454 !important } .theme-fandomdesktop-dark a.sm2_button, .theme-fandomdesktop-dark a.sm2_button.sm2_paused: hover { background-color: #444 } .theme-fandomdesktop-dark a.ext-audiobutton[data-state="play"]::before { filter: invert(82.5%) } .theme-fandomdesktop-dark .ability-background { background-color: #1b1b1b99 } .theme-fandomdesktop-dark .ability-lore { background-color: #282828c4 } .theme-fandomdesktop-dark .ambox { background-color: #404040 } .theme-fandomdesktop-dark body { font-family: "Radiance" !important; background-color: #1a1a1a !important; background-image: url(https://static.wikia.nocookie.net/dota2_ru_gamepedia/images/e/ea/D2Wiki_darkBG.png/revision/latest) !important; min-width: 500px !important } body.skin-fandomdesktop { font-family: "Radiance" !important; } .theme-fandomdesktop-dark .mw-body { background-color: #000; border: 1px solid #111; } .theme-fandomdesktop-dark strong.mw-selflink.selflink { font-family: Radiance !important; font-weight: 600; color: #ccc; text-decoration: none } .theme-fandomdesktop-dark .selflink { font-family: Radiance !important; font-weight: 600; color: #ccc; text-decoration: none } .theme-fandomdesktop-dark .mw-datatable td { background-color: #303445 } .theme-fandomdesktop-dark .mw-plusminus-pos { color: #009800 } .theme-fandomdesktop-dark .mw-plusminus-neg { color: #b90000 } .theme-fandomdesktop-dark .mw-collapsible-toggle.mw-collapsible-toggle-expanded a, .theme-fandomdesktop-dark .mw-collapsible-toggle.mw-collapsible-toggle-collapsed a { color: #b9b9b9 } .theme-fandomdesktop-dark div#mw-head li.new a, .theme-fandomdesktop-dark div#mw-head li.new a span { color: #e55454; font-size: 9pt } .theme-fandomdesktop-dark .mwe-math-fallback-image-inline { filter: invert(82.5%) } .theme-fandomdesktop-dark .doc-background { border: 1px solid #5f5f5f; background-color: #282828 } .theme-fandomdesktop-dark .invoked-abilities { width:140px; margin:5px; border: 1px solid #111; background-color: #202123 } .theme-fandomdesktop-dark code { color: #b9b9b9; background-color: #2f2f2f; border: 1px solid #111 } .theme-fandomdesktop-dark div.ranks div: first-child { background-color: #60180e } .theme-fandomdesktop-dark div.ranks div: not(: first-child) { background: #2f2f2f } .theme-fandomdesktop-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { background: #314f83; border-color: #222; color: #ddd } .theme-fandomdesktop-dark .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .theme-fandomdesktop-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button background-color: #20427d !important } .theme-fandomdesktop-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { border-color: #222 } .theme-fandomdesktop-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover { border-color: #222 } .theme-fandomdesktop-dark .mw-notification { color: #ccc; border: 1px solid #111; box-shadow: 0 0 5px rgba(0,0,0,0.5) } .theme-fandomdesktop-dark .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button { color: #ddd } .theme-fandomdesktop-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > input.oo-ui-buttonElement-button, .theme-fandomdesktop-dark .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label { color: #ccc !important } .theme-fandomdesktop-dark .mw-diff-movedpara-left::after, .theme-fandomdesktop-dark .rtl .mw-diff-movedpara-right::after { font-size: 10pt; background-color: #ccc; border-radius: 8px; width: 16px; height: 16px } .theme-fandomdesktop-dark .mw-diff-movedpara-right::after, .theme-fandomdesktop-dark .rtl .mw-diff-movedpara-left::after { font-size: 10pt; background-color: #ccc; border-radius: 8px; width: 16px; height: 16px } .theme-fandomdesktop-dark .mw-diff-movedpara-left::after, .theme-fandomdesktop-dark .mw-diff-movedpara-right::after { color: #61a1d8; margin-top: -1.40em; margin-left: 0.25em } .theme-fandomdesktop-dark table.diff, .theme-fandomdesktop-dark td.diff-otitle, .theme-fandomdesktop-dark td.diff-ntitle { background-color: transparent; } .theme-fandomdesktop-dark td.diff-context { background: rgba(35,35,35,0.49); border-color: #676767; color: #9a9a9a } .theme-fandomdesktop-dark .diff-addedline, .theme-fandomdesktop-dark .diff-deletedline, .theme-fandomdesktop-dark .diff-context { border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; } .theme-fandomdesktop-dark td.diff-deletedline .diffchange { color: #e62444; background: #ffc3c3 } .theme-fandomdesktop-dark td.diff-deletedline { color: #ccc; background-color: #533535; border-color: #ff9c9c } .theme-fandomdesktop-dark td.diff-addedline .diffchange { color: #4240eb; background: #a3abff } .theme-fandomdesktop-dark td.diff-addedline { color: #ccc; background-color: #2f3056 } .theme-fandomdesktop-dark .mw-body-content a.extiw, .theme-fandomdesktop-dark .mw-body-content a.extiw: active { color: #63a2e2 } .theme-fandomdesktop-dark .mw-body-content a.extiw: active { color: #b63 } .theme-fandomdesktop-dark .mw-body-content a.external { color: #63a2e2 } .theme-fandomdesktop-dark .mw-body-content a.external: active { color: #b63 } .theme-fandomdesktop-dark .mw-scribunto-console-fieldset { background: inherit; color: inherit } .theme-fandomdesktop-dark .mw-scribunto-message { background: inherit } .theme-fandomdesktop-dark #mw-scribunto-input { background: #2f2f2f } .theme-fandomdesktop-dark ol.references>li: target { background-color: #ddeeff } .theme-fandomdesktop-dark sup.reference: target { background-color: #ddeeff } .theme-fandomdesktop-dark .infobox { background: #fff; border: 1px solid black } .theme-fandomdesktop-dark .infobox .section { background: #C0DFFF; color: #000 } .theme-fandomdesktop-dark .cosm-inf-setname { background-color:#484848 } .theme-fandomdesktop-dark pre { color: #b9b9b9; background-color: #2f2f2f; border: 1px solid #111 } .theme-fandomdesktop-dark .updatetablehead { border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; background-color: #60180e } .theme-fandomdesktop-dark .updatetablebody { border: 1px solid #000; border-top: 0; background-color: #292d45 } .theme-fandomdesktop-dark .updatetablehead #description, .theme-fandomdesktop-dark .updatetablebody #description { border-left: 1px solid #000 } .theme-fandomdesktop-dark .updatetablebody #entry { border-top: 1px solid #000 } .theme-fandomdesktop-dark .gvt-el-significant { background: #262c55 !important } .theme-fandomdesktop-dark .tte-right-tal-slot { height: 40px; padding: 0px; border-bottom: solid 2px black; background: #343e7c !important } .theme-fandomdesktop-dark table { color: #b9b9b9 } .theme-fandomdesktop-dark table.ambox-notice,td.ambox-notice { border-left: 10px solid #1e90ff } .theme-fandomdesktop-dark table.ambox-notice-2,td.ambox-notice-2 { border-left: 10px solid #3f6180 } .theme-fandomdesktop-dark table.ambox-delete,table.ambox-serious { background: #fee; border: 1px solid #BB7070 } .theme-fandomdesktop-dark td.ambox-delete,td.ambox-serious { border-left: 10px solid #b22222 } .theme-fandomdesktop-dark table.ambox-content,td.ambox-content { border-left: 10px solid #f28500 } .theme-fandomdesktop-dark table.ambox-style,td.ambox-style { border-left: 10px solid #ffcc00 } .theme-fandomdesktop-dark table.ambox-images,td.ambox-images { border-left: 10px solid #000 } .theme-fandomdesktop-dark table.ambox-protection,td.ambox-protection { border-left: 10px solid #bba } .theme-fandomdesktop-dark table.ambox-good,td.ambox-good { border-left: 10px solid #73D216 } .theme-fandomdesktop-dark div.infostripe { color: #fff; text-shadow: 0 0 5px black } .theme-fandomdesktop-dark .gradient_gameplay { background: linear-gradient(15deg,rgb(178,67,67) 0%,rgb(198,92,73) 17%,rgb(191,127,78) 62%,rgb(168,65,62) 100%) } .theme-fandomdesktop-dark .gradient_cosmetics { background: linear-gradient(15deg,rgb(74,74,74) 0%,rgb(105,159,159) 17%,rgb(171,216,214) 62%,rgb(74,74,74) 100%) } .theme-fandomdesktop-dark .gradient_audio { background: linear-gradient(15deg,rgb(23,84,43) 0%,rgb(1,164,118) 17%,rgb(77,185,116) 62%,rgb(23,84,43) 100%) } .theme-fandomdesktop-dark .gradient_history { background: linear-gradient(15deg,rgb(180,114,15) 0%,rgb(188,185,2) 17%,rgb(212,216,92) 62%,rgb(180,114,15) 100%) } .theme-fandomdesktop-dark div.infostripe div { border-left: 4px solid rgba(75,75,75,0.5); border-right: 4px solid rgba(75,75,75,0.5) } .theme-fandomdesktop-dark .smw-editpage-help { background-color: #2f2f2f; border: 1px solid silver } .theme-fandomdesktop-darktable.notanavbox td:first-child { background-color: #343e7c !important; } .theme-fandomdesktop-dark table.notanavbox td:last-child { background-color: #2f2f2f !important; } .theme-fandomdesktop-dark table.notanavbox { border: 1px solid #b44335; background: #2f2f2f } .theme-fandomdesktop-dark table.notanavbox th a { color: #E4C62E } .theme-fandomdesktop-dark .notanavbox, .theme-fandomdesktop-dark .notanavbox-subgroup { background: #2f2f2f } .theme-fandomdesktop-dark .notanavbox-list { border-color: #2f2f2f } .theme-fandomdesktop-dark .notanavbox-title,table.notanavbox th { background: #60180e; color: #b9b9b9 } .theme-fandomdesktop-dark .notanavbox-abovebelow, .theme-fandomdesktop-dark .notanavbox-group, .theme-fandomdesktop-dark .notanavbox-subgroup .notanavbox-title { background: #343e7c; color: #b9b9b9 } .theme-fandomdesktop-dark .notanavbox-subgroup .notanavbox-group, .theme-fandomdesktop-dark .notanavbox-subgroup .notanavbox-abovebelow { background: #3f466f; color: #b9b9b9 } .theme-fandomdesktop-dark .notanavbox tr { background-color: #2f2f2f } .theme-fandomdesktop-dark .notanavbox-even { background: #2f2f2f } .theme-fandomdesktop-dark .notanavbox-odd { background: transparent } .theme-fandomdesktop-dark .mp-content-table { background: rgba(35, 35, 35, 0.7); border: 1px solid black } .theme-fandomdesktop-dark .mp-content-header { color: #fff !important; background: #b44335; border-bottom: 1px solid #b44335 } .theme-fandomdesktop-dark .mp-content-header-alt, .theme-fandomdesktop-dark .mp-title-gradient { color: #fff !important; background: #b44335 } .theme-fandomdesktop-dark .mp-content-header-alt { border-bottom: 1px solid #b44335; color: #fff !important } .theme-fandomdesktop-dark #mp-layout .mp-block { border: 2px solid #262626; background: rgba(35, 35, 35, 0.7) } .theme-fandomdesktop-dark #mp-layout .mp-block#battle-pass { background: #000 } .theme-fandomdesktop-dark #mp-layout .mp-heading { height: 50px; color: #dbf3ff; font-weight: 700; border-bottom: solid 1px #ccc } .theme-fandomdesktop-dark table.wikitable,table.prettytable { background: rgb(47,47,47); color: #b9b9b9; border: 1px #111 solid } .theme-fandomdesktop-dark table.wikitable th,table.wikitable td,table.prettytable th,table.prettytable td { white-space: inherit } .theme-fandomdesktop-dark table.wikitable th,table.prettytable th { white-space: inherit } .theme-fandomdesktop-dark table.wikitable caption,table.prettytable caption { margin-left: inherit; margin-right: inherit } .theme-fandomdesktop-dark table.wikitable .subheader { background: #292d45; color: #b9b9b9 } .theme-fandomdesktop-dark table.cargoTable td.odd { background: #2f2f2f } .theme-fandomdesktop-dark table.cargoTable td.even { background: #3c3c3c } .theme-fandomdesktop-dark table.cargoTable.wikitable th, .theme-fandomdesktop-dark table.wikitable .header { background-color: #60180e; color: #b9b9b9 } .theme-fandomdesktop-dark table.cargoTable.noMerge tr:nth-child(2n+1) { background: #303030 } .theme-fandomdesktop-dark table.cargoTable.noMerge tr:nth-child(2n) { background: #303445 } .theme-fandomdesktop-dark table.wikitable > tr > th, .theme-fandomdesktop-dark table.wikitable > tr > td, .theme-fandomdesktop-dark table.wikitable > * > tr > th, .theme-fandomdesktop-dark table.wikitable > * > tr > td { border-color: #111 } .theme-fandomdesktop-dark table.prettytable code,table.wikitable code { background-color: transparent } .theme-fandomdesktop-dark table.wikitable>*>tr>th { background-color: rgb(70,50,50) } .theme-fandomdesktop-dark body { min-width: 1000px } .theme-fandomdesktop-dark .oddrowsgray tr: nth-child(2n+1) { background-color: #3c3c3c } .theme-fandomdesktop-dark .oddrowsgray tr: nth-child(odd) { background-color: #3c3c3c } .theme-fandomdesktop-dark .evenrowsgray tr: nth-child(even) { background-color: #3c3c3c } .theme-fandomdesktop-dark .roletable caption { background: #CD5F51; color: #fff !important } .theme-fandomdesktop-dark/* * Tabber styles (Template: Tabber) */ .page-tabber-tab { border: solid #343e7c } .theme-fandomdesktop-dark .page-tabber-tab.inactive-tab { background-color: #292d45 } .theme-fandomdesktop-dark .page-tabber-separator { border-bottom: 2px solid #343e7c } .theme-fandomdesktop-dark .tournament-bracket .round-title, .theme-fandomdesktop-dark .tournament-bracket .match-score, .theme-fandomdesktop-dark .tournament-bracket .match-score-top, .theme-fandomdesktop-dark .tournament-bracket .match-score-bottom { border: 1px solid #b9b9b9; background-color: #434343 } .theme-fandomdesktop-dark .tournament-bracket .match-bye, .theme-fandomdesktop-dark .tournament-bracket .match-team-top, .theme-fandomdesktop-dark .tournament-bracket .match-team, .theme-fandomdesktop-dark .tournament-bracket .match-team-bottom { border: 1px solid #b9b9b9; background: #292929 } .theme-fandomdesktop-dark .tournament-bracket .path-top, .theme-fandomdesktop-dark .tournament-bracket .path-right, .theme-fandomdesktop-dark .tournament-bracket .path-bottom, .theme-fandomdesktop-dark .tournament-bracket .path-left { border: 1px none #ababab } .theme-fandomdesktop-dark .tournament-bracket .match-bye { background-color: #DDD } .theme-fandomdesktop-dark .tournament-bracket .path-top, .theme-fandomdesktop-dark .tournament-bracket .path-right, .theme-fandomdesktop-dark .tournament-bracket .path-bottom, .theme-fandomdesktop-dark .tournament-bracket .path-left { border: 1px none black } .theme-fandomdesktop-dark div#mw-panel div.portal h3, #mw-panel.collapsible-nav .portal h3 a, #mw-panel.collapsible-nav .portal.collapsed h3 a { color: #c1e4f5 } .theme-fandomdesktop-dark div#mw-panel div.portal { background-image: url(https://static.wikia.nocookie.net/dota2_gamepedia/images/0/0f/Portal-break.png/revision/latest); background-position: left top; background-repeat: no-repeat; direction: ltr; margin: 0 0.6em 0 0.7em; padding: 0.25em 0 } .theme-fandomdesktop-dark table.match-calendar { background: #FEFBF6 } .theme-fandomdesktop-dark table.match-calendar>tr: nth-child(odd)>td,table.match-calendar>*>tr: nth-child(odd)>td { background: #FDE6E3 } .theme-fandomdesktop-dark div.skilllist-title { border: 1px solid #111; background-color: #60180e; color: #b9b9b9 !important } .theme-fandomdesktop-dark li.skilllist-lite { background-color: rgba(35, 35, 35, 0.49); border: 1px solid #111; color: #fff !important } .theme-fandomdesktop-dark li.skilllist-rich { border: 1px solid #111; background-color: rgba(35, 35, 35, 0.49) } .theme-fandomdesktop-dark div.skilllist-rich-head { border-bottom: 1px solid black; color: #fff !important } .theme-fandomdesktop-dark 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: #fff !important } .theme-fandomdesktop-dark div#content { background-color: rgba(35, 35, 35, 0); color: #b9b9b9 } .theme-fandomdesktop-dark div#content, .theme-fandomdesktop-dark h1, .theme-fandomdesktop-dark h2, .theme-fandomdesktop-dark h3, .theme-fandomdesktop-dark h4, .theme-fandomdesktop-dark h5, .theme-fandomdesktop-dark h6, .theme-fandomdesktop-dark pre, .theme-fandomdesktop-dark div#content table { color: #b9b9b9 } .theme-fandomdesktop-dark .page-content h1, .theme-fandomdesktop-dark .page-content h2, .theme-fandomdesktop-dark .page-content h3, .theme-fandomdesktop-dark .page-content h4, .theme-fandomdesktop-dark .page-content h5, .theme-fandomdesktop-dark .page-content h6 { font-family: "Radiance" !important; } .theme-fandomdesktop-dark h1, .theme-fandomdesktop-dark h2, .theme-fandomdesktop-dark h3, .theme-fandomdesktop-dark h4, .theme-fandomdesktop-dark h5, .theme-fandomdesktop-dark h6 { border-bottom-color: #b9b9b9 } .theme-fandomdesktop-dark table { color: #b9b9b9 } .theme-fandomdesktop-dark .infobox > div: first-of-type { background: #44170f } .theme-fandomdesktop-dark .infobox { background: #292929 } .theme-fandomdesktop-dark .mp-heading span, .theme-fandomdesktop-dark .mp-content span { color: #dbf3ff !important } .theme-fandomdesktop-dark .mp-content tr { background: inherit !important } .theme-fandomdesktop-dark .mp-content td { background: inherit !important } .theme-fandomdesktop-dark .componentsinvert { filter: invert(82.5%) } .theme-fandomdesktop-dark .patch-layout { border: 1px solid #555 } .theme-fandomdesktop-dark .patch-layout-last { background: #202d78 } .theme-fandomdesktop-dark .patch-layout-all { background: #313c7e } .theme-fandomdesktop-dark .patch-layout-background { background-color: rgba(41, 41, 41, 0.7); border: 1px solid #555 } .theme-fandomdesktop-dark .tentry-background { background-color: #272727 } .theme-fandomdesktop-dark .tentry-prizepool { background-color: #333 } .theme-fandomdesktop-dark .tentry-place { background-color: #454545 } .theme-fandomdesktop-dark .tentry-team { background-color: #393939 } .theme-fandomdesktop-dark .smw-editpage-help { display: none } .theme-fandomdesktop-dark .TablePager td, .theme-fandomdesktop-dark .mw-datatable td, .theme-fandomdesktop-dark table.mw_metadata td { background-color: #303445; border: 1px solid #111; color: #b9b9b9 } .theme-fandomdesktop-dark .TablePager th, .theme-fandomdesktop-dark .mw-datatable th, .theme-fandomdesktop-dark table.mw_metadata th { border: 1px solid #111 } .theme-fandomdesktop-dark .fpbox .heading, .theme-fandomdesktop-dark .fpbox .mainheading { border: 0; border-bottom: 1px solid #505050 } .theme-fandomdesktop-dark .fpbox { background: rgba(0, 0, 0, 0.05); border: 1px solid #505050; box-shadow: 0 2px 5px #505050 } .theme-fandomdesktop-dark .keys { background-image: linear-gradient(to bottom, #434343, #5d5d5d); background-color: rgb(249,249,249); border: 1px solid #656565; color: #eee }