MediaWiki: Common.css: verschil tussen versies

Versie van 6 apr 2019 om 16:20

/** CSS die hier wordt geplaatst heeft invloed op alle skins */
td.clickablecell a {
    display: block;
    width: 100%;
}

span.infobox-titel a {
	color: white;
}
span.infobox-titel-competentie a {
	color: #666;
}

/*  Infobox  */
table.infobox { 
	float: right;
	margin-left: 10px;
	margin-bottom: 15px;
	width: 320px;
}
table.infobox.huisarts1 {border: #4ea24e;}
table.infobox.klin {border: 1px solid #228b22;}
table.infobox.cz {border: 1px solid #4aa6ff;}
table.infobox.ggz {border: 1px solid #1c86ee;}
table.infobox.huisarts2 {border: 1px solid #1874cd;}
table.infobox.regelgeving {border: 1px solid #666;}
table.infobox.regelgeving-sv {border: 1px solid #666;}
table.infobox.leerlijn-kort {border: 1px solid YellowGreen;}
table.infobox.leerlijn-spoed {border: 1px solid ForestGreen;}
table.infobox.leerlijn-chron {border: 1px solid LightSeaGreen;}
table.infobox.leerlijn-ouderen {border: 1px solid DodgerBlue;}
table.infobox.leerlijn-kind {border: 1px solid DarkMagenta;}
table.infobox.leerlijn-psych {border: 1px solid Crimson;}
table.infobox.leerlijn-solk {border: 1px solid OrangeRed;}
table.infobox.leerlijn-pall {border: 1px solid DarkOrange;}
table.infobox.leerlijn-preventie {border: 1px solid Gold;}
table.infobox.leerlijn-praktijk {border: 1px solid LightSlateGray;}
table.infobox.leerlijn-medisch {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-communicatie {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-maatschappelijk {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-wetenschap {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-ethiek {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-prof {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-intercult {border: 1px solid #a2a9b1;}

table.infobox.huisarts1.box {width: 100%;}
table.infobox.klin.box {width: 100%;}
table.infobox.cz.box {width: 100%;}
table.infobox.ggz.box {width: 100%;}
table.infobox.huisarts2.box {width: 100%;}
table.infobox.regelgeving.box {width: 100%;}
table.infobox.regelgeving-sv.box {width: 100%;}
table.infobox.leerlijn-kort.box {width: 100%;}
table.infobox.leerlijn-spoed.box {width: 100%;}
table.infobox.leerlijn-chron.box {width: 100%;}
table.infobox.leerlijn-ouderen.box {width: 100%;}
table.infobox.leerlijn-kind.box {width: 100%;}
table.infobox.leerlijn-psych.box {width: 100%;}
table.infobox.leerlijn-solk.box {width: 100%;}
table.infobox.leerlijn-pall.box {width: 100%;}
table.infobox.leerlijn-preventie.box {width: 100%;}
table.infobox.leerlijn-praktijk.box {width: 100%;}
table.infobox.leerlijn-medisch.box {width: 100%;}
table.infobox.leerlijn-communicatie.box {width: 100%;}
table.infobox.leerlijn-maatschappelijk.box {width: 100%;}
table.infobox.leerlijn-wetenschap.box {width: 100%;}
table.infobox.leerlijn-ethiek.box {width: 100%;}
table.infobox.leerlijn-prof.box {width: 100%;}
table.infobox.leerlijn-intercult.box {width: 100%;}

table.infobox th {
	padding:10px 5px 10px 5px;
	text-align:center; 
	color: white;
	font-size: 150%;
}
table.infobox.huisarts1 th {background-color: #4ea24e;}
table.infobox.klin th {background-color: #228b22;}
table.infobox.cz th {background-color: #4aa6ff;}
table.infobox.ggz th {background-color: #1c86ee;}
table.infobox.huisarts2 th {background-color: #1874cd;}
table.infobox.regelgeving th {background-color: #666;}
table.infobox.regelgeving-sv th {background-color: #666;}
table.infobox.leerlijn-kort th {background-color: YellowGreen;}
table.infobox.leerlijn-spoed th {background-color: ForestGreen;}
table.infobox.leerlijn-chron th {background-color: LightSeaGreen;}
table.infobox.leerlijn-ouderen th {background-color: DodgerBlue;}
table.infobox.leerlijn-kind th {background-color: DarkMagenta;}
table.infobox.leerlijn-psych th {background-color: Crimson;}
table.infobox.leerlijn-solk th {background-color: OrangeRed;}
table.infobox.leerlijn-pall th {background-color: DarkOrange;}
table.infobox.leerlijn-preventie th {background-color: Gold;}
table.infobox.leerlijn-praktijk th {background-color: LightSlateGray;}
table.infobox.leerlijn-medisch th {background-color: Beige; color: #666;}
table.infobox.leerlijn-communicatie th {background-color: Seashell; color: #666;}
table.infobox.leerlijn-maatschappelijk th {background-color: Honeydew; color: #666;}
table.infobox.leerlijn-wetenschap th {background-color: AliceBlue; color: #666;}
table.infobox.leerlijn-ethiek th {background-color: Honeydew; color: #666;}
table.infobox.leerlijn-prof th {background-color: LavenderBlush; color: #666;}
table.infobox.leerlijn-intercult th {background-color: WhiteSmoke; color: #666;}

table.infobox tr {
	border: 1px solid;
	font-size: 100%;
}
table.infobox.huisarts1 tr {border: 1px solid #4ea24e;}
table.infobox.klin tr {border: 1px solid #228b22;}
table.infobox.cz tr {border: 1px solid #4aa6ff;}
table.infobox.ggz tr {border: 1px solid #1c86ee;}
table.infobox.huisarts2 tr {border: 1px solid #1874cd;}
table.infobox.regelgeving tr {border: 1px solid #666;}
table.infobox.regelgeving-sv tr {border: 1px solid #666;}
table.infobox.leerlijn-kort tr {border: 1px solid YellowGreen;}
table.infobox.leerlijn-spoed tr {border: 1px solid ForestGreen;}
table.infobox.leerlijn-chron tr {border: 1px solid LightSeaGreen;}
table.infobox.leerlijn-ouderen tr {border: 1px solid DodgerBlue;}
table.infobox.leerlijn-kind tr {border: 1px solid DarkMagenta;}
table.infobox.leerlijn-psych tr {border: 1px solid Crimson;}
table.infobox.leerlijn-solk tr {border: 1px solid OrangeRed;}
table.infobox.leerlijn-pall tr {border: 1px solid DarkOrange;}
table.infobox.leerlijn-preventie tr {border: 1px solid Gold;}
table.infobox.leerlijn-praktijk tr {border: 1px solid LightSlateGray;}
table.infobox.leerlijn-medisch tr {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-communicatie tr {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-maatschappelijk tr {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-wetenschap tr {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-ethiek tr {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-prof tr {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-intercult tr {border: 1px solid #a2a9b1;}

table.infobox td {
	padding: 5px 5px 0px 5px;
	vertical-align: top;
	font-size: 100%;
}
table.infobox.huisarts1.cel td {border: 1px solid #4ea24e;}
table.infobox.klin.cel td {border: 1px solid #228b22;}
table.infobox.cz.cel td {border: 1px solid #4aa6ff;}
table.infobox.ggz.cel td {border: 1px solid #1c86ee;}
table.infobox.huisarts2.cel td {border: 1px solid #1874cd;}
table.infobox.regelgeving.cel td {border: 1px solid #666;}
table.infobox.regelgeving-sv.cel td {border: 1px solid #666;}
table.infobox.leerlijn-kort.cel td {border: 1px solid YellowGreen;}
table.infobox.leerlijn-spoed.cel td {border: 1px solid ForestGreen;}
table.infobox.leerlijn-chron.cel td {border: 1px solid LightSeaGreen;}
table.infobox.leerlijn-ouderen.cel td {border: 1px solid DodgerBlue;}
table.infobox.leerlijn-kind.cel td {border: 1px solid DarkMagenta;}
table.infobox.leerlijn-psych.cel td {border: 1px solid Crimson;}
table.infobox.leerlijn-solk.cel td {border: 1px solid OrangeRed;}
table.infobox.leerlijn-pall.cel td {border: 1px solid DarkOrange;}
table.infobox.leerlijn-preventie.cel td {border: 1px solid Gold;}
table.infobox.leerlijn-praktijk.cel td {border: 1px solid LightSlateGray;}
table.infobox.leerlijn-medisch.cel td {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-communicatie.cel td {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-maatschappelijk.cel td {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-wetenschap.cel td {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-ethiek.cel td {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-prof.cel td {border: 1px solid #a2a9b1;}
table.infobox.leerlijn-intercult.cel td {border: 1px solid #a2a9b1;}

table.infobox.desktop th {
	padding-top:10px
	padding-right:20px
	padding-bottom:10px
	padding-left:20px
	text-align:center; 
	color: white;
	font-size: 100%;
}

@media only screen and (max-width: 600px) {
	table.infobox {
	width: 100% !important;
	margin-left: 0px !important;
	float: none;
    }
}

@media only screen and (max-width: 600px) {
	#desktop { 
	display: none; 
    }
}

@media only screen and (min-width: 601px) {
	#desktop { 
	display: block;
	width: 100% important!; 
    }
}

@media only screen and (max-width: 600px) {
	#mobiel { 
	display: block;
	width: 100% important!;
    }
}

@media only screen and (min-width: 600px) {
	#mobiel { 
	display: none; 
	width: 100% important!;
    }
}

.modal-dialog{text-align:center;}
.modal-content{display:inline-block;}




/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #285e8e;
}

/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
  border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
  border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
  border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
  border-left: 10px solid #398439;
}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
  border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
  border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
  border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
  border-left: 10px solid #ac2925;
}

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
  border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
  border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
  border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
  border-left: 10px solid #d58512;
}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
  border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
  border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
  border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
  border-left: 10px solid #269abc;
}

@@ Regel 207: / Regel 207: @@
 .modal-content{display:inline-block;}
-@media (max-width: 767px) {
-	.btn-breadcrumb { margin-left: 10px; margin-right: 10px; width: calc(100% - 20px) !important; }
-}
-.btn-breadcrumb{
-	width: 100%;
-	background-color: #fff;
-	border-radius: 4px;
-	border: solid 1px #ccc;
-}
-.btn-breadcrumb .btn{
-	border-color: transparent; border: 0px solid transparent;
-	border-right: 1px solid transparent !important;
-	font-size: 11px;
-}
-.breadcrumb-default{ background-color: #fff; }
-.btn-primary,.breadcrumb-primary{ background-color: #337ab7; }
-.btn-primary:hover{background-color: #286090;}
-.breadcrumb-success{ background-color: #5cb85c; }
-.breadcrumb-info{ background-color: #5bc0de; }
-.breadcrumb-warning{ background-color: #f0ad4e; }
-.breadcrumb-danger{ background-color: #d9534f; }
-.breadcrumb-negro{ background-color: #d4d4d4; }
-.btn-breadcrumb .btn:last-child {font-weight: bold; text-decoration: underline;}
-.btn-breadcrumb .btn:last-child:after{margin-left: -2px;}
-.btn-breadcrumb .btn:last-child:before{margin-left: -1px;}
-.btn-breadcrumb .btn-derecha{
-	float: right;
-	margin-right: 0px;
-	padding: 6px 10px 6px 10px !important;
-	margin-left: 0px !important;
-	border-radius: 0px !important;
-}
-.btn-breadcrumb .btn-derecha:first-child {
-	border-top-right-radius: 2px !important;
-	border-bottom-right-radius: 2px !important;
-}
-.btn-breadcrumb .btn-derecha:after, .btn-breadcrumb .btn-derecha:before{
-	content: none !important;
-}
-.btn-breadcrumb .btn:after {
+/** The Magic **/
+.btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
-   border-top: 13px solid transparent;
+   border-top: 17px solid transparent;
-   border-bottom: 14px solid transparent;
+   border-bottom: 17px solid transparent;
    border-left: 10px solid white;
    position: absolute;
    top: 50%;
-   margin-top: -14px;
+   margin-top: -17px;
-  margin-left: 0px;
    left: 100%;
    z-index: 3;
 }
-.btn-breadcrumb .btn:before {
+.btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
-   border-top: 13px solid transparent;
+   border-top: 17px solid transparent;
-   border-bottom: 14px solid transparent;
+   border-bottom: 17px solid transparent;
    border-left: 10px solid rgb(173, 173, 173);
    position: absolute;
    top: 50%;
-   margin-top: -14px;
+   margin-top: -17px;
    margin-left: 1px;
    left: 100%;
@@ Regel 284: / Regel 242: @@
 /** The Spacing **/
-.btn-breadcrumb .btn {padding:6px 12px 6px 24px;}
+.btn-breadcrumb .btn {
-.btn-breadcrumb .btn:first-child {padding:6px 6px 6px 10px;}
+  padding:6px 12px 6px 24px;
-.btn-breadcrumb .btn:last-child {padding:6px 18px 6px 24px;}
+}
+.btn-breadcrumb .btn:first-child {
+  padding:6px 6px 6px 10px;
+}
+.btn-breadcrumb .btn:last-child {
+  padding:6px 18px 6px 24px;
+}
 /** Default button **/
-.btn-breadcrumb .btn.btn-default:after { border-left: 10px solid #fff;}
+.btn-breadcrumb .btn.btn-default:not(:last-child):after {
-.btn-breadcrumb .btn.btn-default:hover:after {border-left: 10px solid #e6e6e6;}
+  border-left: 10px solid #fff;
-.btn-breadcrumb .btn.btn-default:hover:before, .btn-breadcrumb .btn.btn-default:before {border-left: 10px solid #adadad;}
+}
-.breadcrumb-default{ border: solid 1px #adadad; }
+.btn-breadcrumb .btn.btn-default:not(:last-child):before {
+  border-left: 10px solid #ccc;
+}
+.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
+  border-left: 10px solid #ebebeb;
+}
+.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
+  border-left: 10px solid #adadad;
+}
 /** Primary button **/
-.btn-breadcrumb .btn.btn-primary:after {border-left: 10px solid #337ab7;}
+.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
-.btn-breadcrumb .btn.btn-primary:hover:after {border-left: 10px solid #286090;}
+  border-left: 10px solid #428bca;
-.btn-breadcrumb .btn.btn-primary:hover:before, .btn-breadcrumb .btn.btn-primary:before {border-left: 10px solid #204d74;}
+}
-.breadcrumb-primary{ border: solid 1px #204d74; }
+.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
+  border-left: 10px solid #357ebd;
+}
+.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
+  border-left: 10px solid #3276b1;
+}
+.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
+  border-left: 10px solid #285e8e;
+}
 /** Success button **/
-.btn-breadcrumb .btn.btn-success:after {border-left: 10px solid #5cb85c;}
+.btn-breadcrumb .btn.btn-success:not(:last-child):after {
-.btn-breadcrumb .btn.btn-success:hover:after {border-left: 10px solid #449d44;}
+  border-left: 10px solid #5cb85c;
-.btn-breadcrumb .btn.btn-success:hover:before, .btn-breadcrumb .btn.btn-success:before {border-left: 10px solid #398439;}
+}
-.breadcrumb-success{ border: solid 1px #398439; }
+.btn-breadcrumb .btn.btn-success:not(:last-child):before {
+  border-left: 10px solid #4cae4c;
+}
+.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
+  border-left: 10px solid #47a447;
+}
+.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
+  border-left: 10px solid #398439;
+}
 /** Danger button **/
-.btn-breadcrumb .btn.btn-danger:after {border-left: 10px solid #d9534f;}
+.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
-.btn-breadcrumb .btn.btn-danger:hover:after {border-left: 10px solid #c9302c;}
+  border-left: 10px solid #d9534f;
-.btn-breadcrumb .btn.btn-danger:hover:before, .btn-breadcrumb .btn.btn-danger:before {border-left: 10px solid #ac2925;}
+}
-.breadcrumb-danger{ border: solid 1px #ac2925; }
+.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
+  border-left: 10px solid #d43f3a;
+}
+.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
+  border-left: 10px solid #d2322d;
+}
+.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
+  border-left: 10px solid #ac2925;
+}
 /** Warning button **/
-.btn-breadcrumb .btn.btn-warning:after {border-left: 10px solid #f0ad4e;}
+.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
-.btn-breadcrumb .btn.btn-warning:hover:after {border-left: 10px solid #ec971f;}
+  border-left: 10px solid #f0ad4e;
-.btn-breadcrumb .btn.btn-warning:hover:before, .btn-breadcrumb .btn.btn-warning:before {border-left: 10px solid #d58512;}
+}
-.breadcrumb-warning{ border: solid 1px #d58512; }
+.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
+  border-left: 10px solid #eea236;
+}
+.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
+  border-left: 10px solid #ed9c28;
+}
+.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
+  border-left: 10px solid #d58512;
+}
 /** Info button **/
-.btn-breadcrumb .btn.btn-info:after {border-left: 10px solid #5bc0de;}
+.btn-breadcrumb .btn.btn-info:not(:last-child):after {
-.btn-breadcrumb .btn.btn-info:hover:after {border-left: 10px solid #31b0d5;}
+  border-left: 10px solid #5bc0de;
-.btn-breadcrumb .btn.btn-info:hover:before, .btn-breadcrumb .btn.btn-info:before {border-left: 10px solid #269abc;}
+}
-.breadcrumb-info{ border: solid 1px #269abc; }
+.btn-breadcrumb .btn.btn-info:not(:last-child):before {
+  border-left: 10px solid #46b8da;
+}
+.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
+  border-left: 10px solid #39b3d7;
+}
+.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
+  border-left: 10px solid #269abc;
+}