Forskjell mellom versjoner av «MediaWiki:Common.css»
Fra Barnevold.no
| Linje 1: | Linje 1: | ||
/* CSS plassert i denne fila vil gjelde for alle utseender. */ | /* CSS plassert i denne fila vil gjelde for alle utseender. */ | ||
| + | |||
| + | /* OLD CSS CODE - TO BE DELETED ONLY WHEN NO PAGES USE THE STYLES */ | ||
div.box_row {margin:0; padding:0; width:100%; overflow:hidden; border:0;} | div.box_row {margin:0; padding:0; width:100%; overflow:hidden; border:0;} | ||
| Linje 7: | Linje 9: | ||
span.span_header {font-weight: bold;} | span.span_header {font-weight: bold;} | ||
| + | |||
| + | |||
| + | /* NEW CSS CODE BELOW - DO NOT DELETE!*/ | ||
| + | |||
| + | .row_full, .row_multi { | ||
| + | display: flex; | ||
| + | justify-content:space-between; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .row_full { | ||
| + | flex-flow: column wrap; | ||
| + | } | ||
| + | .row_multi { | ||
| + | flex-flow: row wrap; | ||
| + | } | ||
| + | |||
| + | .box { | ||
| + | border: 1px solid #c7d0f8; | ||
| + | flex-grow: 1; | ||
| + | margin: 5px; | ||
| + | padding: 5px; | ||
| + | } | ||
| + | |||
| + | .header, .content { | ||
| + | padding: 5px; | ||
| + | } | ||
| + | |||
| + | .header { | ||
| + | background-color: #f2f5fd; | ||
| + | font-weight: bold; | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | |||
| + | .content {background-color: #f8f8ff;} | ||
Revisjonen fra 12. nov. 2017 kl. 22:43
/* CSS plassert i denne fila vil gjelde for alle utseender. */
/* OLD CSS CODE - TO BE DELETED ONLY WHEN NO PAGES USE THE STYLES */
div.box_row {margin:0; padding:0; width:100%; overflow:hidden; border:0;}
div.box_main {margin:0 10px 10px 0; padding:0; float:left; border:1px solid black; width:48%}
div.box_header {margin:0; padding:5px; border-bottom: 1px solid black; background-color:#d3d3d3}
div.box_content {margin:0; padding:5px}
span.span_header {font-weight: bold;}
/* NEW CSS CODE BELOW - DO NOT DELETE!*/
.row_full, .row_multi {
display: flex;
justify-content:space-between;
padding: 0;
}
.row_full {
flex-flow: column wrap;
}
.row_multi {
flex-flow: row wrap;
}
.box {
border: 1px solid #c7d0f8;
flex-grow: 1;
margin: 5px;
padding: 5px;
}
.header, .content {
padding: 5px;
}
.header {
background-color: #f2f5fd;
font-weight: bold;
margin-bottom: 5px;
}
.content {background-color: #f8f8ff;}
