/* Style Sheet in de Engelse sectie */ /* {box-sizing:border-box} */ /* body {font-family: arial,sans-serif; background-color: #fafafa; color: #585858; } Gebruikte kleuren */ /* Basis en Extern luisteren is grijs */ .basis { font-family: arial; background-color: #fafafa; color: #585858; } /* Hyperlink in TabelRegel kleuren */ .basis .regel a:link, .basis .regel a:visited, .basis .regel a:hover, .basis .regel a:active { background-color: #fafafa; color: #585858; text-decoration: none; /* font-weight: bold; */ } /* Dossier is bruin */ .dossier { font-family: arial; background-color: #fff9d0; /* color: #8b5a2b; tijdelijk is de tekstkleur grijs=bbbbbb */ color: #bbbbbb; } /* Hyperlink in TabelRegel kleuren */ .dossier .regel a:link, .dossier .regel a:visited, .dossier .regel a:hover, .dossier .regel a:active { background-color: #fff9d0; color: #8b5a2b; text-decoration: none; /* font-weight: bold; */ } /* Dossier2 is weer bruin */ .dossier2 { font-family: arial; background-color: #fffbe1; color: #8b5a2b; /* Bij revisie 2019 is grijs verdwenen color: #bbbbbb; */ } /* Hyperlink in TabelRegel kleuren */ .dossier2 .regel a:link, .dossier2 .regel a:visited, .dossier2 .regel a:hover, .dossier2 .regel a:active { background-color: #fffbe1; color: #8b5a2b; text-decoration: none; /* font-weight: bold; */ } /* Ten laste gekomen is blauw */ .last { font-family: arial; background-color: #f0fcf9; color: #0431b4; } /* Hyperlink in TabelRegel kleuren */ .last .regel a:link, .last .regel a:visited, .last .regel a:hover, .last .regel a:active { background-color: #f0fcf9; color: #0431b4; text-decoration: none; /* font-weight: bold; */ } /* Hyperlink in TabelRegel3 kleuren */ .last .regel3 a:link, .last .regel3 a:visited, .last .regel3 a:hover, .last .regel3 a:active { background-color: #f0fcf9; color: #0431b4; text-decoration: none; /* font-weight: bold; */ } /* Hyperlink in TabelRegel4 kleuren */ .last .regel4 a:link, .last .regel4 a:visited, .last .regel4 a:hover, .last .regel4 a:active { background-color: #f0fcf9; color: #0431b4; text-decoration: none; /* font-weight: bold; */ } /* Uitgelicht is groen */ .belicht { font-family: arial; background-color: #ebf3d9; color: #04b404; } /* Hyperlink in TabelRegel kleuren */ .belicht .regel a:link, .belicht .regel a:visited, .belicht .regel a:hover, .belicht .regel a:active { background-color: #f0fed2; color: #04b404; text-decoration: none; /* font-weight: bold; */ } /* Dictatuur is beige-oranje */ .dictatuur { font-family: arial; background-color: #fffbe1; color: #ff6633; } /* Hyperlink in TabelRegel kleuren */ .dictatuur .regel a:link, .dictatuur .regel a:visited, .dictatuur .regel a:hover, .dictatuur .regel a:active { background-color: #fffbe1; color: #ff6633; text-decoration: none; /* font-weight: bold; */ } /* Alarm is rood */ .alarm { font-family: arial; background-color: #fbf2ef; color: #df3a01; } /* romp is geheel gestyleerd */ .romp { border: 0px; cellspacing: 0px; cellpadding: 0px; valign: "top"; halign: "left"; } /* Index is tabel */ .index { border: 0px; valign= "top"; halign= "center"; font-family: arial; font-size: 16px; } /* TabelRegel over 2 regels is links aligned */ .regel { height: 42px; width: "22%"; vertical-align: top; text-align:left; } /* TabelRegel over 3 regels is links aligned */ .regel3 { height: 63px; width: "22%"; vertical-align: top; text-align:left; } /* TabelRegel over 4 regels is links aligned */ .regel4 { height: 84px; width: "22%"; vertical-align: top; text-align:left; } /* () () () () () () () () () () () () () () () () () () () () () () () () () () () */ .mySlides {display:none} /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } /* Caption text */ .text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .dot { height: 13px; width: 13px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; } .active { background-color: #717171; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .text {font-size: 11px} } /* () () () () () () () () () () () () () () () () () () () () () () () () () () () */ /* Voor de alerts van Last + Uitgelicht + Duits-Engels */ #modalContainer { background-color:rgba(0, 0, 0, 0.3); /* rgba = red, green, blue, alpha (= opacity channel: 0%=transparent) */ position:absolute; /* zie de "properties of position" */ width:100%; height:100%; /* top:0px; = Hoogte-positie vd box in het scherm */ top:200px; left:0px; z-index:10000; background-image:url(tp.png); /* required by MSIE to prevent actions on lower z-index elements */ } #alertBox { position:relative; width:300px; min-height:180px; /* Hoogte van het tekstveld vd box */ margin-top:50px; border:1px solid #666; /* donker grijs */ /* background-color:#fff; wit */ background-color:#f6ffed; /* edffff=Li-blauw */ background-repeat:no-repeat; background-position:20px 30px; } #modalContainer > #alertBox { position:fixed; } /* De Titel-regel */ #alertBox h1 { margin:0; font:bold 0.9em verdana,arial; /* background-color:#3073BB; do-blauw */ background-color:#007000; /* do-groen */ color:#FFF; border-bottom:1px solid #000; padding:2px 0 2px 5px; } /* De Tekst box */ #alertBox p { /* font:0.7em verdana,arial; */ font:0.9em verdana,arial; height:50px; padding-left:5px; /* margin-left:55px; */ margin-left: 6px; } #alertBox #closeBtn { display:block; position:relative; /* position:bottom maakt het blauwe vlak doorzichtig */ /* margin:5px auto; = oorspronkelijke instelling */ margin:70px 110px 3px; /* 4 waarden = margin: top right bottom left */ /* 3 waarden = margin: top right+left bottom */ /* 2 waarden = margin: top+bottom right+left */ /* 1 waarde margin: alle 4 */ padding:7px; /* Hoogte vh blauwe vlak */ border:0 none; width:70px; /* Breedte vh blauwe vlak */ font:0.7em verdana,arial; text-transform:uppercase; text-align:center; color:#FFF; background-color:#357EBD; border-radius: 3px; text-decoration:none; } /* unrelated styles */ #mContainer { position:relative; width:600px; margin:auto; padding:5px; border-top:2px solid #000; border-bottom:2px solid #000; font:0.7em verdana,arial; } h1,h2 { margin:0; padding:4px; font:bold 1.5em verdana; border-bottom:1px solid #000; } code { font-size:1.2em; color:#069; } #credits { position:relative; margin:25px auto 0px auto; width:350px; font:0.7em verdana; border-top:1px solid #000; border-bottom:1px solid #000; height:90px; padding-top:4px; } #credits img { float:left; margin:5px 10px 5px 0px; border:1px solid #000000; width:80px; height:79px; } .important { background-color:#F5FCC8; padding:2px; } code span { color:green; } /* () () () () () () () () () () () () () () () () () () () () () () () () () () () */