Menu tonen/verbergen
Voorkeurenmenu omschakelen
Persoonlijk menu tonen/verbergen
Niet aangemeld
Uw IP-adres wordt openbaar zichtbaar als u wijzigingen aanbrengt.

MediaWiki:Citizen.css: verschil tussen versies

MediaWiki-interfacepagina
Geen bewerkingssamenvatting
Geen bewerkingssamenvatting
 
(8 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
:root {
:root {
--color-surface-2: #5D4141;
--color-surface-1: #3F2D2D;
/* --color-surface-0: #3E1C00;*/
/* --color-surface-0: #3E1C00;*/
--color-surface-0: #5D4141;
--color-surface-0: #5D4141;
 
--color-surface-1: rgba(63, 45, 45, 1);
--background-color-progressive: rgba(63, 45, 45, 1);
--color-surface-1--hover: rgba(63, 45, 45, 7);
--background-color-progressive--hover: rgba(63, 45, 45, .6);
--color-surface-1--active: rgba(63, 45, 45, 9);
--background-color-progressive--active: rgba(63, 45, 45, 1);
--color-surface-2: #5D4141;


--color-link: rgba(255, 168, 8, .8);
--color-link: rgba(255, 168, 8, .8);
--color-link-hover: rgba(255, 168, 8, .8);
--color-link--hover: rgba(255, 168, 8, .8);
--color-link-active: rgba(255, 168, 8, .8);
--color-link--active: rgba(255, 168, 8, .8);


--color-base: rgba(255, 255, 255, .7);
--color-base: rgba(255, 255, 255, .7);
--color-emphasized: rgba(255, 255, 255, 1);
--color-emphasized: rgba(255, 255, 255, 1);
--color-subtle: rgba(255, 255, 255, .5);
--color-subtle: rgba(255, 255, 255, .5);
--color-progressive: rgba(63, 45, 45, 1);
--color-progressive: rgba(63, 45, 45, 1);
--color-progressive--hover: rgba(63, 45, 45, .6);
--color-progressive--active: rgba(63, 45, 45, .7);


--color-progressive--hover: rgba(63, 45, 45, .6);
--background-color-progressive: rgba(63, 45, 45, 1);
--background-color-progressive--hover: rgba(63, 45, 45, .6);
--background-color-progressive--active: rgba(63, 45, 45, 1);
 
--color-destructive: rgba(255, 0, 0, .8);
--color-destructive--hover: rgba(255, 0, 0, .6);
--color-destructive--active: rgba(255, 0, 0, .7);
 
--backgroundcolor-destructive: rgba(255, 0, 0, .8);
--backgroundcolor-destructive--hover: rgba(255, 0, 0, .6);
--backgroundcolor-destructive--active: rgba(255, 0, 0, .7);
 
--color-surface-1-oklch__l: 0.32;
--color-surface-1-oklch__c: 0.03;
--color-progressive-oklch__h: 18.66;
}
}


Regel 31: Regel 46:
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover {
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover {
border-color: var(--color-subtle);
border-color: var(--color-subtle);
}
#footer-sitetitle .mw-logo-icon {
display: none;
}
}

Huidige versie van 5 dec 2025 21:09

:root {
/*	--color-surface-0: #3E1C00;*/
	--color-surface-0: #5D4141;
	--color-surface-1: rgba(63, 45, 45, 1);
	--color-surface-1--hover: rgba(63, 45, 45, 7);
	--color-surface-1--active: rgba(63, 45, 45, 9);
	--color-surface-2: #5D4141;

	--color-link: rgba(255, 168, 8, .8);
	--color-link--hover: rgba(255, 168, 8, .8);
	--color-link--active: rgba(255, 168, 8, .8);

	--color-base: rgba(255, 255, 255, .7);
	--color-emphasized: rgba(255, 255, 255, 1);
	--color-subtle: rgba(255, 255, 255, .5);

	--color-progressive: rgba(63, 45, 45, 1);
	--color-progressive--hover: rgba(63, 45, 45, .6);
	--color-progressive--active: rgba(63, 45, 45, .7);

	--background-color-progressive: rgba(63, 45, 45, 1);
	--background-color-progressive--hover: rgba(63, 45, 45, .6);
	--background-color-progressive--active: rgba(63, 45, 45, 1);

	--color-destructive: rgba(255, 0, 0, .8);
	--color-destructive--hover: rgba(255, 0, 0, .6);
	--color-destructive--active: rgba(255, 0, 0, .7);

	--backgroundcolor-destructive: rgba(255, 0, 0, .8);
	--backgroundcolor-destructive--hover: rgba(255, 0, 0, .6);
	--backgroundcolor-destructive--active: rgba(255, 0, 0, .7);

	--color-surface-1-oklch__l: 0.32;
	--color-surface-1-oklch__c: 0.03;
	--color-progressive-oklch__h: 18.66;
}

#footer-icons a {
	background: transparent;
}

#skin-client-prefs-skin-theme, #skin-client-prefs-citizen-feature-pure-black, #skin-client-prefs-citizen-feature-performance-mode {
	display: none !important;
}

.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover {
	border-color: var(--color-subtle);
}

#footer-sitetitle .mw-logo-icon {
	display: none;
}