MediaWiki:Citizen.css: verschil tussen versies
MediaWiki interface page
Geen bewerkingssamenvatting |
Geen bewerkingssamenvatting |
||
Regel 9: | Regel 9: | ||
/* Make the formedit button look the same as the edit button */ | /* Make the formedit button look the same as the edit button */ | ||
#ca-formedit a { | #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"); | 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"); | ||
} | } | ||
#ca- | #p-views #ca-edit > a::after { | ||
filter: invert(1); | filter: invert(1); | ||
opacity: 1; | opacity: 1; |
Versie van 13 jun 2022 17:41
/* 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 { display: none; } /* Make the formedit button look the same as the edit button */ #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-edit > 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; }