Toggle menu
Toggle preferences menu
Toggle personal menu
Nejste přihlášen(a)
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Porovnání verzí

MediaWiki interface page
Draconia dark theme
 
fix light theme regression, lighten dark palette
 
Řádek 1: Řádek 1:
/* <pre><nowiki> */
/* <pre><nowiki> */


/* Draconia RP Wiki theme - CSS architecture adapted from the Tolkien Gateway
/* Draconia RP Wiki theme. Theme-agnostic bits only (fonts, blockquote,
   theme (CC BY-SA 4.0) for the Citizen skin, recolored to match draconia.cz. */
   references, infobox breakpoints) - color palette lives entirely in
  MediaWiki:Citizen.css, scoped to the dark theme only. */


/* Import fonts: Cinzel (headings, matches the main site's fantasy display
  font) + Lora (body, serif for long-form lore reading) */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..700&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..700&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');


/* CSS variables */
:root {
:root {
/* Border */
--tg-border-color-base: rgba(255, 255, 255, 0.08);
--tg-border-color-subtle: rgba(255, 255, 255, 0.04);
--tg-border-color-interactive: rgba(255, 255, 255, 0.14);
--tg-border-radius-sharp: 0;
--tg-border-radius-small: 4px;
--tg-border-radius-medium: 8px;
--tg-border-radius-large: 12px;
--tg-border-radius-pill: 9999px;
--tg-border-radius-circle: 50%;
--tg-border-base: 1px solid var(--tg-border-color-base);
/* Color - always dark, matching draconia.cz's own palette */
--tg-color-emphasized: #ffffff;
--tg-color-base: #e5e5e8;
--tg-color-subtle: #9a9aa4;
--tg-color-inverted-progressive: #141417;
--tg-color-link: #ff9438;
--tg-color-surface-0: #141417;
--tg-color-surface-1: #17171b;
--tg-color-surface-2: #1c1c21;
--tg-color-surface-3: #212127;
--tg-color-surface-4: #26262e;
--tg-color-surface-5: #2b2b34;
--tg-color-progressive: #f0801f;
--tg-color-progressive--hover: #ff9438;
--tg-color-progressive--active: #d9720f;
/* Font */
--tg-font-family-heading: 'Cinzel', 'Georgia', serif;
--tg-font-family-heading: 'Cinzel', 'Georgia', serif;
--tg-font-family-body: 'Lora', 'Georgia', serif;
--tg-font-family-body: 'Lora', 'Georgia', serif;
--tg-font-size-x-small: 0.8125rem;
--tg-font-size-small: 0.875rem;
--tg-font-size-medium: 1rem;
--tg-font-size-large: 1.125rem;
--tg-font-size-x-large: 1.25rem;
--tg-font-size-xx-large: 1.5rem;
--tg-font-size-xxx-large: 2rem;
--tg-font-weight-regular: 400;
--tg-font-weight-medium: 500;
--tg-font-weight-semibold: 600;
--tg-line-height-xxx-small: 1.25;
--tg-line-height-xx-small: 1.375;
--tg-line-height: 1.6;
--tg-opacity-pattern: 0.05;
--background-color-button-quiet--hover: rgba(255, 255, 255, 0.07);
--background-color-button-quiet--active: rgba(255, 255, 255, 0.09);
}
}


Řádek 68: Řádek 19:
blockquote {
blockquote {
padding-left: 1rem;
padding-left: 1rem;
border-left: 2px solid var(--tg-border-color-base);
border-left: 2px solid var(--border-color-base);
font-style: italic;
font-style: italic;
text-wrap: balance;
text-wrap: balance;
Řádek 75: Řádek 26:


blockquote cite {
blockquote cite {
color: var(--tg-color-subtle);
color: var(--color-base--subtle);
font-size: var(--tg-font-size-x-small);
font-size: var(--font-size-x-small);
font-style: normal;
font-style: normal;
}
}
Řádek 106: Řádek 57:
/* References */
/* References */
ol.references {
ol.references {
font-size: var(--tg-font-size-x-small);
font-size: var(--font-size-x-small);
margin-top: 0px;
margin-top: 0px;
padding-top: 0px;
padding-top: 0px;

Aktuální verze z 15. 7. 2026, 17:05

/* <pre><nowiki> */

/* Draconia RP Wiki theme. Theme-agnostic bits only (fonts, blockquote,
   references, infobox breakpoints) - color palette lives entirely in
   MediaWiki:Citizen.css, scoped to the dark theme only. */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..700&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');

:root {
	--tg-font-family-heading: 'Cinzel', 'Georgia', serif;
	--tg-font-family-body: 'Lora', 'Georgia', serif;
}

html {
	font-variant-numeric: lining-nums;
}

/* Blockquote */
blockquote {
	padding-left: 1rem;
	border-left: 2px solid var(--border-color-base);
	font-style: italic;
	text-wrap: balance;
	text-wrap: pretty;
}

blockquote cite {
	color: var(--color-base--subtle);
	font-size: var(--font-size-x-small);
	font-style: normal;
}

blockquote cite::before {
	content: '―';
	margin-right: 0.5em;
}

blockquote > p:first-child::before {
	content: open-quote;
}

blockquote:has(cite) > p:nth-last-child(2)::after,
blockquote:not(:has(cite)) > p:last-child::after {
	content: close-quote;
}

.underlinelink a {
	text-decoration: underline !important;
}
.nounderlinelink a {
	text-decoration: none !important;
}
.nounderlinelink a:hover {
	text-decoration: underline !important;
}

/* References */
ol.references {
	font-size: var(--font-size-x-small);
	margin-top: 0px;
	padding-top: 0px;
}
.references-small {
	font-size: 0.75rem;
}
ol.references > li:target {
	background-color: var(--color-surface-1);
}
sup.reference:target {
	background-color: var(--color-surface-1);
}

/* Infobox scaling for desktop and mobile */
@media only screen and (max-width: 600px) {
	.tginfobox {
		min-width: 100%;
	}
}

@media only screen and (min-width: 601px) {
	.tginfobox {
		width: 275px;
	}
}

.pi-data {
	display: flex;
	align-items: center;
}

/* Limit FloatingUI popup content width */
.ext-floatingui-floating-content {
	max-width: 50ch;
	padding: 12px;
}

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

/* </nowiki></pre> */