MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */

/* Miscellaneous formatting features */

.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; }

.whitelinks a { color: white !important; }

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; }

/* Maximum width override for mobile */

table { max-width: 100% !important; }

/* 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('http://archives.bulbagarden.net/media/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; }

/* 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 */ margin: 0 0; padding: 0 0.4em; }
 * 1) catlinks li {

padding-left: 0; }
 * 1) catlinks li:first-child {

/* 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%; 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; }