MediaWiki:Vector.css: verschil tussen versies

Versie van 27 nov 2016 om 10:06

/* CSS die hier wordt geplaatst heeft alleen invloed op de skin Vector */

/* Onderdelen specifiek voor de skin Chameleon verbergen */
.chameleon {
  display: none;
}

/* Bepaalt de opmaak van infoboxen */
.infobox, 
.infobox2 { 
  float: right; 
  clear: right;
  width: 270px;
  padding: 0; 
  margin: 0 0 1.185em 1.185em;
  font-size: 85%; 
  border: 1px solid #aaa;
  background-color: #f9f9f9;
}
.infobox .panel-heading, 
.infobox2 .panel-heading {
  margin: 2px;
  background-color: #C0E5FF;
}
.infobox .h3, 
.infobox2 .h3 {
  font-size: larger;
  margin: 0;
  padding: 0;
}
.infobox .panel-subtitle, 
.infobox2 .panel-subtitle {
  font-size: 100%;
  font-style: italic;
}
.infobox th {
  text-align: left;
}
.infobox .heading, 
.infobox2 .heading {
  background-color: #D9F0FF;
  text-align: center;
}
.text-center {
  text-align: center;
}
.infobox .table, 
.infobox2 .table {
  width: 100%;
}
.infobox2 th {
  text-align: left;
}

.infobox { 
  float: right; 
  clear: right; 
  width: 270px; 
  padding: 0px; 
  margin: 0 0 1.185em 1.185em; 
  font-size: 85%; 
}
.infobox-title {
  text-align: center;
  font-size: larger;
  background-color: #C0E5FF;
  font-weight: bold;
}
.infobox-subtitle {
  font-size: smaller;
  font-weight: normal;
  font-style: italic;
}
.infobox-heading {
  text-align: center;
  background-color: #D9F0FF;
  font-weight: bold;
}
.infobox-center {
  text-align: center;
}
.infobox-image img {
  width: 266px;
  height: auto;
}
.perikoop-button a:hover {
  background-color: rgb(218, 218, 218);
}
.perikoop-button a:active {
  background-color: rgb(188, 188, 188);
}

/* Bepaalt de opmaak van te toekomstige hoofdpagina, nu [[Gebruiker:Ecthelion3/Test/Hoofdpagina]] 
.hoofdpagina > tbody > tr > td { width: 33%; }
.hoofdpagina, .hoofdpagina .kop { width: 100%; }
.hoofdpagina .welkom .kop { height: 3.5em; }
.hoofdpagina .kop .tekst { vertical-align: middle; font-size: 1.8em; font-family: Georgia, Times, serif; }
.hoofdpagina .welkom, .hoofdpagina .leesrooster, .hoofdpagina .liederen, 
.hoofdpagina .liedbundels { width: 100%; border:1px solid #aaaaaa; margin: 0; }
.hoofdpagina .welkom { background: #F9F9F9; }
.hoofdpagina .welkom .kop { background: #CCCCCC; }
.hoofdpagina .leesrooster { background: #F3F8F6; }
.hoofdpagina .leesrooster .kop { background: #C0DACD; }
.hoofdpagina .leesrooster h3 { font-size: larger; }
.hoofdpagina .liederen { background: #F3FAFF; }
.hoofdpagina .liederen .kop { background: #C0E5FF; }
.hoofdpagina .liedbundels { background: #FFFEF8; }
.hoofdpagina .liedbundels .kop { background: #FFF3C0; }
.hoofdpagina .icoon { padding:.25em; margin: 0; text-align:center; }
.hoofdpagina .tekst { padding:.25em .5em; margin: 0; width: 100%; } */

.hoofdpagina {
  margin-bottom: 1em; 
  border: 1px solid #aaaaaa; 
}
.hoofdpagina table {
  width: 100%; 
}
.hoofdpagina-links, 
.hoofdpagina-midden { 
  margin-right: .5em; 
}
.hoofdpagina-midden, 
.hoofdpagina-rechts { 
  margin-left: .5em; 
}
.hoofdpagina .kop {
  height: 45px;
}
.hoofdpagina .kop {
  width: 100%; 
}
.hoofdpagina .kop td {
  font-size: 1.8em; 
  font-family: Georgia, Times, serif; 
  vertical-align: middle;
}
.hoofdpagina h3 { 
  font-size: larger; 
}
.hoofdpagina .icoon { 
  padding: .5em .25em 0; 
  text-align: center; 
}
.hoofdpagina .kop .icoon { 
  padding: 0 .25em; 
}
.hoofdpagina .tekst { 
  padding: .25em .5em; 
  margin: 0; 
  width: 100%; 
}
#hoofdpagina-adventskalender #kalender td {
  vertical-align: middle;
  height: 2em;
  text-align: center;
  border: 1px solid #aaaaaa; 
}

/* ADVENTSKALENDER */
.hoofdpagina { 
  width: 320px;
  padding: 0; 
  border: 1px solid #aaa;
  background-color: #f9f9f9;
}
.hoofdpagina .panel-heading {
  margin: 2px;
  background-color: #C0E5FF;
}
.hoofdpagina .h3 {
  font-size: larger;
  margin: 0;
  padding: 0;
}
.hoofdpagina .heading {
  background-color: #D9F0FF;
  text-align: center;
}
.hoofdpagina .table {
  width: 100%;
}
.infobox-title {
  text-align: center;
  font-size: larger;
  background-color: #C0E5FF;
  font-weight: bold;
}
.infobox-subtitle {
  font-size: smaller;
  font-weight: normal;
  font-style: italic;
}
.infobox-heading {
  text-align: center;
  background-color: #D9F0FF;
  font-weight: bold;
}
.infobox-center {
  text-align: center;
}
.infobox-image img {
  width: 266px;
  height: auto;
}
.perikoop-button a:hover {
  background-color: rgb(218, 218, 218);
}
.perikoop-button a:active {
  background-color: rgb(188, 188, 188);
}