MediaWiki:Common.css: Forskjell mellom sideversjoner
Utseende
mIngen redigeringsforklaring |
mIngen redigeringsforklaring |
||
| Linje 21: | Linje 21: | ||
background-color: #8dc63f; | background-color: #8dc63f; | ||
font-weight: bold; | font-weight: bold; | ||
min-height: | min-height: 3em; | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
Sideversjonen fra 3. aug. 2018 kl. 03:36
/* CSS plassert i denne filen vil gjelde for alle utseender. */
/* Only for mobile devices */
.onlymobile {
display:none;
}
/* Forside
Skjuler visse elementer fra headeren på hovedsiden */
body.page-Forside #siteSub,
body.page-Forside h1.firstHeading {
display: none !important;
}
/* Forside Infobokser */
.mainpage_boxtitle1 {
font-size: 110%;
color: #fff;
padding: 0.4em;
background-color: #8dc63f;
font-weight: bold;
min-height: 3em;
vertical-align: middle;
}
.mainpage_boxtitle2 {
font-size: 110%;
color: #fff;
padding: 0.4em;
background-color: #7cc3d9;
font-weight: bold;
min-height: 2em;
vertical-align: middle;
}
.mainpage_boxtitle3 {
font-size: 110%;
color: #fff;
padding: 0.4em;
background-color: #f26522;
font-weight: bold;
min-height: 2em;
vertical-align: middle;
}
.mainpage_hubbox {
width: 33%;
}
.mainpage_hubbox {
padding: 0;
border: 1px solid #aaaaaa;
}
.mainpage_row2 {
/*display: -webkit-box;*/
/*display: -moz-box;*/
/*display: -ms-flexbox;*/
/*display: -webkit-flex;*/
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin: 1em 0;
}
@media screen and (min-width: 45em) {
.mainpage_row2 .mainpage_hubbox {
box-sizing: border-box;
float: left;
width: 32%;
}
}
@media screen and (max-width: 45em) {
.mainpage_row2 .mainpage_hubbox {
box-sizing: border-box;
flex: 1 0 100%;
width: 100%;
margin: 0.5em 0
}
}
@media screen and (min-width: 45em) {
.mainpage_hubbox {
box-sizing: border-box;
float: left;
}
}
@media screen and (max-width: 45em) {
.mainpage_hubbox {
box-sizing: border-box;
flex: 1 0 100%;
width: 100%;
margin: 0.5em 0;
}
}
/* Statistikk-tabeller, flytende */
div.statistikk {
float: left;
margin: auto;
padding: 10px;
display: inline-flex;
}