« MediaWiki:Tweeki.css » : différence entre les versions

De Swiss Tchoukball Wiki
Aller à : navigation, rechercher
(Adapt CSS following update of MediaWiki and Tweeki)
(Set colour for “new” links)
 
(4 versions intermédiaires par le même utilisateur non affichées)
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;
}
/* Colours */
a {
  color: #ff0000;
}
a:hover {
  color: #b10000;
}
a.new,
a.new:visited {
  color: #6f42c1;
}
#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;
}
#maincontentwrapper .mw-ui-button.mw-ui-progressive:hover,
.btn-primary:hover,
body #contentwrapper #maincontentwrapper button.oo-ui-buttonElement-button:hover,
body #contentwrapper #maincontentwrapper input.oo-ui-buttonElement-button:hover, input[type=button][name=wpUpload]:hover,
input[type=submit][name=wpUpload]:hover {
background-color: #b10000;
border-color: #620000;
}
#maincontentwrapper .focus.mw-ui-button.mw-ui-progressive,
#maincontentwrapper .mw-ui-button.mw-ui-progressive:focus,
.btn-primary.focus, .btn-primary:focus,
body #contentwrapper #maincontentwrapper button.focus.oo-ui-buttonElement-button,
body #contentwrapper #maincontentwrapper button.oo-ui-buttonElement-button:focus,
body #contentwrapper #maincontentwrapper input.focus.oo-ui-buttonElement-button,
body #contentwrapper #maincontentwrapper input.oo-ui-buttonElement-button:focus,
input.focus[type=button][name=wpUpload],
input.focus[type=submit][name=wpUpload],
input[type=button][name=wpUpload]:focus,
input[type=submit][name=wpUpload]:focus {
background-color: #b10000;
border-color: #620000;
}
.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;
}
.btn-link:hover, body #contentwrapper #maincontentwrapper .cancelLink .oo-ui-buttonElement-button:hover {
color: #b10000;
}
.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-link:hover {
color: #b10000;
}
.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
}
a.text-primary:focus, a.text-primary:hover {
color: #b10000 !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
}
}

Dernière version du 20 mai 2024 à 15:48

/* Logo position */

.navbar-brand {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar-brand img {
  margin-top: 0;
}

/* Colours */

a {
  color: #ff0000;
}

a:hover {
  color: #b10000;
}

a.new,
a.new:visited {
  color: #6f42c1;
}

#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;
}

#maincontentwrapper .mw-ui-button.mw-ui-progressive:hover,
.btn-primary:hover,
body #contentwrapper #maincontentwrapper button.oo-ui-buttonElement-button:hover,
body #contentwrapper #maincontentwrapper input.oo-ui-buttonElement-button:hover, input[type=button][name=wpUpload]:hover,
input[type=submit][name=wpUpload]:hover {
	background-color: #b10000;
	border-color: #620000;
}

#maincontentwrapper .focus.mw-ui-button.mw-ui-progressive,
#maincontentwrapper .mw-ui-button.mw-ui-progressive:focus,
.btn-primary.focus, .btn-primary:focus,
body #contentwrapper #maincontentwrapper button.focus.oo-ui-buttonElement-button,
body #contentwrapper #maincontentwrapper button.oo-ui-buttonElement-button:focus,
body #contentwrapper #maincontentwrapper input.focus.oo-ui-buttonElement-button,
body #contentwrapper #maincontentwrapper input.oo-ui-buttonElement-button:focus,
input.focus[type=button][name=wpUpload],
input.focus[type=submit][name=wpUpload],
input[type=button][name=wpUpload]:focus,
input[type=submit][name=wpUpload]:focus {
	background-color: #b10000;
	border-color: #620000;
}

.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;
}

.btn-link:hover, body #contentwrapper #maincontentwrapper .cancelLink .oo-ui-buttonElement-button:hover {
	color: #b10000;
}

.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-link:hover {
	color: #b10000;
}

.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
}

a.text-primary:focus, a.text-primary:hover {
	color: #b10000 !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
}