*/
.personbox, .personbox-sm /* voor leiding, bestuur */ {
padding: 8px 4px 4px 4px;
margin: 4px 4px 12px 4px;
/*float: left;*/
text-align: center;
/*min-height:340px;*/
width: 150px;
display: inline-block;
vertical-align: top;
}
.personbox-sm
{
min-height:140px;
}
.personbox-sm img, .personbox img {
width: 150px;
height: 150px;
margin-left: auto;
margin-right: auto !important;
display: block;
}
/* Abbreviation use:
WHO */
abbr, acronym {
cursor: help;
border-bottom: 1px dotted black;
}
.nowrap {
white-space: nowrap;
}
/* jqueryvalidation.org */
.error {
color: #A94442; /* bootstrap red */
}
/* Put this class on the container DIV
e.g. class="square thumbnail" */
/*
.square {
max-width: 150px;
height: 150px;
overflow: hidden;
position: relative;
}
.square img {
position: absolute;
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
margin: auto;
}
*/
.square, .img-square
{
width: 150px;
height: 150px;
object-fit: cover; /*contain;*/
}
/* end Square */
/* Scrolling Newsticker effect -- Based on https://codepen.io/Yankulov/pen/gAiFJ
I am scrolling!I am scrolling!I am scrolling!
More text
or fancy
*/
div.scrolling-limit
{
overflow:hidden;
white-space:nowrap;
}
.scrolling
{
position: relative;
-webkit-animation: scroll 30s infinite linear;;
-moz-animation: scroll 30s infinite linear;
-o-animation: scroll 30s infinite linear;
animation: scroll 30s infinite linear;
}
/* add new default color BG, in analogy to bg-primary and bg-success */
.bg-default
{
background-color: #EEE;
}
.red
{
color: darkred;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
margin: auto;
}
/*
* https://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height
*/
.row-eq-height
{
/*overflow: hidden; */
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.row-eq-height > [class*="col-"]
{
flex-direction: column;
display: inline;
vertical-align: top;
}
.vertical-center {
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
@keyframes scroll{
0% {left: 500px;}
100% {left: -950px;}
}
@-webkit-keyframes scroll{
0% {left: 500px;}
100% {left: -950px;}
}
/* End scrolling */
.col-center, .col-centered
{
float: none; margin: 0 auto;
}
@media print
{
@page {
size: A4; /* Zorg ervoor dat de paginaformaat A4 is */
margin: 10mm; /* Stel de minimale marges in (bijvoorbeeld 10mm) */
}
body { margin: 0; padding: 0; } /* vermijd lege pagina's */
.noprint { display: none; } /* Hides parts from the print-out (e.g. Print button) */
.pagebreak { page-break-before: always; } /* Ensures a page break when printing */
.container, .container-fluid { padding: 0 !important; } /* removes spacing on top */
.empty-element { display: none; } /* vermijd lege pagina's */
}