Forskjell mellom versjoner av «MediaWiki:Common.css»

Fra Barnevold.no
Hopp til: navigasjon, søk
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;}