Tags: mobile edit mobile web edit |
Tags: mobile edit mobile web edit |
| Line 1: |
Line 1: |
| /* 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;
| |
| }
| |
|
| |
| /* 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 */
| |
| #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%;
| |
| 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;
| |
| }
| |
