MediaWiki:Citizen.css: verschil tussen versies

Versie van 16 jun 2022 15:25

/* 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");
}