Geen bewerkingssamenvatting |
Geen bewerkingssamenvatting |
||
(41 tussenliggende versies door 5 gebruikers niet weergegeven) | |||
Regel 1: | Regel 1: | ||
/** CSS die hier wordt geplaatst heeft invloed op alle skins */ | /** 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 */ | /* alle divs direct binnen een div class=kolommen, worden zelf kolom */ | ||
.kolommen>div { | .kolommen>div { | ||
Regel 13: | Regel 82: | ||
} | } | ||
/* CORA main colors = #1e8ac8; #999; #fff */ | /* 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 */ | /* Styling fix tokens input */ | ||
.select2-container.select2-container-multi.pfTokens.createboxInput.form-control.pf-select2-container {border: 1px solid #bbb !important; border-radius: 3px;} | .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%;} | .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; | |||
} |
Huidige versie van 7 mrt 2024 om 18:56
/** 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; }