MediaWiki:Mobile.css

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