MediaWiki:Common.css

Uit ROSA Wiki
Versie door Jdirks (overleg | bijdragen) op 7 feb 2017 om 10:14 (oude ArchiMate infobox generieker gemaakt, zodat deze ook te gebruiken is buiten tabellen.)
Naar navigatie springen Naar zoeken springen

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.
/** CSS die hier wordt geplaatst heeft invloed op alle skins */
div.message {width: 100%;margin: 15px 0 0 0;padding: 3px;border: 1px solid #ccc;background: #f4f4f4;text-align: left;vertical-align: top;}

/**** 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;}

/* 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-2-left {
	float:left;
	width:49%;
	clear:left;
	margin-left:5px;
	padding-bottom:12345px;
	margin-bottom:-12345px;
	background-color:#E7E7E7;
}

.datasheet-cell-2-right {
	float:right;
	width:49%;
	clear:right;
	margin-right:5px;
	padding-bottom:12345px;
	margin-bottom:-12345px;
	background-color:#E7E7E7;
}

.datasheet-cell-3-left {
	float:left;
	width:30%;
	clear:left;
	margin-left:1%;
	padding-bottom:12345px;
	margin-bottom:-12345px;
	background-color:#E7E7E7;
}	

.datasheet-cell-3-mid {
	float:left;
	width:30%;
	margin-left:4%;
	padding-bottom:12345px;
	margin-bottom:-12345px;
	background-color:#E7E7E7;
}

.datasheet-cell-3-right {
	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;
}