« MediaWiki:Tweeki.css » : différence entre les versions
De Swiss Tchoukball Wiki
(Adapt CSS following update of MediaWiki and Tweeki) |
(Set primary colour to red) |
||
Ligne 1 : | Ligne 1 : | ||
/* Logo position */ | |||
.navbar-brand { | .navbar-brand { | ||
padding-top: 0; | padding-top: 0; | ||
Ligne 6 : | Ligne 8 : | ||
.navbar-brand img { | .navbar-brand img { | ||
margin-top: 0; | margin-top: 0; | ||
} | |||
/* Primary colour */ | |||
a { | |||
color: #ff0000; | |||
} | |||
#maincontentwrapper .mw-ui-button.mw-ui-progressive, | |||
.btn-primary, | |||
body #contentwrapper #maincontentwrapper button.oo-ui-buttonElement-button, | |||
body #contentwrapper #maincontentwrapper input.oo-ui-buttonElement-button, | |||
input[type=button][name=wpUpload], | |||
input[type=submit][name=wpUpload] { | |||
background-color:#ff0000; | |||
border-color:#ff0000; | |||
} | |||
#maincontentwrapper .disabled.mw-ui-button.mw-ui-progressive, | |||
#maincontentwrapper .mw-ui-button.mw-ui-progressive:disabled, | |||
.btn-primary.disabled, .btn-primary:disabled, | |||
body #contentwrapper #maincontentwrapper button.disabled.oo-ui-buttonElement-button, | |||
body #contentwrapper #maincontentwrapper button.oo-ui-buttonElement-button:disabled, | |||
body #contentwrapper #maincontentwrapper input.disabled.oo-ui-buttonElement-button, | |||
body #contentwrapper #maincontentwrapper input.oo-ui-buttonElement-button:disabled, | |||
input.disabled[type=button][name=wpUpload], | |||
input.disabled[type=submit][name=wpUpload], | |||
input[type=button][name=wpUpload]:disabled, | |||
input[type=submit][name=wpUpload]:disabled { | |||
background-color: #ff0000; | |||
border-color: #ff0000; | |||
} | |||
.btn-outline-primary { | |||
border-color: #ff0000; | |||
color: #ff0000; | |||
} | |||
.btn-outline-primary:hover { | |||
background-color: #ff0000; | |||
border-color: #ff0000; | |||
} | |||
.btn-outline-primary.disabled, .btn-outline-primary:disabled { | |||
background-color: transparent; | |||
color: #ff0000 | |||
} | |||
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { | |||
background-color: #ff0000; | |||
border-color: #ff0000; | |||
} | |||
.btn-link, body #contentwrapper #maincontentwrapper .cancelLink .oo-ui-buttonElement-button { | |||
color: #ff0000; | |||
} | |||
.dropdown-item.active, .dropdown-item:active { | |||
background-color: #ff0000; | |||
} | |||
.custom-control-input:checked~.custom-control-label:before { | |||
background-color: #ff0000; | |||
border-color: #ff0000; | |||
} | |||
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before { | |||
background-color: #ff0000; | |||
border-color: #ff0000 | |||
} | |||
.custom-range::-webkit-slider-thumb, | |||
.custom-range::-moz-range-thumb, | |||
.custom-range::-ms-thumb { | |||
background-color: #ff0000; | |||
} | |||
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { | |||
background-color: #ff0000; | |||
} | |||
.page-link { | |||
color: #ff0000; | |||
} | |||
.page-item.active .page-link { | |||
background-color: #ff0000; | |||
border-color: #ff0000; | |||
} | |||
.badge-primary { | |||
background-color: #ff0000; | |||
} | |||
.progress-bar { | |||
background-color: #ff0000; | |||
} | |||
.list-group-item.active { | |||
background-color: #ff0000; | |||
border-color: #ff0000; | |||
} | |||
.bg-primary { | |||
background-color: #ff0000 !important | |||
} | |||
.border-primary { | |||
border-color: #ff0000 !important | |||
} | |||
.text-primary { | |||
color: #ff0000 !important | |||
} | |||
body #contentwrapper #maincontentwrapper .mw-ui-checkbox:not(#noop) [type=checkbox]:enabled:checked+label:before { | |||
background-color: #ff0000; | |||
border-color: #ff0000 | |||
} | |||
body .oo-ui-widget-enabled [type=checkbox]:checked+span { | |||
background-color: #ff0000 !important; | |||
border-color: #ff0000 !important | |||
} | } |
Version du 20 mai 2024 à 15:36
/* Logo position */ .navbar-brand { padding-top: 0; padding-bottom: 0; } .navbar-brand img { margin-top: 0; } /* Primary colour */ a { color: #ff0000; } #maincontentwrapper .mw-ui-button.mw-ui-progressive, .btn-primary, body #contentwrapper #maincontentwrapper button.oo-ui-buttonElement-button, body #contentwrapper #maincontentwrapper input.oo-ui-buttonElement-button, input[type=button][name=wpUpload], input[type=submit][name=wpUpload] { background-color:#ff0000; border-color:#ff0000; } #maincontentwrapper .disabled.mw-ui-button.mw-ui-progressive, #maincontentwrapper .mw-ui-button.mw-ui-progressive:disabled, .btn-primary.disabled, .btn-primary:disabled, body #contentwrapper #maincontentwrapper button.disabled.oo-ui-buttonElement-button, body #contentwrapper #maincontentwrapper button.oo-ui-buttonElement-button:disabled, body #contentwrapper #maincontentwrapper input.disabled.oo-ui-buttonElement-button, body #contentwrapper #maincontentwrapper input.oo-ui-buttonElement-button:disabled, input.disabled[type=button][name=wpUpload], input.disabled[type=submit][name=wpUpload], input[type=button][name=wpUpload]:disabled, input[type=submit][name=wpUpload]:disabled { background-color: #ff0000; border-color: #ff0000; } .btn-outline-primary { border-color: #ff0000; color: #ff0000; } .btn-outline-primary:hover { background-color: #ff0000; border-color: #ff0000; } .btn-outline-primary.disabled, .btn-outline-primary:disabled { background-color: transparent; color: #ff0000 } .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle { background-color: #ff0000; border-color: #ff0000; } .btn-link, body #contentwrapper #maincontentwrapper .cancelLink .oo-ui-buttonElement-button { color: #ff0000; } .dropdown-item.active, .dropdown-item:active { background-color: #ff0000; } .custom-control-input:checked~.custom-control-label:before { background-color: #ff0000; border-color: #ff0000; } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label:before { background-color: #ff0000; border-color: #ff0000 } .custom-range::-webkit-slider-thumb, .custom-range::-moz-range-thumb, .custom-range::-ms-thumb { background-color: #ff0000; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: #ff0000; } .page-link { color: #ff0000; } .page-item.active .page-link { background-color: #ff0000; border-color: #ff0000; } .badge-primary { background-color: #ff0000; } .progress-bar { background-color: #ff0000; } .list-group-item.active { background-color: #ff0000; border-color: #ff0000; } .bg-primary { background-color: #ff0000 !important } .border-primary { border-color: #ff0000 !important } .text-primary { color: #ff0000 !important } body #contentwrapper #maincontentwrapper .mw-ui-checkbox:not(#noop) [type=checkbox]:enabled:checked+label:before { background-color: #ff0000; border-color: #ff0000 } body .oo-ui-widget-enabled [type=checkbox]:checked+span { background-color: #ff0000 !important; border-color: #ff0000 !important }