MediaWiki:Citizen.css

Opmerking: nadat u de wijzigingen hebt gepubliceerd 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 / Edge: houd Ctrl ingedrukt terwijl u op Vernieuwen klikt of druk op Ctrl-F5
• Opera: druk op Ctrl-F5.

/* CSS die hier wordt geplaatst heeft alleen invloed op het uiterlijk Citizen */
/* Hide some buttons that are not particularly useful for this wiki */
#ca-history,
#ca-talk,
#t-specialpages, 
#t-upload,
#citizen-pref-fontsize,
#citizen-pref-pagewidth,
#citizen-pref-lineheight,
#citizen-pref-resetbutton,
#pt-mytalk,
#pt-watchlist {
	display: none;
}

/* Make the formedit button look the same as the edit button */
#p-views #ca-formedit > a {
	background-color: var(--color-primary);
	color: #fff;
}

#p-views #ca-formedit > a:hover {
    background-color: var(--color-primary--hover);
}

#p-views #ca-formedit > a::after {
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Cg fill=%22%23000%22%3E %3Cpath d=%22m19.5 9.8 2.2-2.2c.4-.4.4-1.1 0-1.6L18 2.3c-.4-.4-1.1-.4-1.6 0l-2.2 2.2 5.3 5.3zm-6.4-4.1L2 16.7V22h5.3l11.1-11.1c-.1 0-5.3-5.2-5.3-5.2z%22/%3E %3C/g%3E%3C/svg%3E");
}

#p-views #ca-formedit > a::after {
	filter: invert(1);
	opacity: 1;
}

/* Add slight hover animation to footer links */
#footer-icons a {
	opacity: 0.5;
	transition: opacity 0.55s ease;
}

#footer-icons a:hover {
	opacity: 1;
}

/* Improve look of maps on Citizen */
.maps-map {
	z-index: 0;
	border-radius: 5px;
}

/* Improve styling of top notice provided by Extension:PageNotice */
#top-notice-ns {
	font-size: 0.8125rem;
	color: var(--color-base--subtle);
}

/* Add some icons to the links in the sidebar */
#n-Nieuws a::after {
    background-image: linear-gradient(transparent,transparent),url("/w/resources/assets/nieuws-icon.png");
}

#n-Jaaragenda a::after {
    background-image: linear-gradient(transparent,transparent),url("/w/resources/assets/agenda-icon.png");
}

#n-Inschrijven a::after {
    background-image: linear-gradient(transparent,transparent),url("/w/resources/assets/inschrijven-icon.png");
}

#n-Over-Scouting-Hilvarenbeek a::after {
    background-image: linear-gradient(transparent,transparent),url("/w/resources/assets/over-icon.png");
}

#n-Bestuur a::after {
    background-image: linear-gradient(transparent,transparent),url("/w/resources/assets/bestuur-icon.png");
}

#n-Contact a::after {
    background-image: linear-gradient(transparent,transparent),url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAjCAYAAABhCKGoAAABrUlEQVRIie3WMWgUQRTG8Z9RFKIoehqb1FqoWFiKhWCZRsNZKbbWkjrYCGIndtEggoWCIFqEBFJc0ASCYiFYCTZqIyGQO4yKZ9ZiZmGNe3u53K4g+uCDZfft/GHmvTcfG4+TeIlvaOBYD/9uKHbgAdaQoI1bSZJsKROyG88iINXTer2+tUzIAMbxJQJauFwmII0aFiNkBruqgGzDbIQ8rAJQGmSnsM93MJmju/gYIe865EziNi4KFflL7ME1NIUy7aRsdRXlLWEMgyngIG5idd0i/WoFV7EX7uFryYBULdyAK/hQAWANb3FJPKALwmGu3/d+AG8wIlQl8eFc/NAqUDsu8r0gp4kXOPPb2IkvTkTYaI7O43WEzHfIGcVZHBVGUc/xxzv+iVD6eRqS6Y9+IEtY6KDnuB6BfUG66TMmMFwlJBHunvs4VCUkBU1UCfmBOZyqCtIWbs/jeuyXLGRVmHd5eo9HOLwZN5OFTAu+K09HsH+zdunvueP/Q/5ByIDgvWoFGhLGRILHXXJr2IftWcgBwfk1CjSH5Qj51CW3gSmczkKG8Uq5lqgp+AI/AcXxSzQBqFfsAAAAAElFTkSuQmCC");
}

#n-Groepen a::after {
    background-image: linear-gradient(transparent,transparent),url("/w/resources/assets/groepen-icon.png");
}