MediaWiki:Common.css: verschil tussen versies

Uit ROSA Wiki
Ga naar: navigatie, zoeken
(geen opsommingstekens in datasheet-cell, want dat staat lelijk met uitlijning in het midden)
Regel 105: Regel 105:
 
width:100%;
 
width:100%;
 
overflow:hidden;
 
overflow:hidden;
 +
}
 +
 +
.datasheet-cell ul {
 +
    list-style-type: none;
 +
    list-style-image: none;
 
}
 
}
  

Versie van 21 jun 2017 om 22:34

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

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