Opmerking: nadat u de wijzigingen hebt opgeslagen is het wellicht nodig uw browsercache te legen.
- Firefox / Safari: houd Shift ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
- Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
- Internet Explorer: houd Ctrl ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5
- Opera: ga naar Menu → Instellingen (Opera → Voorkeuren op een Mac) en daarna naar Privacy & beveiliging → Browsegegevens wissen... → Tijdelijk opgeslagen afbeeldingen en bestanden.
/** CSS die hier wordt geplaatst heeft invloed op alle skins */
/* Aanmeldlinkje */
header div.usernav ul li a {color: #1e8ac8; }
header div.usernav ul li ul.dropdown-menu { z-index: 9999; }
nav#navigation { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; }
.mw-parser-output {
margin-top: 20px;
}
section.content-lead p {
margin:0px;
}
section.content-lead {
position: relative;
animation-name: ease;
animation-duration: 1s;
animation-delay: 0s;
}
@keyframes ease{
0% { opacity:0.5; left:200px; top:0px;}
100% { opacity:1; left:0px; top:0px;}
}
/* knoppengrid voor landingspagina's */
.knoppengrid {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
gap:20px;
max-width:1200px;
margin:20px auto;
}
.knoppengrid a {
background-color: rgba(166, 168, 173, 0.4);
color: black !important;
border: none;
padding: 13px 13px 20px 13px;
border-radius: 25px
/*background-color:rgba(55,65,90,0.7);
color:white !important;
border:none;
padding:10px;*/
text-align:left;
text-decoration:none;
display:block;
transition:background-color 0.3s ease;
border-radius:10px;
}
.knoppengrid a:hover {
background-color:#2980b9;
color:white !important;
}
.knoppengrid .titel {
font-size:24px;
margin-bottom:10px
}
.knoppengridcompact {
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:10px;
}
.knoppengridcompact a {
padding: 13px 13px 13px 13px;
}
/* eind knopppengrid-verhaal */
/* alle divs direct binnen een div class=kolommen, worden zelf kolom */
.kolommen>div {
float: left;
padding: 10px;
}
/* Na de kolommen, 'reset' zodat niets doorloopt */
.kolommen:after {
content: "";
display: table;
clear: both;
}
/* CORA main colors = #1e8ac8; #999; #fff */
/* ArchiMedes styling modifications */
div.archimate-displaybox-heading {
background-color:#FFF !important;
font-variant:normal;
color:#000;
text-align:left;
}
div.scam-toggle-container { top: 0; }
/* Styling fix tokens input */
.select2-container.select2-container-multi.pfTokens.createboxInput.form-control.pf-select2-container {border: 1px solid #bbb !important; border-radius: 3px;}
.fullwidth img {
padding:20px;
width:100%;
height:auto;
}
.imagefullwidth {
padding:20px;
width:100%;
height:auto;
}
div.archimateLightbox ._action {
padding:0px;
cursor: hand;
}
div.archimateLightbox #archimateButtons {
width: auto;
float: right;
padding-bottom: 0px;
}
div.archimateLightbox .archimateTekst {
width: 100%;
margin-bottom: 16px;
}
div.archimateLightbox .extraArchimateButtons {
width: auto;
float: right;
padding-right: 8px;
}
/*.archimateLightbox {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
margin-bottom:8px;
}*/
.archimateLightbox.table {
overflow: auto;
}
.mainpageimage {width:100%;}
.background {
position:absolute;
left:0px; right:0px;
top:-50px;
z-index:-1;
}
.relaties {
background-color: rgb(0,153,204); color: #FFF; }
.vastgoed {
background-color: rgb(255,153,0); color: #FFF; }
.overeenkomsten{
background-color: rgb(204,51,153); color: #FFF; }
.onderhoud {
background-color: rgb(108,146,0); color: #FFF; }
.projectontwikkeling{
background-color: rgb(119,119,119); color: #FFF; }
.woonruimteverdeling{
background-color: rgb(51,83,118); color: #FFF; }
.dossier{
background-color: rgb(181,168,69); color: #000; }
.organisatie{
background-color: rgb(80,226,212); color: #000; }
.financien{
background-color: rgb(255,255,102); color: #000; }
.kwaliteit{
background-color: rgb(253,150,169); color: #000; }
.energie{
background-color: rgb(161,228,77); color: #000; }
.Algemeen {
background-color: rgb(220,235,235); color: #000; }
.obsolete {
color: #A9A9A9;
}
.obsolete a:link, .obsolete a:visited {
color: #A9A9A9 !important;
}
/* VERA versie */
.versie {
margin: -48px 0px 0px 0px;
padding: 10px;
color: #1e8ac8;
font-size: 16px;
background-color: white;
border-color: #1e8ac8;
border-width: 1px;
border-style: solid;
text-align: center;
display: block;
float: right;
border-radius: .5em;
}
.versie a {
text-decoration: none !important;
color: #1e8ac8 !important;
}
/* #context stijlen */
aside#context-container div.box.testimonial {
margin-top: 0px;
margin-bottom:1em;
background-position: center;
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
font-style: normal;
}
aside#context-container div.box.testimonial ul {
list-style: none;
list-style-position: outside;
margin:0px;
padding:0px;
}
aside#context-container div.box.testimonial.normaal ul {
list-style: square;
list-style-position: outside;
margin:0px;
padding:0px 0px 0px 20px;
}
aside#context-container div.box.testimonial.normaal {
text-align:left;
padding:10px 10px 10px 10px;
}
aside#context-container div.box.testimonial ul li {
margin: 0px 0px 8px 0px;
}
aside#context-container div.box.testimonial.nieuws {
background-color: #fdd4b1;
text-align:left;
padding:48px 20px 20px 20px;
}
div.box.links {
text-align: left;
padding: 3em;
background: rgba(0,140,255,0.041);
border: 1px solid white;
padding:20px 20px 20px 20px;
box-shadow: rgba(60,64,67,0.1) 0 1px 2px 0, rgba(60,64,67,0.15) 0 2px 6px 2px;
border-radius: .5em;
}
aside#context-container div.box.testimonial.links{
text-align:left;
padding:20px 20px 20px 20px;
}
aside#context-container div.box.testimonial.links img{
width: 100%;
height:150px;
object-fit: contain;
}
aside#context-container div.box.testimonial.links .title {
font-size: 1.1em;
font-weight: 500;
line-height: 1.2;
padding: 0 0 1em 0;
overflow-wrap;
}
.date {
font-color:var(--bs-body-color);
font-size:12px;
}
aside#context-container div.box.testimonial.interview {
text-align: left;
padding:0px;
}
aside#context-container div.box.testimonial.interview .title {
padding:20px;
font-size:23px;
border-radius: .5em .5em 0 0;
}
aside#context-container div.box.testimonial.interview .foto {
float:right;
margin: -20px 20px 5px 10px;
width: 100px;
position: relative;
}
aside#context-container div.box.testimonial.interview img {
width:100px;
height:100px;
border-radius: 50%;
}
aside#context-container div.box.testimonial.interview .naam {
padding:20px;
font-size:80%;
}
aside#context-container div.box.testimonial.interview p {
text-align: justify;
padding:10px;
}
/* #content blokken */
.thema {
border-radius: 0.5em;
padding: 1em 1em 1em 1em;
box-shadow: 0 0 2em rgba(0,0,0,0.1);
margin: 0 0 2em 0;
min-height: 150px;
overflow: hidden;
position: relative;
}
.thema img {
height: 115px;
width:300px;
object-fit: cover;
object-position: left;
border-radius: 15px;
}
.section {
border-radius: 0.5em;
padding: 2em 1em 1em 1em;
box-shadow: 0 0 2em rgba(0,0,0,0.1);
margin: 0 0 2em 0;
}
.section img {
height: 115px;
width: 300px;
object-fit: contain;
}
.wikitable > caption {
font-weight: normal;
font-style: italic;
text-align: center;
}
/* Statussen */
.prototype {
margin: -16px 0px 5px 5px;
padding: 10px;
color: #4e5159;
font-size: 16px;
background-color: #FF8800;
border-color: #4e5159;
border-width: 1px;
border-style: solid;
text-align: center;
float: right;
border-radius: .5em;
}
.referentie{
margin: -16px 0px 5px 5px;
padding: 10px;
color: #4e5159;
font-size: 16px;
background-color: #AAEEAA;
border-color: #4e5159;
border-width: 1px;
border-style: solid;
text-align: center;
float: right;
border-radius: .5em;
}
.basisregistratie{
margin: -16px 0px 5px 5px;
padding: 10px;
color: #4e5159;
font-size: 16px;
background-color: #ABDDFF;
border-color: #4e5159;
border-width: 1px;
border-style: solid;
text-align: center;
float: right;
border-radius: .5em;
}
.review{
margin: -16px 0px 5px 5px;
padding: 10px;
color: #4e5159;
font-size: 16px;
background-color: #FFEE99;
border-color: #4e5159;
border-width: 1px;
border-style: solid;
text-align: center;
float: right;
border-radius: .5em;
}
.imageshadow {
box-shadow: rgba(60,64,67,0.1) 0 1px 2px 0, rgba(60,64,67,0.15) 0 2px 6px 2px;
}
.selflink {
text-decoration:none;
font-weight: bold;
}
