|
|
| (4 tussenliggende versies door dezelfde gebruiker niet weergegeven) |
| Regel 1: |
Regel 1: |
| /* Achtergrond en tekstkleuren */
| | @media screen and (max-width: 768px) { |
| body {
| | .tile-halves { |
| background-color: #f7f7f7; /* Lichtgrijze achtergrond */
| | display: flex; |
| color: #000000; /* Zwarte tekst */
| | flex-direction: column !important; /* Stapel de blokken onder elkaar */ |
| } | | gap: 20px; |
| | } |
|
| |
|
| /* Kopteksten */
| | .tile-halves > * { |
| h1, h2, h3, h4, h5, h6 {
| | width: 100% !important; /* Laat elk blok de volle breedte gebruiken */ |
| color: #0033A0; /* Donkerblauw */ | | box-sizing: border-box; |
| }
| | } |
| | |
| /* 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;
| |
| } | | } |
@media screen and (max-width: 768px) {
.tile-halves {
display: flex;
flex-direction: column !important; /* Stapel de blokken onder elkaar */
gap: 20px;
}
.tile-halves > * {
width: 100% !important; /* Laat elk blok de volle breedte gebruiken */
box-sizing: border-box;
}
}
