MediaWiki:Mobile.css
Merk: Etter publisering vil det kanskje være nødvendig å slette mellomlageret i nettleseren din for å se endringene.
- Firefox / Safari: Hold Shift mens du klikker på Oppdater, eller trykk enten Ctrl+F5 eller Ctrl+R (⌘+R på Mac)
- Google Chrome: Trykk Ctrl+Shift+R (⌘+Shift+R på Mac)
- Edge: Hold Ctrl mens du trykker på Oppdater eller trykk Ctrl+F5
/* CSS placed here will affect users of the mobile site */
/* Klasse som gjemmer innholdet. Brukes av bl.a. [[Mal:Sts]] */
.hide {
display: none;
}
/*
==Infoboks-elementer (ny)==
OBS: Avsnittet skal egentlig tilordnes Minerva-drakten for mobil visning
*/
table.infoboks {
float:right;
border:1px solid #aaa;
padding:3px;
margin:0.5em 0em 1em 1em;
background-color:#f9f9f9;
text-align: left;
font-size: 90%;
}
table.infoboks tr.overskrift th {
text-align:center;
font-weight:bold;
font-size:larger;
border:none;
}
table.infoboks tr.bilde td {
background-color:#fff;
text-align:center;
vertical-align:middle;
border:none;
}
table.infoboks th {
border-bottom:1px solid #ccc;
text-align:center;
padding-left:3px;
padding-right:3px;
padding-top:0.3em;
}
table.infoboks td {
background-color:#efefef;
border-bottom:1px solid #ccc;
margin:4px;
padding:3px;
}
table.infoboks tr.custom td {
background:none;
border:none;
}
table.infoboks tr.rad th {
text-align:left;
font-weight:bold;
border:none;
padding-left:3px;
padding-right:3px;
padding-top:0.2em;
padding-bottom:0.1em;
background-color:#f9f9f9;
}
table.infoboks tr.rad td {
text-align:left;
font-weight:normal;
border:none;
padding-left:3px;
padding-right:3px;
padding-top:0.2em;
padding-bottom:0.1em;
background-color:#f9f9f9;
}
table.infoboks tr.rad td.center {
text-align:center;
}
table.infoboks tr.rad td.headercenter {
text-align:center;
font-weight:bold;
border:none;
padding-left:0px;
padding-right:0px;
padding-top:0.2em;
padding-bottom:0.1em;
background-color:#f9f9f9;
}
table.infoboks tr.hode th {
padding-left:0px;
padding-right:0px;
padding-top:0.2em;
padding-bottom:0.1em;
}
table.infoboks tr.bilde td {
text-align:center;
font-weight:normal;
border:none;
padding-left:3px;
padding-right:3px;
padding-top:0;
padding-bottom:0;
background-color:#f9f9f9;
}
table.infoboks tr.overskrift td {
text-align:center;
font-weight:bold;
background-color:#eee;
border:none;
padding-left:0px;
padding-right:0px;
padding-top:0.2em;
padding-bottom:0.1em;
}
/* ekstra klasser for mulig differensiering */
.infoboks.geografi tr.overskrift th{
background-color:#f9f9f9;
}
.infoboks.biografi tr.overskrift th{
background-color:#f9f9f9;
}
.infoboks.transport tr.overskrift th{
background-color:#f9f9f9;
}
.infoboks.bygning tr.overskrift th{
background-color:#f9f9f9;
}
.infoboks.infrastruktur tr.overskrift th{
background-color:#f9f9f9;
}
.infoboks.bred tr.overskrift td {
font-size:larger;
}
.infoboks.ekstrabred tr.overskrift td {
font-size:larger;
}
/* ekstra klasser for kantlinjer */
.infoboks.bordered tr.rad th{
border-bottom:1px solid #ccc;
}
.infoboks.bordered tr.rad td {
border-bottom:1px solid #ccc;
}
/* Minerva slutt */
/* Infobokser (ny) */
.infoboks .over {
font-size:larger;
font-weight:bold;
}
table.infoboks {
float:right;
border:1px solid #aaa;
clear:right;
width:22em;
}
table.infoboks td, table.infoboks th {
vertical-align:top;
}
table.infoboks tr.overskrift th {
text-align:center;
font-weight:bold;
font-size:larger;
}
table.infoboks tr.bilde td {
text-align:center;
padding:0.5em;
}
table.infoboks th {
text-align:center;
padding-left:3px;
padding-right:3px;
}
table.infoboks td {
margin:4px;
padding-left:3px;
padding-right:3px;
}
table.infoboks tr.custom td {
background:none;
border:none;
}
table.infoboks td dl {
margin:0 0 0 .5em;
}
table.infoboks td dd {
margin:0;
}
table.infoboks tbody tr.rad td.left {
text-align:left !important;
width:inherit;
}
table.infoboks tbody tr.rad td.center {
text-align:center;
width:inherit;
}
table.infoboks tbody tr.rad td.headercenter {
text-align:center;
font-weight:bold;
width:inherit;
}
table.infoboks tbody tr.rad td.dotleft {
border-left: 1px dotted #aaa;
}
.infoboks .thumbcaption {
text-align:center !important;
/* 100% av 88% (tekststørrelsen i infobokser) gir omtrent samme størrelse som i vanlige bildetekster.
0.94 * 0.94 / 0.88 = 1.00 */
font-size: 100% !important;
}
.infoboks.fribredde { /* ekstra klasse for fri bredde paa infobokser */
width:auto;
}
.infoboks.fastbredde { /* ekstra klasse for fast bredde paa infobokser */
width:22em;
}
.infoboks.bred { /* ekstra klasse for bredere infobokser */
width:300px;
}
.infoboks.border-collapse {
border-collapse:collapse;
}
.infoboks tr.rad.border-top th, .infoboks tr.rad.border-top td {
border-top:1px solid #aaa;
}
.infoboks tr.rad.border-bottom th, .infoboks tr.rad.border-bottom td {
border-bottom:1px solid #aaa;
}
.infoboks.mindreskrift {
font-size:85%;
line-height:1.3em;
}
.infoboks tr.rad td.th { /* ekstra klasse for emulering av <th> */
font-weight:bold;
padding-left:3px;
padding-right:3px;
}
.infoboks.ekstrabred { /* ekstra klasse for enda bredere infobokser */
width:350px;
}
/* Veilister */
.VLveinummer .short { display: none; }
.VLveinummer .long { display: inline; }
li .VLveinummer .short,
td .VLveinummer .short { display: inline; }
li .VLveinummer .long,
td .VLveinummer .long { display: none; }
/* Veitabeller */
.VTland, .VTland a,
.VTregion, .VTregion a {
font-size: 100%;
text-align: center;
text-decoration: none !important;
}
.VTland, .VTland a { background-color: #08842C; color: white; }
.VTregion, .VTregion a { background-color: #d9f1e0; color: black; }
/* fikser bilder i tables som ikke vises på linje med resten av tabelet */
.lazy-image-placeholder.loaded img { display:flex;}
/* "Legg til i kalender"-instruksjonene (blant annet brukt i Wikipedia:Wikitreff)
fungerer dårlig i mobilvisning, og legger seg over all annen tekst på siden.
Må overstyre hvordan den benytter 'position: absolute;' */
.skin--responsive #mw-customcollapsible-kalender {
position: unset !important;
}