« 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 à 14: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
}