MediaWiki:Common.css: verschil tussen versies
Naar navigatie springen
Naar zoeken springen
(geen opsommingstekens in datasheet-cell, want dat staat lelijk met uitlijning in het midden) |
Geen bewerkingssamenvatting |
||
(13 tussenliggende versies door 2 gebruikers niet weergegeven) | |||
Regel 1: | Regel 1: | ||
/** CSS voor begrippen **/ | |||
.begripdef { | |||
width: 800px; | |||
background-color: lightyellow; | |||
padding: 20px; | |||
border: 1px solid black; | |||
} | |||
.begriptable { width: 840px;} | |||
.begriptable th { | |||
width: 220px; | |||
background-color: #eaecf0; | |||
border: 1px solid #a2a9b1; | |||
padding: 0.2em 0.4em; | |||
} | |||
.begriptable td { | |||
width 620px; | |||
border: 1px solid #a2a9b1; | |||
padding: 0.2em 0.4em; | |||
} | |||
/** CSS voor de extensie SmartConnectImvertor */ | |||
.floatright { | |||
top:-50px; | |||
right:-15px; | |||
} | |||
.RGB-informatiemodel { | |||
float: right; | |||
border: 1px; | |||
border-style: solid; | |||
border-color: #0078C8; | |||
padding: 10px; | |||
vertical-align: middle; | |||
right: -65px; | |||
top: 20px; | |||
position: relative; | |||
} | |||
table.RGBtable { | |||
border:0px solid #ccc; | |||
} | |||
table.RGBtable td{ | |||
padding:0.5em; | |||
padding-right:1em; | |||
vertical-align: top; | |||
} | |||
table.RGBtable th { | |||
background: white; | |||
color: black ; | |||
font-weight: bold; | |||
padding:0.5em; | |||
padding-right:1em; | |||
text-align:left; | |||
vertical-align: top; | |||
} | |||
.ImvertorMainTableHeader a { | |||
color:white !important; | |||
} | |||
/** Einde CSS voor de extensie SmartConnectImvertor */ | |||
/****************************************************/ | |||
/** CSS die hier wordt geplaatst heeft invloed op alle skins */ | /** CSS die hier wordt geplaatst heeft invloed op alle skins */ | ||
#breadcrumbs2 {width:100%; text-align:center;} | |||
div.message {width: 100%;margin: 15px 0 0 0;padding: 3px;border: 1px solid #ccc;background: #f4f4f4;text-align: left;vertical-align: top;} | div.message {width: 100%;margin: 15px 0 0 0;padding: 3px;border: 1px solid #ccc;background: #f4f4f4;text-align: left;vertical-align: top;} | ||
/**** Icoon voor externe https-links gelijk aan externe http-links ****/ | |||
div#content a.external[href ^="https://"], .link-https { | |||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC) center right no-repeat; | |||
} | |||
/**** Styling van de ingangknoppen op de hoofdpagina ****/ | |||
div.werkenmetrosa { | |||
background:url('images/rosa/e/ea/Knop_Werken_met_ROSA.png') no-repeat scroll 0 0 !important; | |||
} | |||
div.samenwerkenaanrosa { | |||
background:url('images/rosa/f/fa/Knop_Samenwerken_aan_ROSA.png') no-repeat scroll 0 0 !important; | |||
} | |||
div.overrosa { | |||
background:url('images/rosa/8/88/Knop_Over_ROSA.png') no-repeat scroll 0 0 !important; | |||
} | |||
div.rosaencyclopedie { | |||
background:url('images/rosa//f/fa/Knop_ROSA_Encyclopedie.png') no-repeat scroll 0 0 !important; | |||
} | |||
div.ingangknop { | |||
height: 188px !important; | |||
width: 371px !important; | |||
padding-top: 80px; | |||
font-family: Arial, Helvetica, sans-serif; | |||
font-size: 14px; | |||
} | |||
div.ingangknop div.ingang { | |||
margin-top: -80px; | |||
height: 35px; | |||
padding-top: 45px; | |||
padding-left: 100px; | |||
font-family: Arial, Helvetica, sans-serif; | |||
font-size: 22px; | |||
} | |||
div.ingangknop table { | |||
width: 100%; | |||
} | |||
div.ingangknop td { | |||
vertical-align: top; | |||
width: 50%; | |||
} | |||
div.ingangknop a { | |||
color: black; | |||
} | |||
div.ingangknop a:visited { | |||
color: black; | |||
} | |||
/**** reduced subset of the mbox styles from enwiki, mainly for the nice boxflow ****/ | /**** reduced subset of the mbox styles from enwiki, mainly for the nice boxflow ****/ | ||
Regel 181: | Regel 303: | ||
margin-bottom:18px | margin-bottom:18px | ||
margin-right:5px;} | margin-right:5px;} | ||
/* nieuwe vlaksverdeling ingangen */ | |||
.ingangen { | |||
text-align:center; | |||
margin-top:3px; | |||
display:inline-block; | |||
width:100%; | |||
overflow:hidden} | |||
.ingangen ul {margin: 0 0 0 0} | |||
.ingangen a, .ingangen a.new {color: white; | |||
font-size: 120%; | |||
} | |||
.ingangen div > ul > li > a, .ingangen div > ul > li > a.new { | |||
font-size: 140% !important; | |||
margin-bottom:3.4em; | |||
padding-bottom: 3em; | |||
font-weight: 600; | |||
} | |||
.ingangen .datasheet-cell:nth-child(1) | |||
{clear:left; | |||
background-color:rgb(91,155,213)} | |||
.ingangen .datasheet-cell:nth-child(2) | |||
{background-color:rgb(255,192,0)} | |||
.ingangen .datasheet-cell:nth-child(3) | |||
{background-color:rgb(237,125,49)} | |||
.ingangen .datasheet-cell:nth-child(4) | |||
{background-color:rgb(112,173,71); | |||
clear:right; | |||
} | |||
.ingangen .datasheet-cell{ | |||
float:left; | |||
width:24%; | |||
margin:2px; | |||
padding-bottom:12345px; | |||
margin-bottom:-12345px; | |||
} |
Huidige versie van 4 okt 2022 om 11:25
/** CSS voor begrippen **/ .begripdef { width: 800px; background-color: lightyellow; padding: 20px; border: 1px solid black; } .begriptable { width: 840px;} .begriptable th { width: 220px; background-color: #eaecf0; border: 1px solid #a2a9b1; padding: 0.2em 0.4em; } .begriptable td { width 620px; border: 1px solid #a2a9b1; padding: 0.2em 0.4em; } /** CSS voor de extensie SmartConnectImvertor */ .floatright { top:-50px; right:-15px; } .RGB-informatiemodel { float: right; border: 1px; border-style: solid; border-color: #0078C8; padding: 10px; vertical-align: middle; right: -65px; top: 20px; position: relative; } table.RGBtable { border:0px solid #ccc; } table.RGBtable td{ padding:0.5em; padding-right:1em; vertical-align: top; } table.RGBtable th { background: white; color: black ; font-weight: bold; padding:0.5em; padding-right:1em; text-align:left; vertical-align: top; } .ImvertorMainTableHeader a { color:white !important; } /** Einde CSS voor de extensie SmartConnectImvertor */ /****************************************************/ /** CSS die hier wordt geplaatst heeft invloed op alle skins */ #breadcrumbs2 {width:100%; text-align:center;} div.message {width: 100%;margin: 15px 0 0 0;padding: 3px;border: 1px solid #ccc;background: #f4f4f4;text-align: left;vertical-align: top;} /**** Icoon voor externe https-links gelijk aan externe http-links ****/ div#content a.external[href ^="https://"], .link-https { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC) center right no-repeat; } /**** Styling van de ingangknoppen op de hoofdpagina ****/ div.werkenmetrosa { background:url('images/rosa/e/ea/Knop_Werken_met_ROSA.png') no-repeat scroll 0 0 !important; } div.samenwerkenaanrosa { background:url('images/rosa/f/fa/Knop_Samenwerken_aan_ROSA.png') no-repeat scroll 0 0 !important; } div.overrosa { background:url('images/rosa/8/88/Knop_Over_ROSA.png') no-repeat scroll 0 0 !important; } div.rosaencyclopedie { background:url('images/rosa//f/fa/Knop_ROSA_Encyclopedie.png') no-repeat scroll 0 0 !important; } div.ingangknop { height: 188px !important; width: 371px !important; padding-top: 80px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } div.ingangknop div.ingang { margin-top: -80px; height: 35px; padding-top: 45px; padding-left: 100px; font-family: Arial, Helvetica, sans-serif; font-size: 22px; } div.ingangknop table { width: 100%; } div.ingangknop td { vertical-align: top; width: 50%; } div.ingangknop a { color: black; } div.ingangknop a:visited { color: black; } /**** reduced subset of the mbox styles from enwiki, mainly for the nice boxflow ****/ table.mbox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #aaa; /* Default "notice" gray */ background: #f9f9f9; } table.mbox-wide { margin: 4px 0; } th.mbox-text, td.mbox-text { /* The message body cell(s) */ border: none; padding: 0.25em 0.9em; /* 0.9em left/right */ width: 100%; /* Make all mboxes the same width regardless of text length */ } td.mbox-image { /* The left image cell */ border: none; padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ text-align: center; } td.mbox-imageright { /* The right image cell */ border: none; padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ text-align: center; } td.mbox-empty-cell { /* An empty narrow cell */ border: none; padding: 0px; width: 1px; } /* ArchiMate infobox style */ .smw-archimate-infobox {border: 1px solid #aaa;background-color: #f9f9f9;color: black;margin: 0px 0px 10px 10px;padding: 0.2em;float: right;clear: right;width: 100%;} table.smw-archimate-infobox p {margin: 0} table.smw-archimate-infobox td {vertical-align: top } table.smw-archimate-infobox th {vertical-align: top; text-align: left } table.smw-archimate-infobox th[scope=row] {width: 140px} table.smw-archimate-infobox th[scope=col] {vertical-align: top; text-align: center; font-style: italic } .hidden {display: none;} /* algemene infobox */ .infobox { border-left: 1px solid #aaa; background-color: rgba(220, 254, 169, 0.4); float: right; clear: right; padding-top: 0px; padding-right: 4px; padding-bottom: 3px; padding-left: 3px; margin-top: 0px; margin-right: 4px; margin-bottom: 3px; margin-left: 3px; min-height: 90px; min-width: 200px; } /* GraphViz graphs */ div.graphviz { width: 100%; clear: left; clear: right; } .wikitable { background-color: #EEEEFF; } .wikitable th { background-color: #EEEEFF; text-align: left; } .wikitable td { background-color: #FFFFFF; text-align: left; vertical-align: top; padding: 1px; padding-left: 5px; padding-right: 5px; } /* text box used for examples */ .voorbeeld { border: 1px solid black; background-color: #9E9FE0; clear: both; } /* Datasheets */ .datasheet { width:100%; text-align:center; border: 2px solid black; margin-top:5px; } .datasheet-row { display:inline-block; width:100%; overflow:hidden; } .datasheet-cell ul { list-style-type: none; list-style-image: none; } .datasheet-cell-2-left, .columns2 .datasheet-cell:nth-child(1) { float:left; width:49%; clear:left; margin-left:5px; padding-bottom:12345px; margin-bottom:-12345px; background-color:#E7E7E7; } .datasheet-cell-2-right, .columns2 .datasheet-cell:nth-child(2) { float:right; width:49%; clear:right; margin-right:5px; padding-bottom:12345px; margin-bottom:-12345px; background-color:#E7E7E7; } .datasheet-cell-3-left, .columns3 .datasheet-cell:nth-child(1) { float:left; width:30%; clear:left; margin-left:1%; padding-bottom:12345px; margin-bottom:-12345px; background-color:#E7E7E7; } .datasheet-cell-3-mid, .columns3 .datasheet-cell:nth-child(2) { float:left; width:30%; margin-left:4%; padding-bottom:12345px; margin-bottom:-12345px; background-color:#E7E7E7; } .datasheet-cell-3-right, .columns3 .datasheet-cell:nth-child(3) { float:right; width:30%; clear:right; margin-right:1%; padding-bottom:12345px; margin-bottom:-12345px; background-color:#E7E7E7; } .datasheet-cell-header { text-align:center; width:100%; } .standaard div.datasheet img:first-child { align-self: left; float: left; } .standaard h3 { font-size: 110%; } .standaard .beschrijving { font-size: 120%; font-style: italic; } .standaard .Toelichting { text-align: left; margin-top:18px; margin-bottom:18px margin-right:5px;} /* nieuwe vlaksverdeling ingangen */ .ingangen { text-align:center; margin-top:3px; display:inline-block; width:100%; overflow:hidden} .ingangen ul {margin: 0 0 0 0} .ingangen a, .ingangen a.new {color: white; font-size: 120%; } .ingangen div > ul > li > a, .ingangen div > ul > li > a.new { font-size: 140% !important; margin-bottom:3.4em; padding-bottom: 3em; font-weight: 600; } .ingangen .datasheet-cell:nth-child(1) {clear:left; background-color:rgb(91,155,213)} .ingangen .datasheet-cell:nth-child(2) {background-color:rgb(255,192,0)} .ingangen .datasheet-cell:nth-child(3) {background-color:rgb(237,125,49)} .ingangen .datasheet-cell:nth-child(4) {background-color:rgb(112,173,71); clear:right; } .ingangen .datasheet-cell{ float:left; width:24%; margin:2px; padding-bottom:12345px; margin-bottom:-12345px; }