MediaWiki:Common.css: verschil tussen versies
Naar navigatie springen
Naar zoeken springen
Geen bewerkingssamenvatting |
(Icoon voor externe https-links gelijk aan externe http-links) |
||
(26 tussenliggende versies door 2 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 */ | ||
#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 35: | Regel 92: | ||
/* ArchiMate infobox style */ | /* 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 p {margin: 0} | ||
table.smw-archimate-infobox td {vertical-align: top } | table.smw-archimate-infobox td {vertical-align: top } | ||
Regel 42: | Regel 99: | ||
table.smw-archimate-infobox th[scope=row] {width: 140px} | 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 } | 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 */ | /* GraphViz graphs */ | ||
div.graphviz { | div.graphviz { | ||
Regel 73: | Regel 147: | ||
border: 1px solid black; | border: 1px solid black; | ||
background-color: #9E9FE0; | background-color: #9E9FE0; | ||
display: block; | 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; | |||
} | } |
Versie van 12 okt 2017 20:05
/** 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; }