MediaWiki: Tweeki.css: verschil tussen versies

Versie van 8 mrt 2018 om 20:00

/* 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;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #BC0031;
  border-color: #BC0031;
 background-position: 0 -30px;
}
.btn-primary:hover {
  color: #fff;
  background-color: #BC0031;
  border-color: #BC0031;
 background-position: 0 -30px;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #BC0031;
  border-color: #BC0031;
}
.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: #BC0031;
  border-color: #BC0031;
}
.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: #BC0031;
  border-color: #BC0031;
}
.btn-primary .badge {
  color: #BC0031;
  background-color: #fff;
}