Open main menu

Bulbanews β

Changes

MediaWiki:Mobile.css

7,426 bytes added, 00:38, 27 August 2014
Created page with "CSS placed here will affect users of the mobile site: <pre>: Miscellaneous formatting features: .sc { font-variant: small-caps } .l { text-align: left; } .c..."
/* CSS placed here will affect users of the mobile site */

/* <pre> */

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

.blueinfobox th.divider, .blueinfobox .header, .grayinfobox th.divider, .grayinfobox .header {
text-align: center;
}

.blueinfobox .header { background: #ccf; }
.grayinfobox .header { background: #d2d2d2; }
.blueinfobox th.divider { background: #eef; }
.grayinfobox th.divider { background: #f0f0f0; }

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

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

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

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

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

/* </pre> */