MediaWiki:Mobile.css
Uit RKCToen
Opmerking: na het publiceren moet je misschien je browsercache legen om de veranderingen te zien.
- Firefox / Safari: houd Shift ingedrukt terwijl u:je 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)
- Edge: houd Ctrl ingedrukt terwijl u:je op Vernieuwen klikt of druk op Ctrl-F5.
/* Achtergrond en tekstkleuren */
body {
background-color: #f7f7f7; /* Lichtgrijze achtergrond */
color: #000000; /* Zwarte tekst */
}
/* Kopteksten */
h1, h2, h3, h4, h5, h6 {
color: #0033A0; /* Donkerblauw */
}
/* Links */
a {
color: #0033A0; /* Donkerblauw */
}
a:visited {
color: #002080; /* Iets donkerder blauw voor bezochte links */
}
a:hover, a:focus {
color: #FFD700; /* Geel bij hover/focus */
text-decoration: underline;
}
/* Navigatiebalk */
#mw-head, #mw-panel {
background-color: #0033A0; /* Donkerblauwe achtergrond */
color: #FFFFFF; /* Witte tekst */
}
/* Voettekst */
#footer {
background-color: #0033A0; /* Donkerblauwe achtergrond */
color: #FFFFFF; /* Witte tekst */
padding: 10px;
text-align: center;
}
/* Knoppen en interactieve elementen */
button, input[type="submit"], .mw-ui-button {
background-color: #FFD700; /* Gele achtergrond */
color: #000000; /* Zwarte tekst */
border: none;
padding: 10px 15px;
border-radius: 5px;
}
button:hover, input[type="submit"]:hover, .mw-ui-button:hover {
background-color: #FFC300; /* Iets donkerder geel bij hover */
cursor: pointer;
}
