MediaWiki:Common.css — различия между версиями
Материал из ПокеВики
EvilCat (обсуждение | вклад) м |
Mootagen (обсуждение | вклад) |
||
Строка 2: | Строка 2: | ||
/* [[wikipedia:ru:MediaWiki:Common.css|Википедия:Оформление таблиц]] */ | /* [[wikipedia:ru:MediaWiki:Common.css|Википедия:Оформление таблиц]] */ | ||
− | + | .sc { font-variant: small-caps } | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | .l { text-align: left; } | |
− | + | .c { text-align: center; } | |
− | + | .r { text-align: right; } | |
− | + | ||
− | + | .bluetable .bg1, .blueinfobox .bg1, .lightbluebg { background: #f8f8ff; } | |
− | + | .graytable .bg1, .grayinfobox .bg1, .lightgraybg { background: #f8f8f8; } | |
− | + | .blueborder { border: 1px solid #88a; } | |
− | + | .grayborder { border: 1px solid #999; } | |
− | + | ||
− | + | .bluetable .bg2, .blueinfobox .bg2 { background: #eef; } | |
+ | .bluetable .bg3, .blueinfobox .bg3 { background: #ddf; } | ||
+ | .bluetable .bg4, .blueinfobox .bg4 { background: #ccf; } | ||
+ | |||
+ | .graytable .bg2, .grayinfobox .bg2 { background: #f0f0f0; } | ||
+ | .graytable .bg3, .grayinfobox .bg3 { background: #e1e1e1; } | ||
+ | .graytable .bg4, .grayinfobox .bg4 { background: #d2d2d2; } | ||
+ | |||
+ | .bluetable, .graytable, .blueinfobox, .grayinfobox { | ||
+ | border-collapse: collapse; | ||
} | } | ||
− | + | ||
− | + | .blueinfobox, .grayinfobox { | |
− | + | float: right; | |
− | + | clear: right; | |
+ | margin: 0 0 0.5em 0.5em; | ||
} | } | ||
− | + | .blueinfobox { background: #f8f8ff; } | |
− | . | + | .grayinfobox { background: #f8f8f8; } |
− | + | ||
− | + | .bluetable, .blueinfobox { border: 1px solid #88a; } | |
− | + | .graytable, .grayinfobox { border: 1px solid #999; } | |
− | + | ||
− | + | .bluetable td, .bluetable th, .blueinfobox td, .blueinfobox th { border: 1px solid #88a; } | |
− | + | .graytable td, .graytable th, .graytable td, .graytable th { border: 1px solid #999; } | |
− | + | ||
+ | .bluetable td, .bluetable th, .graytable td, .graytable th, | ||
+ | .blueinfobox td, .blueinfobox th, .graytable td, .graytable th { | ||
+ | padding: 2px; | ||
} | } | ||
− | . | + | |
− | . | + | .bluetable td, .bluetable th, .blueinfobox td, .blueinfobox th { border: 1px solid #88a; } |
− | + | .graytable td, .graytable th, .grayinfobox td, .grayinfobox th { border: 1px solid #999; } | |
+ | |||
+ | .bluetable th { background: #ccf; } | ||
+ | .graytable th { background: #d2d2d2; } | ||
+ | |||
+ | .bluetable th:first-child, .graytable th:first-child, .blueinfobox th, .grayinfobox th { | ||
+ | text-align: right; | ||
} | } | ||
− | . | + | |
− | + | .bluetable .divider, .blueinfobox .divider, .bluetable .header, .blueinfobox .header, | |
+ | .graytable .divider, .grayinfobox .divider, .graytable .header, .grayinfobox .header { | ||
+ | text-align: center !important; | ||
} | } | ||
− | . | + | |
− | + | .bluetable .header, .bluetable .divider, .blueinfobox .header { background: #ccf; } | |
+ | .graytable .header, .graytable .divider, .grayinfobox .header { background: #d2d2d2; } | ||
+ | .blueinfobox .divider { background: #eef; } | ||
+ | .grayinfobox .divider { background: #f0f0f0; } | ||
+ | |||
+ | .normalbg { background: rgb(183,173,150); color: white; } | ||
+ | .fightingbg { background: rgb(192,48,40); color: white; } | ||
+ | .flyingbg { background: rgb(168,144,240); color: white; } | ||
+ | .poisonbg { background: rgb(160,64,160); color: white; } | ||
+ | .groundbg { background: rgb(214,182,94); color: white; } | ||
+ | .rockbg { background: rgb(112,88,72); color: white; } | ||
+ | .bugbg { background: rgb(160,184,32); color: white; } | ||
+ | .ghostbg { background: rgb(112,88,152); color: white; } | ||
+ | .steelbg { background: rgb(184,184,208); color: white; } | ||
+ | .grassbg { background: rgb(120,200,80); color: white; } | ||
+ | .firebg { background: rgb(240,124,40); color: white; } | ||
+ | .waterbg { background: rgb(104,144,240); color: white; } | ||
+ | .electricbg { background: rgb(238,194,38); color: white; } | ||
+ | .psychicbg { background: rgb(248,88,136); color: white; } | ||
+ | .icebg { background: rgb(142,206,206); color: white; } | ||
+ | .dragonbg { background: rgb(112,56,248); color: white; } | ||
+ | .darkbg { background: rgb(94,80,76); color: white; } | ||
+ | |||
+ | /* Autorounded table */ | ||
+ | .roundtable { | ||
+ | border-collapse: separate; | ||
+ | border-radius: 10px; | ||
+ | padding-bottom: 4px; | ||
} | } | ||
− | . | + | |
− | + | .roundtable td { | |
− | + | background-color: white; | |
} | } | ||
− | + | ||
− | . | + | .roundtable tr:first-child th:first-child { |
− | + | border-top-left-radius: 5px; | |
} | } | ||
− | + | ||
− | . | + | .roundtable tr:first-child th:last-child { |
− | + | border-top-right-radius: 5px; | |
− | |||
} | } | ||
− | + | ||
− | . | + | /* Link color override */ |
− | + | .blacklinks a, .blacklinks a:link, .blacklinks a:visited, .blacklinks a:hover, .blacklinks a:active, .blacklinks a span { | |
− | + | color: black !important; | |
} | } | ||
− | . | + | |
− | . | + | .whitelinks a, .whitelinks a:link, .whitelinks a:visited, .whitelinks a:hover, .whitelinks a:active, .whitelinks a span { |
− | + | color: white !important; | |
} | } | ||
− | + | ||
− | /* | + | /* Pop-out Mini Sprites */ |
− | . | + | .overflow-ms { |
− | + | width: 48px; | |
− | + | height: 48px; | |
− | + | overflow: visible; | |
− | + | display: inline-flex; | |
− | + | align-items: center; | |
− | + | justify-content: center; | |
− | + | pointer-events: none; | |
− | |||
− | |||
− | |||
} | } | ||
− | + | ||
− | + | div.listcol | |
{ | { | ||
− | + | padding: 0.5em 1.0em 0.5em 0; | |
− | + | margin: 0.25em; | |
− | + | min-width: 21.5%; | |
+ | border: 1px solid #aaf; | ||
+ | float: left; | ||
+ | clear: right; | ||
+ | line-height: 130%; | ||
} | } | ||
− | + | div.listcolend | |
{ | { | ||
− | + | clear: both; | |
} | } | ||
− | + | /* Babelboxes and userboxes */ | |
+ | div.babelbox, div.userbox | ||
+ | { | ||
+ | border: 1px solid #999; | ||
+ | background: #f8f8f8; | ||
+ | float: right; | ||
+ | width: 25%; | ||
+ | padding: 0.25em 0.5em; | ||
+ | margin-left: 1em; | ||
+ | margin-bottom: 0.5em; | ||
+ | } | ||
− | + | table.babelitem, table.userboxitem | |
{ | { | ||
− | + | margin: 0.25em 0; | |
+ | width: 100%; | ||
} | } | ||
− | div | + | |
+ | body[class~=ns-3] div.babelbox, body[class~=ns-3] table.babelitem , body[class~=ns-3] div.userbox, body[class~=ns-3] table.userboxitem | ||
{ | { | ||
− | + | display: none; | |
} | } | ||
− | + | ||
+ | table.babelitem th, table.userboxitem th | ||
{ | { | ||
− | + | width: 45pt; | |
− | + | height: 45pt; | |
− | + | font-size: 14pt; | |
− | + | text-align: center; | |
+ | vertical-align: middle; | ||
} | } | ||
− | + | table.babelitem td, table.userboxitem td | |
{ | { | ||
− | + | font-size: 8pt; | |
+ | line-height: 1.25em; | ||
+ | padding: 4pt; | ||
+ | text-align: left; | ||
} | } | ||
− | + | /* Credits table, as seen on [[staff of the Pokémon anime]] and similar pages */ | |
+ | |||
+ | table.credits-table tr { vertical-align: top; } | ||
+ | table.credits-table th { text-align: right; } | ||
+ | table.credits-table td { text-align: left; } | ||
+ | |||
+ | table.credits-table ul | ||
{ | { | ||
− | + | padding-top: 0; | |
+ | margin-top: 0; | ||
} | } | ||
− | + | ||
+ | table.learnset | ||
{ | { | ||
− | + | background: #f8f8ff; | |
− | + | border: 1px solid #88a; | |
− | + | border-collapse: collapse; | |
− | + | background: white; | |
− | + | } | |
− | + | ||
− | + | table.learnset td, table.learnset th { border: 1px solid #88a; padding: 2px; } | |
+ | |||
+ | table.learnset td { text-align: center; } | ||
+ | table.learnset td:first-child { text-align: right; } | ||
+ | table.learnset tr.learnset-header th { text-align: center; background: #ccf; } | ||
+ | |||
+ | .noticebar { | ||
+ | background: #efe url('//cdn.bulbagarden.net/upload/6/6f/Notice_bar_background.png') no-repeat left center; | ||
+ | border: 1px solid #8a8; | ||
+ | margin-top: 0.2em; | ||
+ | padding: 0.2em; | ||
+ | text-align: center; | ||
} | } | ||
− | . | + | |
+ | .seriesbox { | ||
+ | background: #f8f8ff; | ||
+ | border: 1px solid #88a; | ||
+ | padding: 0.5em; | ||
+ | margin: 0 0 0.5em 0.5em; | ||
+ | float: right; | ||
+ | clear: right; | ||
+ | font-size: 90%; | ||
+ | } | ||
+ | |||
+ | .seriesbox .title { | ||
+ | background: #ccf; | ||
+ | padding: 0.1em; | ||
+ | text-align: center; | ||
+ | font-size: 111% | ||
+ | } | ||
+ | |||
+ | .seriesbox ul { | ||
+ | margin-left: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .seriesbox ul ul { | ||
+ | margin-left: 1.0em; | ||
+ | } | ||
+ | |||
+ | .seriesbox hr { | ||
+ | border: none; | ||
+ | border-bottom: 1px solid #88a; | ||
+ | } | ||
+ | |||
+ | /* Bulbagarden Archives copyright tags */ | ||
+ | |||
+ | table.copytag | ||
{ | { | ||
− | + | border: 1px solid #88a; | |
− | + | background: #f8f8ff; | |
− | + | margin: 0.25em 0; | |
− | + | padding: 0; | |
− | + | width: 100%; | |
+ | } | ||
+ | |||
+ | table.copytag-red { border: 1px solid #a88; background: #fdd; } | ||
+ | table.copytag-yellow { border: 1px solid #aa8; background: #fffff8; } | ||
+ | table.copytag td.copytag-text { padding: 0.5em; text-align: center; width: 99%; } | ||
+ | table.copytag td.copytag-sym { padding: 0; } | ||
+ | |||
+ | .allpagesredirect a, .redirect-in-category a { font-style: italic; color: #888; } | ||
+ | |||
+ | /* creates a div class that can be used to add mouse-over functionality. */ | ||
+ | /* hoverexpand will expand to fit the content vertically when hovered-over. Best used within tables or other divs. */ | ||
+ | .hoverexpand { | ||
+ | height: 18px; | ||
+ | padding: 2px; | ||
+ | overflow: hidden; | ||
+ | *overflow: visible; | ||
+ | _overflow: visible; | ||
+ | } | ||
+ | |||
+ | .hoverexpand:hover { | ||
+ | height: 100% !important; | ||
+ | overflow: visible; | ||
+ | } | ||
+ | |||
+ | /* cutting down on the usage of Template:Roundy with div and table classes for use in larger pages. */ | ||
+ | .roundy { | ||
+ | border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -khtml-border-radius: 10px; | ||
+ | -icab-border-radius: 10px; | ||
+ | -o-border-radius: 10px; | ||
+ | } | ||
+ | |||
+ | .roundytl { | ||
+ | border-top-left-radius: 10px; | ||
+ | -moz-border-radius-topleft: 10px; | ||
+ | -webkit-border-top-left-radius: 10px; | ||
+ | -khtml-border-top-left-radius: 10px; | ||
+ | -icab-border-top-left-radius: 10px; | ||
+ | -o-border-top-left-radius: 10px; | ||
+ | } | ||
+ | |||
+ | .roundytr { | ||
+ | border-top-right-radius: 10px; | ||
+ | -moz-border-radius-topright: 10px; | ||
+ | -webkit-border-top-right-radius: 10px; | ||
+ | -khtml-border-top-right-radius: 10px; | ||
+ | -icab-border-top-right-radius: 10px; | ||
+ | -o-border-top-right-radius: 10px; | ||
+ | } | ||
+ | |||
+ | .roundybl { | ||
+ | border-bottom-left-radius: 10px; | ||
+ | -moz-border-radius-bottomleft: 10px; | ||
+ | -webkit-border-bottom-left-radius: 10px; | ||
+ | -khtml-border-bottom-left-radius: 10px; | ||
+ | -icab-border-bottom-left-radius: 10px; | ||
+ | -o-border-bottom-left-radius: 10px; | ||
+ | } | ||
+ | |||
+ | .roundybr { | ||
+ | border-bottom-right-radius: 10px; | ||
+ | -moz-border-radius-bottomright: 10px; | ||
+ | -webkit-border-bottom-right-radius: 10px; | ||
+ | -khtml-border-bottom-right-radius: 10px; | ||
+ | -icab-border-bottom-right-radius: 10px; | ||
+ | -o-border-bottom-right-radius: 10px; | ||
+ | } | ||
+ | |||
+ | .roundybottom { | ||
+ | border-bottom-left-radius: 10px; | ||
+ | border-bottom-right-radius: 10px; | ||
+ | -moz-border-radius-bottomleft: 10px; | ||
+ | -moz-border-radius-bottomright: 10px; | ||
+ | -webkit-border-bottom-left-radius: 10px; | ||
+ | -webkit-border-bottom-right-radius: 10px; | ||
+ | -khtml-border-bottom-left-radius: 10px; | ||
+ | -khtml-border-bottom-right-radius: 10px; | ||
+ | -icab-border-bottom-left-radius: 10px; | ||
+ | -icab-border-bottom-right-radius: 10px; | ||
+ | -o-border-bottom-left-radius: 10px; | ||
+ | -o-border-bottom-right-radius: 10px; | ||
} | } | ||
− | . | + | |
− | { | + | .roundytop { |
− | + | border-top-left-radius: 10px; | |
− | + | border-top-right-radius: 10px; | |
+ | -moz-border-radius-topleft: 10px; | ||
+ | -moz-border-radius-topright: 10px; | ||
+ | -webkit-border-top-left-radius: 10px; | ||
+ | -webkit-border-top-right-radius: 10px; | ||
+ | -khtml-border-top-left-radius: 10px; | ||
+ | -khtml-border-top-right-radius: 10px; | ||
+ | -icab-border-top-left-radius: 10px; | ||
+ | -icab-border-top-right-radius: 10px; | ||
+ | -o-border-top-left-radius: 10px; | ||
+ | -o-border-top-right-radius: 10px; | ||
+ | } | ||
+ | |||
+ | .roundyleft { | ||
+ | border-top-left-radius: 10px; | ||
+ | border-bottom-left-radius: 10px; | ||
+ | -moz-border-radius-topleft: 10px; | ||
+ | -moz-border-radius-bottomleft: 10px; | ||
+ | -webkit-border-top-left-radius: 10px; | ||
+ | -webkit-border-bottom-left-radius: 10px; | ||
+ | -khtml-border-top-left-radius: 10px; | ||
+ | -khtml-border-bottom-left-radius: 10px; | ||
+ | -icab-border-top-left-radius: 10px; | ||
+ | -icab-border-bottom-left-radius: 10px; | ||
+ | -o-border-top-left-radius: 10px; | ||
+ | -o-border-bottom-left-radius: 10px; | ||
+ | } | ||
+ | |||
+ | .roundyright { | ||
+ | border-bottom-right-radius: 10px; | ||
+ | border-top-right-radius: 10px; | ||
+ | -moz-border-radius-bottomright: 10px; | ||
+ | -moz-border-radius-topright: 10px; | ||
+ | -webkit-border-bottom-right-radius: 10px; | ||
+ | -webkit-border-top-right-radius: 10px; | ||
+ | -khtml-border-bottom-right-radius: 10px; | ||
+ | -khtml-border-top-right-radius: 10px; | ||
+ | -icab-border-bottom-right-radius: 10px; | ||
+ | -icab-border-top-right-radius: 10px; | ||
+ | -o-border-bottom-right-radius: 10px; | ||
+ | -o-border-top-right-radius: 10px; | ||
+ | } | ||
+ | |||
+ | /* MAIN PAGE DESIGN CSS */ | ||
+ | body.page-Main_Page #t-cite, | ||
+ | body.page-Main_Page #footer-info-lastmod, | ||
+ | body.page-Main_Page #siteSub, | ||
+ | body.page-Main_Page #contentSub, | ||
+ | body.page-Main_Page h1.firstHeading { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | body.page-Main_Page #content { background-color: #E0F2B6; | ||
+ | } | ||
+ | |||
+ | /* EDITORS HUB DESIGN CSS */ | ||
+ | body.page-Bulbapedia_Editor_s_Hub #t-cite, | ||
+ | body.page-Bulbapedia_Editor_s_Hub #lastmod, | ||
+ | body.page-Bulbapedia_Editor_s_Hub #footer-info-lastmod, | ||
+ | body.page-Bulbapedia_Editor_s_Hub #siteSub, | ||
+ | body.page-Bulbapedia_Editor_s_Hub #contentSub, | ||
+ | body.page-Bulbapedia_Editor_s_Hub h1.firstHeading { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | body.page-Bulbapedia_Editor_s_Hub #content { background-color: #E0F2B6; | ||
} | } | ||
− | + | ||
− | + | /* Make the list of references smaller */ | |
− | + | ol.references, | |
− | + | div.reflist, | |
− | + | div.refbegin { | |
− | + | font-size: 90%; | |
− | |||
− | |||
} | } | ||
− | + | ||
− | { | + | /* Restore category box to pre-MediaWiki 1.18.0 margins */ |
− | + | #catlinks li { | |
− | + | margin: 0 0; | |
+ | padding: 0 0.4em; | ||
} | } | ||
− | # | + | |
− | { | + | #catlinks li:first-child { |
− | + | padding-left: 0; | |
− | |||
− | |||
− | |||
} | } | ||
− | . | + | |
− | + | /* Bulba-style gallery */ | |
− | + | li.gallerybox { | |
+ | border: 1px solid #80964B; | ||
+ | display: inline-block; | ||
+ | vertical-align: top; | ||
+ | background: #C4E673; | ||
+ | height: 205px; | ||
+ | border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -khtml-border-radius: 10px; | ||
+ | -icab-border-radius: 10px; | ||
+ | -o-border-radius: 10px; | ||
} | } | ||
− | + | ||
− | { | + | li.gallerybox div.thumb { |
− | + | background-color: #E0F2B6; | |
− | + | border: 1px solid #80964B; | |
− | + | margin: 2px 2px 0px 2px; | |
− | text-align: | + | text-align: center; |
− | + | border-radius: 10px; | |
− | + | -moz-border-radius: 10px; | |
+ | -webkit-border-radius: 10px; | ||
+ | -khtml-border-radius: 10px; | ||
+ | -icab-border-radius: 10px; | ||
+ | -o-border-radius: 10px; | ||
} | } | ||
− | + | ||
− | { | + | div.gallerytext { |
− | + | font-size: 85%; | |
− | + | line-height: 12px; | |
− | + | overflow: hidden; | |
− | + | padding: 0px 4px; | |
− | + | word-wrap: break-word; | |
− | + | height: 50px; | |
− | |||
} | } | ||
− | + | ||
− | + | .mw-plusminus-pos { | |
− | + | border-bottom: 1px dotted; | |
+ | cursor: help; | ||
} | } | ||
− | + | ||
− | + | .mw-plusminus-neg { | |
− | + | border-bottom: 1px dotted; | |
− | border- | + | cursor: help; |
− | |||
− | |||
} | } | ||
− | + | ||
− | + | .mw-plusminus-null { | |
− | + | border-bottom: 1px dotted; | |
− | border- | + | cursor: help; |
− | |||
} | } | ||
− | . | + | .ns-0 .editsectionnew, |
+ | .ns-4 .editsectionnew, | ||
+ | .ns-6 .editsectionnew, | ||
+ | .ns-8 .editsectionnew, | ||
+ | .ns-10 .editsectionnew, | ||
+ | .ns-12 .editsectionnew, | ||
+ | .ns-14 .editsectionnew, | ||
+ | .ns-102 .editsectionnew, | ||
+ | .ns-104 .editsectionnew, | ||
+ | .ns-6 .editsection, | ||
+ | .ns-8 .editsection, | ||
+ | .ns-12 .editsection, | ||
+ | .ns-14 .editsection, | ||
+ | .ns-102 .editsection | ||
{ | { | ||
− | + | display: none !important; | |
} | } |
Версия 01:33, 27 февраля 2020
/** Размещённый здесь CSS будет применяться ко всем темам оформления */ /* [[wikipedia:ru:MediaWiki:Common.css|Википедия:Оформление таблиц]] */ .sc { font-variant: small-caps } .l { text-align: left; } .c { text-align: center; } .r { text-align: right; } .bluetable .bg1, .blueinfobox .bg1, .lightbluebg { background: #f8f8ff; } .graytable .bg1, .grayinfobox .bg1, .lightgraybg { background: #f8f8f8; } .blueborder { border: 1px solid #88a; } .grayborder { border: 1px solid #999; } .bluetable .bg2, .blueinfobox .bg2 { background: #eef; } .bluetable .bg3, .blueinfobox .bg3 { background: #ddf; } .bluetable .bg4, .blueinfobox .bg4 { background: #ccf; } .graytable .bg2, .grayinfobox .bg2 { background: #f0f0f0; } .graytable .bg3, .grayinfobox .bg3 { background: #e1e1e1; } .graytable .bg4, .grayinfobox .bg4 { background: #d2d2d2; } .bluetable, .graytable, .blueinfobox, .grayinfobox { border-collapse: collapse; } .blueinfobox, .grayinfobox { float: right; clear: right; margin: 0 0 0.5em 0.5em; } .blueinfobox { background: #f8f8ff; } .grayinfobox { background: #f8f8f8; } .bluetable, .blueinfobox { border: 1px solid #88a; } .graytable, .grayinfobox { border: 1px solid #999; } .bluetable td, .bluetable th, .blueinfobox td, .blueinfobox th { border: 1px solid #88a; } .graytable td, .graytable th, .graytable td, .graytable th { border: 1px solid #999; } .bluetable td, .bluetable th, .graytable td, .graytable th, .blueinfobox td, .blueinfobox th, .graytable td, .graytable th { padding: 2px; } .bluetable td, .bluetable th, .blueinfobox td, .blueinfobox th { border: 1px solid #88a; } .graytable td, .graytable th, .grayinfobox td, .grayinfobox th { border: 1px solid #999; } .bluetable th { background: #ccf; } .graytable th { background: #d2d2d2; } .bluetable th:first-child, .graytable th:first-child, .blueinfobox th, .grayinfobox th { text-align: right; } .bluetable .divider, .blueinfobox .divider, .bluetable .header, .blueinfobox .header, .graytable .divider, .grayinfobox .divider, .graytable .header, .grayinfobox .header { text-align: center !important; } .bluetable .header, .bluetable .divider, .blueinfobox .header { background: #ccf; } .graytable .header, .graytable .divider, .grayinfobox .header { background: #d2d2d2; } .blueinfobox .divider { background: #eef; } .grayinfobox .divider { background: #f0f0f0; } .normalbg { background: rgb(183,173,150); color: white; } .fightingbg { background: rgb(192,48,40); color: white; } .flyingbg { background: rgb(168,144,240); color: white; } .poisonbg { background: rgb(160,64,160); color: white; } .groundbg { background: rgb(214,182,94); color: white; } .rockbg { background: rgb(112,88,72); color: white; } .bugbg { background: rgb(160,184,32); color: white; } .ghostbg { background: rgb(112,88,152); color: white; } .steelbg { background: rgb(184,184,208); color: white; } .grassbg { background: rgb(120,200,80); color: white; } .firebg { background: rgb(240,124,40); color: white; } .waterbg { background: rgb(104,144,240); color: white; } .electricbg { background: rgb(238,194,38); color: white; } .psychicbg { background: rgb(248,88,136); color: white; } .icebg { background: rgb(142,206,206); color: white; } .dragonbg { background: rgb(112,56,248); color: white; } .darkbg { background: rgb(94,80,76); color: white; } /* Autorounded table */ .roundtable { border-collapse: separate; border-radius: 10px; padding-bottom: 4px; } .roundtable td { background-color: white; } .roundtable tr:first-child th:first-child { border-top-left-radius: 5px; } .roundtable tr:first-child th:last-child { border-top-right-radius: 5px; } /* Link color override */ .blacklinks a, .blacklinks a:link, .blacklinks a:visited, .blacklinks a:hover, .blacklinks a:active, .blacklinks a span { color: black !important; } .whitelinks a, .whitelinks a:link, .whitelinks a:visited, .whitelinks a:hover, .whitelinks a:active, .whitelinks a span { color: white !important; } /* Pop-out Mini Sprites */ .overflow-ms { width: 48px; height: 48px; overflow: visible; display: inline-flex; align-items: center; justify-content: center; pointer-events: none; } div.listcol { padding: 0.5em 1.0em 0.5em 0; margin: 0.25em; min-width: 21.5%; border: 1px solid #aaf; float: left; clear: right; line-height: 130%; } div.listcolend { clear: both; } /* Babelboxes and userboxes */ div.babelbox, div.userbox { border: 1px solid #999; background: #f8f8f8; float: right; width: 25%; padding: 0.25em 0.5em; margin-left: 1em; margin-bottom: 0.5em; } table.babelitem, table.userboxitem { margin: 0.25em 0; width: 100%; } body[class~=ns-3] div.babelbox, body[class~=ns-3] table.babelitem , body[class~=ns-3] div.userbox, body[class~=ns-3] table.userboxitem { display: none; } table.babelitem th, table.userboxitem th { width: 45pt; height: 45pt; font-size: 14pt; text-align: center; vertical-align: middle; } table.babelitem td, table.userboxitem td { font-size: 8pt; line-height: 1.25em; padding: 4pt; text-align: left; } /* Credits table, as seen on [[staff of the Pokémon anime]] and similar pages */ table.credits-table tr { vertical-align: top; } table.credits-table th { text-align: right; } table.credits-table td { text-align: left; } table.credits-table ul { padding-top: 0; margin-top: 0; } table.learnset { background: #f8f8ff; border: 1px solid #88a; border-collapse: collapse; background: white; } table.learnset td, table.learnset th { border: 1px solid #88a; padding: 2px; } table.learnset td { text-align: center; } table.learnset td:first-child { text-align: right; } table.learnset tr.learnset-header th { text-align: center; background: #ccf; } .noticebar { background: #efe url('//cdn.bulbagarden.net/upload/6/6f/Notice_bar_background.png') no-repeat left center; border: 1px solid #8a8; margin-top: 0.2em; padding: 0.2em; text-align: center; } .seriesbox { background: #f8f8ff; border: 1px solid #88a; padding: 0.5em; margin: 0 0 0.5em 0.5em; float: right; clear: right; font-size: 90%; } .seriesbox .title { background: #ccf; padding: 0.1em; text-align: center; font-size: 111% } .seriesbox ul { margin-left: 0; list-style: none; } .seriesbox ul ul { margin-left: 1.0em; } .seriesbox hr { border: none; border-bottom: 1px solid #88a; } /* Bulbagarden Archives copyright tags */ table.copytag { border: 1px solid #88a; background: #f8f8ff; margin: 0.25em 0; padding: 0; width: 100%; } table.copytag-red { border: 1px solid #a88; background: #fdd; } table.copytag-yellow { border: 1px solid #aa8; background: #fffff8; } table.copytag td.copytag-text { padding: 0.5em; text-align: center; width: 99%; } table.copytag td.copytag-sym { padding: 0; } .allpagesredirect a, .redirect-in-category a { font-style: italic; color: #888; } /* creates a div class that can be used to add mouse-over functionality. */ /* hoverexpand will expand to fit the content vertically when hovered-over. Best used within tables or other divs. */ .hoverexpand { height: 18px; padding: 2px; overflow: hidden; *overflow: visible; _overflow: visible; } .hoverexpand:hover { height: 100% !important; overflow: visible; } /* cutting down on the usage of Template:Roundy with div and table classes for use in larger pages. */ .roundy { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; } .roundytl { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; } .roundytr { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; } .roundybl { border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; } .roundybr { border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; } .roundybottom { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-left-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-left-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-left-radius: 10px; -o-border-bottom-right-radius: 10px; } .roundytop { border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-left-radius: 10px; -o-border-top-right-radius: 10px; } .roundyleft { border-top-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-top-left-radius: 10px; -o-border-bottom-left-radius: 10px; } .roundyright { border-bottom-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-bottom-right-radius: 10px; -o-border-top-right-radius: 10px; } /* MAIN PAGE DESIGN CSS */ body.page-Main_Page #t-cite, body.page-Main_Page #footer-info-lastmod, body.page-Main_Page #siteSub, body.page-Main_Page #contentSub, body.page-Main_Page h1.firstHeading { display: none !important; } body.page-Main_Page #content { background-color: #E0F2B6; } /* EDITORS HUB DESIGN CSS */ body.page-Bulbapedia_Editor_s_Hub #t-cite, body.page-Bulbapedia_Editor_s_Hub #lastmod, body.page-Bulbapedia_Editor_s_Hub #footer-info-lastmod, body.page-Bulbapedia_Editor_s_Hub #siteSub, body.page-Bulbapedia_Editor_s_Hub #contentSub, body.page-Bulbapedia_Editor_s_Hub h1.firstHeading { display: none !important; } body.page-Bulbapedia_Editor_s_Hub #content { background-color: #E0F2B6; } /* Make the list of references smaller */ ol.references, div.reflist, div.refbegin { font-size: 90%; } /* Restore category box to pre-MediaWiki 1.18.0 margins */ #catlinks li { margin: 0 0; padding: 0 0.4em; } #catlinks li:first-child { padding-left: 0; } /* Bulba-style gallery */ li.gallerybox { border: 1px solid #80964B; display: inline-block; vertical-align: top; background: #C4E673; height: 205px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; } li.gallerybox div.thumb { background-color: #E0F2B6; border: 1px solid #80964B; margin: 2px 2px 0px 2px; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; } div.gallerytext { font-size: 85%; line-height: 12px; overflow: hidden; padding: 0px 4px; word-wrap: break-word; height: 50px; } .mw-plusminus-pos { border-bottom: 1px dotted; cursor: help; } .mw-plusminus-neg { border-bottom: 1px dotted; cursor: help; } .mw-plusminus-null { border-bottom: 1px dotted; cursor: help; } .ns-0 .editsectionnew, .ns-4 .editsectionnew, .ns-6 .editsectionnew, .ns-8 .editsectionnew, .ns-10 .editsectionnew, .ns-12 .editsectionnew, .ns-14 .editsectionnew, .ns-102 .editsectionnew, .ns-104 .editsectionnew, .ns-6 .editsection, .ns-8 .editsection, .ns-12 .editsection, .ns-14 .editsection, .ns-102 .editsection { display: none !important; }