MediaWiki: Common.css: verschil tussen versies
Uit Wiki HOVUmc
k |
k |
||
Regel 207: | Regel 207: | ||
.modal-content{display:inline-block;} | .modal-content{display:inline-block;} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | .btn-breadcrumb .btn:after { | + | /** The Magic **/ |
+ | .btn-breadcrumb .btn:not(:last-child):after { | ||
content: " "; | content: " "; | ||
display: block; | display: block; | ||
width: 0; | width: 0; | ||
height: 0; | height: 0; | ||
− | border-top: | + | border-top: 17px solid transparent; |
− | border-bottom: | + | border-bottom: 17px solid transparent; |
border-left: 10px solid white; | border-left: 10px solid white; | ||
position: absolute; | position: absolute; | ||
top: 50%; | top: 50%; | ||
− | margin-top: - | + | margin-top: -17px; |
− | |||
left: 100%; | left: 100%; | ||
z-index: 3; | z-index: 3; | ||
} | } | ||
− | .btn-breadcrumb .btn:before { | + | .btn-breadcrumb .btn:not(:last-child):before { |
content: " "; | content: " "; | ||
display: block; | display: block; | ||
width: 0; | width: 0; | ||
height: 0; | height: 0; | ||
− | border-top: | + | border-top: 17px solid transparent; |
− | border-bottom: | + | border-bottom: 17px solid transparent; |
border-left: 10px solid rgb(173, 173, 173); | border-left: 10px solid rgb(173, 173, 173); | ||
position: absolute; | position: absolute; | ||
top: 50%; | top: 50%; | ||
− | margin-top: - | + | margin-top: -17px; |
margin-left: 1px; | margin-left: 1px; | ||
left: 100%; | left: 100%; | ||
Regel 284: | Regel 242: | ||
/** The Spacing **/ | /** 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 **/ | /** 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: | + | border-left: 10px solid #fff; |
− | .btn-breadcrumb .btn.btn-default:hover: | + | } |
− | .breadcrumb-default{ border: solid | + | .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 **/ | /** Primary button **/ | ||
− | .btn-breadcrumb .btn.btn-primary:after {border-left: 10px solid # | + | .btn-breadcrumb .btn.btn-primary:not(:last-child):after { |
− | .btn-breadcrumb .btn.btn-primary: | + | border-left: 10px solid #428bca; |
− | .btn-breadcrumb .btn.btn-primary:hover: | + | } |
− | .breadcrumb-primary{ border: solid | + | .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 **/ | /** 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: | + | border-left: 10px solid #5cb85c; |
− | .btn-breadcrumb .btn.btn-success:hover: | + | } |
− | .breadcrumb-success{ border: solid | + | .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 **/ | /** 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: | + | border-left: 10px solid #d9534f; |
− | .btn-breadcrumb .btn.btn-danger:hover: | + | } |
− | .breadcrumb-danger{ border: solid | + | .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 **/ | /** 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: | + | border-left: 10px solid #f0ad4e; |
− | .btn-breadcrumb .btn.btn-warning:hover: | + | } |
− | .breadcrumb-warning{ border: solid | + | .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 **/ | /** 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: | + | border-left: 10px solid #5bc0de; |
− | .btn-breadcrumb .btn.btn-info:hover: | + | } |
− | .breadcrumb-info{ border: solid | + | .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; | ||
+ | } |
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;
}