MediaWiki:Citizen.css - Revision history

Skistner at 15:08, 2 March 2025

2025-03-02T15:08:45Z

← Older revision		Revision as of 17:08, 2 March 2025
Line 29:		Line 29:
	--color-box5-t:rgba(var(--color-box5), 0.1);		--color-box5-t:rgba(var(--color-box5), 0.1);

	--color-header1: 0, 204, 102;		--color-header1: 255, 204, 102;
	--color-header1-f:rgba(var(--color-header1), 1.0);		--color-header1-f:rgba(var(--color-header1), 1.0);
	--color-header1-t:rgba(var(--color-header1), 0.05);		--color-header1-t:rgba(var(--color-header1), 0.05);

Skistner at 15:41, 1 March 2025

2025-03-01T15:41:00Z

@@ Line 1: / Line 1: @@
 /* Das folgende CSS wird für Benutzer des Citizen-Skins geladen */
@@ Line 7: / Line 5: @@
      --color-primary__s: 88.5%;
      --color-primary__l: 47.8%;
      --background-color-table1: #b3b7ff;
      --background-color-table2: #e1e2ff;
      --background-color-table3: #e0e0e0;
      --color-base--subtle: #202020;
      --color-footer: #efefef;
-/*  --color-footer: #f79e36; */
+}
@@ Line 24: / Line 42: @@
      --color-surface-3: hsl(240, 13%,19%);
      --color-surface-4: hsl(240, 13%,24%);
      --background-color-table1: #953800;
      --background-color-table2: #841616;
      --background-color-table3: #481111;
      --color-base--subtle: #ffffff;
      --color-footer: #454545;
    /*
@@ Line 52: / Line 93: @@
+   }
+}
 /* Definitionen für Hintergrundfarben in Tabellen */

Skistner: Created page with "/* All CSS here will be loaded for users of the Citizen skin / / Das folgende CSS wird für Benutzer des Citizen-Skins geladen / :root { --color-primaryh: 33.1; --color-primarys: 88.5%; --color-primary__l: 47.8%; --background-color-table1: #b3b7ff; --background-color-table2: #e1e2ff; --background-color-table3: #e0e0e0; --color-base--subtle: #202020; / --color-base: hsl(240, 13.4%, 19%); / --color-footer: #efefef; / --color-fo..."

2024-11-13T13:51:00Z

Created page with "All CSS here will be loaded for users of the Citizen skin: Das folgende CSS wird für Benutzer des Citizen-Skins geladen: :root { --color-primary__h: 33.1; --color-primary__s: 88.5%; --color-primary__l: 47.8%; --background-color-table1: #b3b7ff; --background-color-table2: #e1e2ff; --background-color-table3: #e0e0e0; --color-base--subtle: #202020; --color-base: hsl(240, 13.4%, 19%);: --color-footer: #efefef; /* --color-fo..."

New page

/* All CSS here will be loaded for users of the Citizen skin */

/* Das folgende CSS wird für Benutzer des Citizen-Skins geladen */

:root {
--color-primary__h: 33.1;
--color-primary__s: 88.5%;
--color-primary__l: 47.8%;
--background-color-table1: #b3b7ff;
--background-color-table2: #e1e2ff;
--background-color-table3: #e0e0e0;
--color-base--subtle: #202020;
/* --color-base: hsl(240, 13.4%, 19%); */
--color-footer: #efefef;
/* --color-footer: #f79e36; */
}

@media screen {
:root.skin-citizen-dark {
--color-base: hsl(0, 0%, 100%);
--color-surface-0: hsl(240, 13%, 9%);
--color-surface-1: hsl(240, 13%,11%);
--color-surface-2: hsl(240, 13%,14%);
--color-surface-3: hsl(240, 13%,19%);
--color-surface-4: hsl(240, 13%,24%);
--background-color-table1: #953800;
--background-color-table2: #841616;
--background-color-table3: #481111;
--color-base--subtle: #ffffff;
--color-footer: #454545;

/*
--color-primary__l: 60%;
--color-base: hsl(240, 13.4%, 19%);
--color-base--emphasized: hsl(var(--color-primary__h),80%,95%);
--color-surface-0: hsl(var(--color-primary__h),20%,10%);
--color-surface-1: hsl(var(--color-primary__h),25%,12%);
--color-surface-2: hsl(var(--color-primary__h),25%,15%);
--color-surface-3: hsl(var(--color-primary__h),15%,20%);
--color-surface-4: hsl(var(--color-primary__h),15%,25%);
--background-color-primary--hover: hsl(var(--color-primary__h),var(--color-primary__s),15%);
--background-color-primary--active: hsl(var(--color-primary__h),var(--color-primary__s),20%);
--background-color-overlay: hsla(var(--color-primary__h),20%,10%,0.95);
--background-color-overlay--lighter: hsla(var(--color-primary__h),20%,10%,0.6);
--color-surface-2--hover: hsl(var(--color-primary__h),30%,19%);
--color-surface-2--active: hsl(var(--color-primary__h),30%,11%);
--surface-shadow: var(--color-primary__h),50%,3%;
--shadow-strength: 0.8;
--filter-invert: invert(1) hue-rotate(180deg);
--font-grade: -25;
*/
}
}

/* Definitionen für Hintergrundfarben in Tabellen */

table > * > tr.hintergrundfarbe1 > th,
table > * > tr > th.hintergrundfarbe1,
table.hintergrundfarbe1,
.hintergrundfarbe1 { /* Wie Inhaltsverzeichnis */
background-color: var(--background-color);
}

table > * > tr.hintergrundfarbe10 > th,
table > * > tr > th.hintergrundfarbe10,
table.hintergrundfarbe10,
.hintergrundfarbe10 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
background-color: var(--background-color-table1);
}

table > * > tr.hintergrundfarbe11 > th,
table > * > tr > th.hintergrundfarbe11,
table.hintergrundfarbe11,
.hintergrundfarbe11 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
background-color: var(--background-color-table2);
}

table > * > tr.hintergrundfarbe12 > th,
table > * > tr > th.hintergrundfarbe12,
table.hintergrundfarbe12,
.hintergrundfarbe12 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
background-color: var(--background-color-table3);
}

/* Allgemeine Definitionen im Theme */

.citizen-footer {
background-color: var(--color-footer);
}

.citizen-body a.image:hover:not(.lazy):not(.new) > img {
transform: scale(1.0);
}