Zoeken tonen/verbergen
Menu tonen/verbergen
1
47
Secretway Wiki
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
Meer acties
← Oudere bewerking
Geen bewerkingssamenvatting
Label: Teruggedraaid
Geen bewerkingssamenvatting
 
(36 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
/* ===============================================
  CUSTOM BROWN THEME — GAME-INSPIRED
  =============================================== */
/* ---------- GLOBAL COLORS ---------- */
:root {
:root {
    --brown-dark: #3E2A24;       /* Footer / deep background */
/* --color-surface-0: #3E1C00;*/
    --brown-base: #5B3A2E;       /* Main content */
--color-surface-0: #5D4141;
    --brown-accent: #8B5E3C;     /* Headers / highlights */
--color-surface-1: rgba(63, 45, 45, 1);
    --text-light: #E0D4C8;       /* Text color */
--color-surface-1--hover: rgba(63, 45, 45, 7);
--color-surface-1--active: rgba(63, 45, 45, 9);
--color-surface-2: #5D4141;


    /* Secretway variables */
--color-link: rgba(255, 168, 8, .8);
    --main-bg-color: #5D4141;
--color-link--hover: rgba(255, 168, 8, .8);
    --main-bg-color-transparent: rgb(93, 65, 65, .9);
--color-link--active: rgba(255, 168, 8, .8);
    --secondary-bg-color: #3E1C00;
    --secondary-bg-color-transparent: rgba(62, 28, 0, .9);
    --tertiarty-bg-color: #3F2D2D;
    --4th-bg-color: transparent;
    /*--4th-bg-color: #493434;*/
    --list-primary-color: #3F2D2D;
    --list-secondary-color: #493434;
    /*--list-secondary-color: rgba(63, 45, 45, 0.7);*/
    --button-secondary-bg-color-transparent: rgba(63, 45, 45, 1);
    --button-tertiary-bg-color-transparent: rgba(63, 45, 45, .8);
    --dark-border-color: rgba(62, 28, 0, .2);
}


/* ---------- PAGE BACKGROUND ---------- */
--color-base: rgba(255, 255, 255, .7);
body,
--color-emphasized: rgba(255, 255, 255, 1);
.skin-citizen {
--color-subtle: rgba(255, 255, 255, .5);
    background: var(--brown-dark) !important;
    color: var(--text-light) !important;
}


/* ---------- CONTENT BOX ---------- */
--color-progressive: rgba(63, 45, 45, 1);
.citizen-body,
--color-progressive--hover: rgba(63, 45, 45, .6);
#content,
--color-progressive--active: rgba(63, 45, 45, .7);
.mw-body {
    background: var(--main-bg-color) !important;
    color: var(--text-light) !important;
    border: 1px solid var(--brown-accent) !important;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0,0,0,.5);
}


/* ---------- HEADER & NAVBAR ---------- */
--background-color-progressive: rgba(63, 45, 45, 1);
.citizen-header,
--background-color-progressive--hover: rgba(63, 45, 45, .6);
.citizen-header-container {
--background-color-progressive--active: rgba(63, 45, 45, 1);
    background: var(--secondary-bg-color-transparent) !important;
    border-bottom: 2px solid var(--brown-dark) !important;
    color: var(--text-light) !important;
}


/* ---------- SIDEBAR ---------- */
--color-destructive: rgba(255, 0, 0, .8);
.citizen-sidebar,
--color-destructive--hover: rgba(255, 0, 0, .6);
.citizen-sidebar-portlet {
--color-destructive--active: rgba(255, 0, 0, .7);
    background: var(--brown-base) !important;
    border: 1px solid var(--brown-accent) !important;
    border-radius: 6px;
    color: var(--text-light) !important;
}


/* ---------- PAGE TITLES ---------- */
--backgroundcolor-destructive: rgba(255, 0, 0, .8);
.citizen-page-header {
--backgroundcolor-destructive--hover: rgba(255, 0, 0, .6);
    background: var(--brown-accent) !important;
--backgroundcolor-destructive--active: rgba(255, 0, 0, .7);
    border-bottom: 2px solid var(--brown-dark) !important;
}
.citizen-page-header h1,
.citizen-page-header h2,
.citizen-page-header h3 {
    color: var(--text-light) !important;
}


/* ---------- LINKS ---------- */
--color-surface-1-oklch__l: 0.32;
a {
--color-surface-1-oklch__c: 0.03;
    color: var(--brown-accent) !important;
--color-progressive-oklch__h: 18.66;
}
a:hover {
    color: #C79A6E !important; /* licht gouden highlight */
}
}


/* ---------- TABLES ---------- */
#footer-icons a {
table {
background: transparent;
    background-color: var(--brown-base) !important;
    color: var(--text-light) !important;
    border: 1px solid var(--brown-accent) !important;
}
th {
    background: var(--brown-accent) !important;
}
tr:nth-child(even) {
    background: #4F2F26 !important; /* subtiele afwisseling */
}
}


/* ---------- BUTTONS ---------- */
#skin-client-prefs-skin-theme, #skin-client-prefs-citizen-feature-pure-black, #skin-client-prefs-citizen-feature-performance-mode {
button,
display: none !important;
.citizen-button,
.mw-htmlform-submit {
    background: var(--brown-accent) !important;
    color: var(--text-light) !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 6px 12px !important;
}
button:hover,
.citizen-button:hover {
    background: #C79A6E !important;  /* licht gouden hover */
}
}


/* ---------- FOOTER ---------- */
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover {
.citizen-footer,
border-color: var(--color-subtle);
.citizen-footer-container {
    background: var(--brown-dark) !important;
    color: var(--text-light) !important;
}
}


/* ---------- CUSTOM FOOTER LOGO ---------- */
#footer-sitetitle .mw-logo-icon {
.my-footer-logo img {
display: none;
    height: 40px;
    background: transparent !important;
    margin: 10px auto;
    display: block;
}
}

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;
}
Overgenomen van "https://wiki.secretway.nl/index.php?title=MediaWiki:Citizen.css&oldid=48"
Laatste wijziging
Deze pagina is voor het laatst bewerkt op 5 dec 2025 om 21:09.