MediaWiki:Common.css: verschil tussen versies

Uit ROSA Wiki
Naar navigatie springen Naar zoeken springen
(standaarden opmaak)
(Icoon voor externe https-links gelijk aan externe http-links)
(20 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 */
             
         
table.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%;}  
.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 }
tr.hidden {display: none;}
.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 90: Regel 164:
}
}


.datasheet-cell-2-left {
.datasheet-cell ul {
    list-style-type: none;
    list-style-image: none;
}
 
.datasheet-cell-2-left, .columns2 .datasheet-cell:nth-child(1) {
float:left;
float:left;
width:49%;
width:49%;
Regel 100: Regel 179:
}
}


.datasheet-cell-2-right {
.datasheet-cell-2-right, .columns2 .datasheet-cell:nth-child(2) {
float:right;
float:right;
width:49%;
width:49%;
Regel 110: Regel 189:
}
}


.datasheet-cell-3-left {
.datasheet-cell-3-left, .columns3 .datasheet-cell:nth-child(1) {
float:left;
float:left;
width:30%;
width:30%;
Regel 120: Regel 199:
}
}


.datasheet-cell-3-mid {
.datasheet-cell-3-mid, .columns3 .datasheet-cell:nth-child(2) {
float:left;
float:left;
width:30%;
width:30%;
Regel 129: Regel 208:
}
}


.datasheet-cell-3-right {
.datasheet-cell-3-right, .columns3 .datasheet-cell:nth-child(3) {
float:right;
float:right;
width:30%;
width:30%;
Regel 146: Regel 225:
     align-self: left;
     align-self: left;
     float: 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;
}