MediaWiki: Tweeki.css: verschil tussen versies
Uit MediaWikiGids
| Regel 27: | Regel 27: | ||
background-color: #BC0031; | background-color: #BC0031; | ||
border-color: #BC0031; | border-color: #BC0031; | ||
| − | + | background-position: 0 -32px; /* BM : eigen fiddle ....*/ | |
} | } | ||
.btn-primary:focus, | .btn-primary:focus, | ||
.btn-primary.focus { | .btn-primary.focus { | ||
color: #fff; | color: #fff; | ||
| − | background-color: # | + | background-color: #A00020; |
| − | border-color: # | + | border-color: #A00020; |
background-position: 0 -32px; /* https://stackoverflow.com/questions/41339040/css-bootstrap-button-modification-color-only-changes-half-when-hover */ | background-position: 0 -32px; /* https://stackoverflow.com/questions/41339040/css-bootstrap-button-modification-color-only-changes-half-when-hover */ | ||
} | } | ||
.btn-primary:hover { | .btn-primary:hover { | ||
color: #fff; | color: #fff; | ||
| − | background-color: # | + | background-color: #A00020; |
| − | border-color: # | + | border-color: #A00020; |
background-position: 0 -32px; /* https://stackoverflow.com/questions/41339040/css-bootstrap-button-modification-color-only-changes-half-when-hover */ | background-position: 0 -32px; /* https://stackoverflow.com/questions/41339040/css-bootstrap-button-modification-color-only-changes-half-when-hover */ | ||
} | } | ||
| Regel 46: | Regel 46: | ||
.open > .dropdown-toggle.btn-primary { | .open > .dropdown-toggle.btn-primary { | ||
color: #fff; | color: #fff; | ||
| − | background-color: # | + | background-color: #A00020; |
| − | border-color: # | + | border-color: #A00020; |
} | } | ||
.btn-primary:active:hover, | .btn-primary:active:hover, | ||
| Regel 59: | Regel 59: | ||
.open > .dropdown-toggle.btn-primary.focus { | .open > .dropdown-toggle.btn-primary.focus { | ||
color: #fff; | color: #fff; | ||
| − | background-color: # | + | background-color: #A00020; |
| − | border-color: # | + | border-color: #A00020; |
} | } | ||
.btn-primary:active, | .btn-primary:active, | ||
| Regel 76: | Regel 76: | ||
.btn-primary[disabled].focus, | .btn-primary[disabled].focus, | ||
fieldset[disabled] .btn-primary.focus { | fieldset[disabled] .btn-primary.focus { | ||
| − | background-color: # | + | background-color: #A00020; |
| − | border-color: # | + | border-color: #A00020; |
} | } | ||
.btn-primary .badge { | .btn-primary .badge { | ||
Versie van 8 mrt 2018 om 21:47
/* CSS placed here will be applied to Tweeki skin */
/* Toegevoegd c.q. overgenomen door BM om grid-voorbeeld te stylen */
.gridexample {
border:1px solid #f5f5f5;
min-height:10px;
margin-bottom:20px;
}
.gridexample .content {
background-color: #f5f5f5;
min-height: 50px;
margin-top: 3px;
margin-bottom: 3px;
font-size: smaller;
text-align: center;
padding-top: 10px;
color: #666;
font-style: italic;
border:1px solid white;
}
/* https://forum.freecodecamp.org/t/why-does-btn-primary-make-a-button-blue/80707/3 */
.btn-primary {
color: #fff;
background-color: #BC0031;
border-color: #BC0031;
background-position: 0 -32px; /* BM : eigen fiddle ....*/
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #A00020;
border-color: #A00020;
background-position: 0 -32px; /* https://stackoverflow.com/questions/41339040/css-bootstrap-button-modification-color-only-changes-half-when-hover */
}
.btn-primary:hover {
color: #fff;
background-color: #A00020;
border-color: #A00020;
background-position: 0 -32px; /* https://stackoverflow.com/questions/41339040/css-bootstrap-button-modification-color-only-changes-half-when-hover */
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #A00020;
border-color: #A00020;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #A00020;
border-color: #A00020;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: #A00020;
border-color: #A00020;
}
.btn-primary .badge {
color: #BC0031;
background-color: #fff;
}