MediaWiki: Tweeki.css
Uit MediaWikiGids
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; } /* https://forum.freecodecamp.org/t/why-does-btn-primary-make-a-button-blue/80707/3 */ .btn-primary { color: #fff; background-color: #BC0031; *background-color: #BC0031; /* gradient lijkt niet te werken: https://cyberchimps.com/forum-topic/hex-of-the-boostrap-buttons/ */ background-image: -moz-linear-gradient(top, #BC0031, #A00020); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#BC0031), to(#A00020)); background-image: -webkit-linear-gradient(top, #BC0031, #A00020); background-image: -o-linear-gradient(top, #BC0031, #A00020); background-image: linear-gradient(to bottom, #BC0031, #A00020); background-repeat: repeat-x; border-color: #A00020; background-position: 0 -32px; /* BM : eigen fiddle ....*/ } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #A00020; border-color: #A00020; background-position: 0 -32px; /* https://stackoverflow.com/questions/41339040/css-bootstrap-button-modification-color-only-changes-half-when-hover */ } .btn-primary:hover { color: #fff; background-color: #A00020; border-color: #A00020; background-position: 0 -32px; /* https://stackoverflow.com/questions/41339040/css-bootstrap-button-modification-color-only-changes-half-when-hover */ } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #A00020; border-color: #A00020; } .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: #A00020; border-color: #A00020; } .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: #A00020; border-color: #A00020; } .btn-primary .badge { color: #BC0031; background-color: #fff; } /* Styling van Section-edit-link voor gebruik VisualEditor */ .a.mw-editsection-visualeditor > span.glyphicon {display:none;}