MediaWiki: Tweeki.css

Uit MediaWikiGids
Versie door Bmulckhu (Overleg | bijdragen) op 8 mrt 2018 om 20:12 (Test redefine primary-btn)

Ga naar: navigatie, zoeken

Let op! Nadat u de wijzigingen hebt opgeslagen is het wellicht nodig uw browsercache te legen.

  • Firefox / Safari: houd Shift ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5 of Ctrl-R (⌘-Shift-R op een Mac)
  • Google Chrome: druk op Ctrl-Shift-R (⌘-Shift-R op een Mac)
  • Internet Explorer: houd Ctrl ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5
  • Opera: leeg uw cache in Extra → Voorkeuren
/* 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;
}

/* Redefine Primary button : http://blog.koalite.com/bbg/  */
.btn-primary { 
  color: #ffffff; 
  background-color: #BC0031; 
  border-color: #BC0031; 
} 
 
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
  color: #ffffff; 
  background-color: #a00020; 
  border-color: #BC0031; 
} 
 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
  background-image: none; 
} 
 
.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.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:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled].active, 
fieldset[disabled] .btn-primary.active { 
  background-color: #BC0031; 
  border-color: #BC0031; 
} 
 
.btn-primary .badge { 
  color: #BC0031; 
  background-color: #ffffff; 
}