Sjabloon:Hoofdpagina/eigen.css

/* Dit sjabloon is onderdeel van de tests voor 
de vernieuwing van de Hoofdpagina */

/* Uitgangspunt: klein scherm mobiel */
.smallscreen {
   display: block !important;
}
.mediumscreen, 
.mediumscreen-left, 
.mediumscreen-right {
   display: none !important;
}
/* Breakpoint dat overeenkomt met 720px (WM-GUI) */
@media only screen and ( min-width: 45em ) {
    .main {
      width: 50%;
      float: left;
    }
    .smallscreen {
       display: none !important;
    }
    .mediumscreen {
       display: block !important;
    }
    .mediumscreen-left {
       display: block !important;
       width: 50%;
       float:left;
    } 
    .mediumscreen-right {
       display: block !important;
       width: 49%;
       float:right;
    }
}
.font-small {
   font-size: 84%;
}
/* iets meer ruimte boven kopjes */
.main h3,
.smallscreen h3,
.mediumscreen h3,
.mediumscreen-left h3,
.mediumscreen-right h3 {
   margin-top: 0.5em;
}
/* Woord van de dag */
.kalenderblad {
   font-family:serif; 
   text-align:center; 
   float:right;
}
.dagnummer {
   font-size: 200%; 
   font-weight: bold;
}
.dagwoordblok {
   float: left;
}
.dagwoordlink {
   font-size: 120%;
   font-weight: bold;
   margin-top: 0.5em;
   margin-bottom: 1em;
}
.dagwoordsoort {
   font-weight: normal;
}
.slotregel {
   clear:both;   
   font-size: 84%;
}