MediaWiki:Mobile.css: Difference between revisions
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary |
||
| Line 17: | Line 17: | ||
} | } | ||
header, .header-container.header-chrome, | header, | ||
footer, footer .last-modified-bar, | .header-container.header-chrome, | ||
footer, | |||
footer .last-modified-bar, | |||
#mw-mf-page-left { | #mw-mf-page-left { | ||
background-color: #242d3c; | background-color: #242d3c; | ||
| Line 24: | Line 26: | ||
} | } | ||
a:link, a:active, | /* Links */ | ||
.header .branding-box h1, .header .branding-box a, | |||
a:link, | |||
a:active, | |||
.header .branding-box h1, | |||
.header .branding-box a, | |||
#mw-mf-page-left ul.hlist li a, | #mw-mf-page-left ul.hlist li a, | ||
footer .hlist li::after, .mw-ui-anchor.mw-ui-progressive { | footer .hlist li::after, .mw-ui-anchor.mw-ui-progressive { | ||
| Line 32: | Line 38: | ||
} | } | ||
a:visited, .last-modified-bar a, .last-modified-bar a:visited { | a:visited, | ||
.last-modified-bar a, | |||
.last-modified-bar a:visited { | |||
text-decoration: none; | text-decoration: none; | ||
color: #e77a1c; | color: #e77a1c; | ||
| Line 84: | Line 92: | ||
background-image: url(/~donald/zero/images/e/e7/ZeroLink_Fog.png); | background-image: url(/~donald/zero/images/e/e7/ZeroLink_Fog.png); | ||
} | } | ||
} | |||
/*************/ | |||
/* Infoboxes */ | |||
/*************/ | |||
.infobox { | |||
background: #eee; | |||
border: 1px solid #aaa; | |||
float: right; | |||
margin: 0 0 1em 1em; | |||
padding: 1em; | |||
width: 300px; | |||
} | |||
.infobox-title { | |||
font-size: 1.5em; | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.infobox-image { | |||
text-align: center; | |||
} | |||
.infobox th { | |||
text-align: right; | |||
vertical-align: top; | |||
width: 120px; | |||
} | |||
.infobox td { | |||
vertical-align: top; | |||
padding-left: 4px; | |||
} | |||
table.ambox { | |||
border: 1px solid #a2a9b1; | |||
border-left: 10px solid #ff8319; | |||
background: #fbfbfb | |||
} | |||
table.ambox-content { | |||
border-left: 10px solid #f28500; | |||
} | |||
.mbox-small-left { | |||
margin: 4px 1em 4px 0; | |||
box-sizing: border-box; | |||
overflow: hidden; | |||
width: 238px; | |||
border-collapse: collapse; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | |||
.ambox th.mbox-text, | |||
.ambox td.mbox-text { | |||
padding: 0.25em 0.5em; | |||
width: 100%; | |||
border: none; | |||
} | } | ||
| Line 102: | Line 165: | ||
.inconsolata { | .inconsolata { | ||
font-family: 'Inconsolata', monospace; | font-family: 'Inconsolata', monospace; | ||
} | |||
/*****************/ | |||
/* TOC limit tag */ | |||
/*****************/ | |||
/* Allow limiting of which header levels are shown in a TOC; | |||
<div class="toclimit-3">, for instance, will limit to | |||
showing ==headings== and ===headings=== but no further | |||
(as long as there are no =headings= on the page, which | |||
there shouldn't be according to the MoS). | |||
*/ | |||
.toclimit-2 .toclevel-1 ul, | |||
.toclimit-3 .toclevel-2 ul, | |||
.toclimit-4 .toclevel-3 ul, | |||
.toclimit-5 .toclevel-4 ul, | |||
.toclimit-6 .toclevel-5 ul, | |||
.toclimit-7 .toclevel-6 ul { | |||
display: none; | |||
} | |||
/************************/ | |||
/* Template:Feature box */ | |||
/************************/ | |||
.featurebox { | |||
-webkit-transition: all 0.3s; | |||
-moz-transition: all 0.3s; | |||
-ms-transition: all 0.3s; | |||
-o-transition: all 0.3s; | |||
transition: all 0.3s; | |||
} | |||
.featurebox:hover { | |||
box-shadow: 4px 4px 0px #ff8319 ! important; | |||
} | |||
.featurebox-link a { | |||
color: #fff !important; | |||
} | } | ||