MediaWiki:Mobile.css: Difference between revisions
m Fix .poem sizing |
mNo edit summary |
||
| (19 intermediate revisions by 2 users not shown) | |||
| Line 7: | Line 7: | ||
@import url('https://fonts.googleapis.com/css?family=Podkova:400,700&subset=latin-ext'); | @import url('https://fonts.googleapis.com/css?family=Podkova:400,700&subset=latin-ext'); | ||
@import url('https://fonts.googleapis.com/css?family=Inconsolata:400,700'); | @import url('https://fonts.googleapis.com/css?family=Inconsolata:400,700'); | ||
/* | |||
/**************/ | |||
/* Restyling */ | |||
/**************/ | |||
body { | |||
font-family: Podkova, "Courier New", Courier, monospace; | |||
} | |||
header, | |||
.header-container.header-chrome, | |||
footer, | |||
footer .last-modified-bar, | |||
#mw-mf-page-left { | |||
background-color: #242d3c; | |||
color: #ffffff; | |||
} | |||
.mw-editfont-monospace { | |||
font-family: monospace !important; | |||
} | |||
/* Links */ | |||
a:link, | |||
a:active, | |||
.header .branding-box h1, | |||
.header .branding-box a, | |||
#mw-mf-page-left ul.hlist li a, | |||
footer .hlist li::after, .mw-ui-anchor.mw-ui-progressive { | |||
text-decoration: none; | |||
color: #ff8319; | |||
} | |||
a:visited, | |||
.last-modified-bar a, | |||
.last-modified-bar a:visited { | |||
text-decoration: none; | |||
color: #e77a1c; | |||
} | |||
a:hover { | |||
text-decoration: underline; | |||
} | |||
/*********************************/ | /*********************************/ | ||
| Line 52: | Line 97: | ||
} | } | ||
} | } | ||
/*************/ | |||
/* Infoboxes */ | |||
/*************/ | |||
.infobox { | |||
background: #eee; | |||
border: 1px solid #aaa; | |||
float: left; | |||
margin: 0 0 1em 1em; | |||
padding: 0.5em 1em 1em 1em; | |||
max-width: 100%; | |||
} | |||
.infobox-title { | |||
font-size: 1.5em; | |||
font-weight: bold; | |||
text-align: center; | |||
margin-bottom: 0.25em; | |||
} | |||
.infobox-image { | |||
text-align: center; | |||
margin-bottom: 0.25em; | |||
} | |||
.infobox th { | |||
text-align: right; | |||
vertical-align: top; | |||
} | |||
.infobox td { | |||
vertical-align: top; | |||
padding-left: 10px; | |||
} | |||
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 68: | Line 170: | ||
.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; | |||
padding-bottom: 15px !important; | |||
} | |||
.featurebox:hover { | |||
box-shadow: 4px 4px 0px #ff8319 ! important; | |||
} | |||
.featurebox-link a { | |||
color: #fff !important; | |||
} | |||
.content noscript > img, | |||
.content a > img { | |||
height: unset !important; | |||
} | |||
.content a > img, | |||
.content a > .lazy-image-placeholder, | |||
.content noscript > img { | |||
max-width: unset !important; | |||
} | |||
/********************/ | |||
/* Template:Highway */ | |||
/********************/ | |||
.highway-box-top { | |||
background: #000 url("/~donald/zero/images/8/8f/0_notebook_top.png") no-repeat left top; | |||
border-top-right-radius: 10px; | |||
width: 350px; | |||
height: 9px; | |||
padding-left: 24px; | |||
margin-left: 10px; | |||
float: right; /* make sure to clear: both; after all of these */ | |||
} | |||
.highway-box-bottom { | |||
background: #000 url("/~donald/zero/images/f/ff/0_notebook_bottom.png") no-repeat left bottom; | |||
border-bottom-right-radius: 10px; | |||
width: 350px; | |||
height: 20px; | |||
padding-left: 24px; | |||
margin-left: 10px; | |||
margin-bottom: 14px; | |||
float: right; | |||
} | |||
.highway-box-main { | |||
background: #000 url("/~donald/zero/images/9/94/0_notebook_spine.png") repeat-y left top; | |||
color: #fff; | |||
border-radius: 0; | |||
width: 350px; | |||
padding-left: 24px; | |||
margin-left: 10px; | |||
float: right; | |||
} | |||
.highway-title { | |||
font-family: 'Inconsolata', monospace; | |||
text-align: center; | |||
text-transform: uppercase; | |||
font-size: 24pt; | |||
position: relative; | |||
z-index: 1; | |||
} | |||
.highway-image { | |||
text-align: center; | |||
margin-top: -30px; | |||
} | |||
.highway-line1 { | |||
border: none; | |||
border-bottom: 1px solid #fff; | |||
color: transparent; | |||
background-color: transparent; | |||
margin: 17px auto 12px; | |||
width: 75%; | |||
} | |||
.highway-line2 { | |||
border: none; | |||
border-bottom: 1px dashed #fff; | |||
color: transparent; | |||
background-color: transparent; | |||
margin: 16px auto 12px; | |||
width: 75%; | |||
} | |||
.highway-routeno { | |||
text-align: center; | |||
font-size: 14pt; | |||
text-transform: uppercase; | |||
margin-bottom: 8px; | |||
color: #fff; | |||
-webkit-transition: none; | |||
-moz-transition: none; | |||
-ms-transition: none; | |||
-o-transition: none; | |||
transition: none; | |||
} | |||
.highway-routebox { | |||
text-align: center; | |||
font-size: 12pt; | |||
width: 100%; | |||
white-space: nowrap; | |||
} | |||
.highway-neighbors { | |||
display: inline-block; | |||
vertical-align: middle; | |||
text-transform: uppercase; | |||
width: 75px; | |||
white-space: pre-line; | |||
line-height: 1.1em; | |||
color: #fff; | |||
-webkit-transition: none; | |||
-moz-transition: none; | |||
-ms-transition: none; | |||
-o-transition: none; | |||
transition: none; | |||
} | |||
.highway-arrow { | |||
display: inline-block; | |||
vertical-align: middle; | |||
margin: 0 15px; | |||
} | |||
.highway-truck { | |||
display: inline-block; | |||
vertical-align: middle; | |||
} | |||
.highway-routeno a:hover, | |||
.highway-neighbors a:hover { | |||
text-decoration: underline; | |||
color: #fff; | |||
} | |||
/*****************/ | |||
/* Template:Acts */ | |||
/*****************/ | |||
.white, | |||
.white a, | |||
.white a:link, | |||
.white a:hover, | |||
.white a:visited { | |||
color: #fff; | |||
} | |||
.white a.mw-selflink.selflink { | |||
text-transform: uppercase; | |||
} | |||
.white a:hover { | |||
text-decoration: underline overline; | |||
} | |||
.white a.mw-selflink.selflink:hover { | |||
text-decoration: none; | |||
} | |||
/**************/ | |||
/* Search bar */ | |||
/**************/ | |||
.mw-ui-icon-mf-close-base20:before { | |||
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3E close %3C/title%3E%3Cg fill=%22%23fff%22%3E %3Cpath d=%22M4.34 2.93l12.73 12.73-1.41 1.41L2.93 4.35z%22/%3E %3Cpath d=%22M17.07 4.34L4.34 17.07l-1.41-1.41L15.66 2.93z%22/%3E %3C/g%3E%3C/svg%3E"); | |||
} | |||
/***********/ | |||
/* Cleanup */ | |||
/***********/ | |||
/* Hide unused buttons */ | |||
.language-selector.disabled { | |||
display: none; | |||
} | } | ||