MediaWiki:Common.css

Opmerking: nadat u de wijzigingen hebt gepubliceerd 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 / Edge: houd Ctrl ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5
• Opera: druk op Ctrl-F5.

/* Sjabloon:Uitlichten */
.Uitlichten {
  background: #f8f9fa;
  border: 0.1em solid #1a237e;
  margin: 0px 0px 16px; !important
  padding: 0.4em 2em 0.4em 2em !important
}
.Uitlichten p{
margin-left: 1rem;
}

/* Laatste vak op homepage in een andere kleur vervangen */
section.call-to-action .container .shortcuts .row:last-of-type a:last-of-type {
    background-color: #F57C00;
}

/* Verbreding eerste kolom van Speciaal:SmartConnectArchiMate voor de leesbaarheid */
#mw-scam-table-import > tbody > tr > td:nth-of-type(1), 
.method_chooser,
#mw-scam-table-email > tbody > tr > td:nth-of-type(1) {
 width: 400px !important;
}


/* Sjabloon:knop */
.knop a {
display:block !important;
color:#fff !important;
font-weight:bold !important;
color:white !important;
text-align:center;
border-style:dotted;
border-color:#1a237e;
background-color:#1a237e;
width:100px;
}

/* Aanpassen van sjablonen van Archimate elementen */
div.archimate-displaybox-heading {
background-color:#0277bd !important;
font-variant:NORMAL;
}

/* tabel breedte van sjablonen DisplayArchiMateElement aanpassen
div.archimate-displaybox-body > table {
    width: 100% !important;
}


.btnnieuwsbrief {
    display: block;
    padding: 1em;
    width: 33%;
    background: #1a237e;
    color: #fff;
    border-radius: .2em;
    transition: background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;
    text-decoration: none;
}

/* tijdelijke aanpassing om opgenomen te worden in productie */
/* Tekst op Home onder de toptaken dichterbij plaatsen */
section.call-to-action {
margin-bottom: 150px !important;
}

/* de afstand tussen de Headers en paragrafen verkleinen */
section#mainContent div.container div#bodyContent h2, section#mainContent div.container div#bodyContent h3, section#mainContent div.container div#bodyContent h4, section#mainContent div.container div#bodyContent h5, section#mainContent div.container div#bodyContent h6 {
    margin-top: 0.8em !important;
    margin-bottom: .3em;
}

h2 {
  font-weight: 600;
}

code {
  color: #000 !important;
  background-color: #e9e9e9 !important;
}

pre {
  padding: 0.4em 2em 0.4em 2em !important;
  border: 0.1em solid;
}
.codeblock {
  color: #000 !important;
  background-color: #e9e9e9 !important;
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

.mw-content-ltr ol,
.mw-content-ltr ul {
  margin: 0.5em 0 0.5em 2em !important;
  padding: 0;
}

.thumbinner {
  margin: 1em;
}
a.vng-logo img {
  max-width: 100px;
}

/* Betreft de onderstreping van begrippen. Deze was niet duidelijk in FireFox. Kleur is aangepast */
span.mw-lingo-term {
  border-bottom: 1px dotted #1a237e !important;
}

/* Betreft Speciaal:SmartConnectArchiMate om eerste kolom te verbreden 
td[Kenmerkstijl] {
width: 450px !important;
}

/* Betreft de ruimte boven een H4. Andere Koppen maken geen gebruik van deze class */
#vanillatoasts-container p,
h4 {
  margin: 0px 0 !important;
}
section#mainContent div.container div#bodyContent h4 {
  margin-top: 2em !important;
  margin-bottom: 0.3em !important;
}

/* ----------------- */

/* styling voor Verantwoordingstabel */
.small {
  font-size: 12px;
}

.thumbcaption {
  font-style: italic;
  font-size: small;
  margin-top: 1em;
}

table.fixTableHead tr:first-child {
  position: sticky;
  top: 0;
  z-index: 99;
}

.flexCellColor {
  background-color: yellow !important;
}

.vertical th {
  writing-mode: tb-rl !important;
  text-align: left !important;
}

#ca-talk {
  display: none;
}

/*Styling voor omgevingswetprocessenatlas */
.bedrijfsprocessenow div.mw-collapsible.mw-collapsed span.mw-collapsible-toggle.mw-collapsible-toggle-collapsed a {
  color: #245d87;
}
.bedrijfsprocessenow div.mw-collapsible span.mw-collapsible-toggle.mw-collapsible-toggle-expanded a {
  color: #245d87;
}
.owproctabel {
  margin-top: 10px;
  width: 100%;
} /* vector => margin-left:-3px;}*/
.owproctabel th {
  text-align: left;
}
.owproctabel td {
  vertical-align: top;
  padding-bottom: 6px;
}
.owproctabel tr:hover {
  background-color: #eee;
}
.owproctabel .row-odd {
  background-color: #f8f8f8;
}
.owproctabel .Rol.smwtype_wpg {
  min-width: 20%;
  vertical-align: top;
}
.owproctabel .Gebeurtenis.smwtype_wpg {
  min-width: 20%;
  vertical-align: top;
}
.owproctabel .Deelproces.smwtype_wpg {
  min-width: 20%;
  vertical-align: top;
}
.owproctabel .Activiteit.smwtype_wpg {
  min-width: 20%;
  vertical-align: top;
}
.owproctabel .Bedrijfsproces.smwtype_wpg {
  min-width: 25%;
  vertical-align: top;
}
.owproctabel .Poster.smwtype_wpg {
  min-width: 5%;
  vertical-align: top;
  text-align: center;
}
.owproctabel .Relatie.smwtype_wpg {
  min-width: 8%;
  vertical-align: top;
  text-align: right;
  padding-right: 15px;
}

.owprocmodel {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.owprocdiagram {
  max-width: 90%;
  text-align: center;
}

.page-Gemeentelijke_Model_Architectuur_GEMMA #content-navigation {
  display: none;
}

/*Styling sjabloon:nieuwsbrief */
.newstable {
    width: 80%!important;
    border: 3px solid #E8EAF6!important;
border-radius: 5em 0.2em 0 0;
    margin-left: auto;
    margin-right: auto;
}

.newstable th{
  text-align: center;
  background-color: #E8EAF6!important;
  border: 1px;
  font-size: 1.5em;
}


/*Styling voor ArchiefBanner */
.ArchiefBanner {
  background-color: #fff !important;
  padding: 10px;
  color: black;
  border: 5px solid #f57c00;
}

div.ArchiefBanner h2 {
  color: #000 !important;
}

.ArchiefBanner > p > a {
  color: #0d6efd !important;
}

.ArchiefBanner {
  padding: 1.067em 1.067em 0.867em 1.067em;
  margin: 1.067em 0 1.067em 0;
}

.ArchiefBanner h2 {
  margin-top: 0em;
}

.ArchiefBanner p {
  margin-bottom: 0em;
}

/* Sjabloon:Landingspagina */
/* MB: syntax error op regel
 min-block-size: {{{hoogte|300px|}}};
 van gemaakt
 min-block-size: 300px;
*/
.Landingspagina {
  background-color: #e8eaf6;
  border: none;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  width: 100%;
  min-block-size: 300px;
}

/* Sjabloon:Quotes */
.Quotes {
  background: #f8f9fa;
  border-left: 10px solid #1a237e;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}

/*Styling voor BackToTop */
.BackToTop {
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #dbebfb; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
  display: none;
  color: rgb(219, 235, 251);
}

.BackToTop:hover {
  background-color: lightblue; /* Add a blue background on hover */
  color: lightblue;
}

.BackToTop a {
  color: darkblue;
}

span.BackToTop a:before {
  content: " ";
  display: block;
  /* position: absolute; */
  background: url(https://gemmapub.test.wikixl.nl/images/gemmaonline/0/0e/To_top2.png);
  background-size: 100%;
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 5px;
}

.laatstbewerkt {
  text-align: right;
}

/* METAGEGEVENS */
.StatusBanner {
  float: right;
  background-color: #d6e8f6;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #004c7d;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #004c7d;
  padding-top: 0em;
  font-family: Arial;
  font-size: 60%;
  position: fixed;
  top: 0;
  left: 0;
  clear: right;
  padding: 1em;
  width: 10%;
}

.SPButtonIcon {
  float: left;
  margin-left: -30px;
  margin-top: -60px;
}
/* METAGEGEVENS */

/* Tabs styling */
.tabs-container {
  padding: 4px 0px;
}
.tabs-container .tabs-tb-container {
  display: flex;
  border-bottom: 1px solid black;
}
.tabs-container .tabs-tb {
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  border-color: black;
  padding: 2px 12px;
  margin-left: 4px;
  border-radius: 6px 6px 0px 0px;
  background: #eee;
}
.tabs-container .tabs-ct-container {
}
.tabs-container .tabs-ct {
  display: none;
  padding: 4px 0px;
}
.tabs-container .tabs-sel {
  background: #fff;
  display: block;
  margin-bottom: -1px;
}
.pr-waste br {
  display: none;
} /* removes empty lines due to concatenation of template calls */

/* table tooltips */
.tabletooltip {
  position: relative;
  display: inline;
  cursor: default;
}
.tabletooltip .tabletooltiptext {
  visibility: hidden;
  background-color: white;
  border-style: solid;
  border-color: #e2e2e2;
  border-radius: 5px;
  border: 1px solid #e2e2e2;
  width: 300px;
  box-shadow: 1px 1px 3px 1px rgb(0 0 0 / 15%);
  color: black;
  padding: 5px 10px;
  position: absolute;
  font-size: 10px;
  top: 25px;
  left: 0%;
}
span.tabletooltip {
  opacity: 1 !important;
  font-style: normal;
  font-size: 12px;
}
.tabletooltip:hover .tabletooltiptext {
  visibility: visible;
}

.tabletooltiptext::before {
  content: "";
  position: absolute;
  transform: rotate(45deg);
  padding: 5px;
  top: -6px;
  background-color: #fff;
  border-top: 6px solid transparant #e2e2e2;
  border-left: 1px solid #e2e2e2;
}

.fixTableHead {
  overflow-y: auto;
  height: 110px;
}
.fixTableHead thead th {
  position: sticky;
  top: 0;
}
table {
  border-collapse: collapse;
  width: 100%;
}

Iets dat binnen of buiten een organisatie is gebeurd en binnen die organisatie of daarbuiten gevolgen heeft.

Reeks opeenvolgend uit te voeren activiteiten die bijdraagt aan een specifiek resultaat, zoals de levering van een Product of Dienst.

De fundamentele concepten of eigenschappen van een systeem in zijn omgeving belichaamd in zijn elementen, relaties en in de principes van zijn ontwerp en evolutie.

De GEMeentelijke ModelArchitectuur met een verzameling samenhangende kaders, richtlijnen, referentiemodellen en standaarden die gemeenten helpt bij het inrichten van hun IT-omgeving en processen.

Deze pagina is het laatst bewerkt op 23 apr 2024 om 18:03.