Space Station 14 Вики

MediaWiki:Common.css: различия между версиями

Интерактивная навигация по истории
← Предыдущая правкаСледующая правка →
мНет описания правки
мНет описания правки
Строка 106: Строка 106:
/* Red */
/* Red */
--bg-color-red-50: #312125;
--bg-color-red--hsl: 0.00deg 54.79%;
--bg-color-red-100: #712121;
--bg-color-red--hsl-alpha: 28.63%;
--bg-color-red-150: #8b2626;
--bg-color-red-subtle: #512529;
--bg-color-red-100: hsl(var(--bg-color-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-red--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-red-50: color-mix(in srgb, var(--bg-color-red-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-red-150: hsl(var(--bg-color-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-red--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-red-subtle: color-mix(in srgb, var(--bg-color-red-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
/* Yellow */
/* Yellow */
Строка 119: Строка 122:
--bg-color-yellow-150: hsl(var(--bg-color-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-yellow--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-yellow-150: hsl(var(--bg-color-yellow--hsl) calc(var(--brightness-hsl) + var(--bg-color-yellow--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-yellow-subtle: color-mix(in srgb, var(--bg-color-yellow-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
--bg-color-yellow-subtle: color-mix(in srgb, var(--bg-color-yellow-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
 
/* Brown */
/* Brown */
--bg-color-brown-50: #2c2625;
--bg-color-brown--hsl: 29.43deg 45.30%;
--bg-color-brown-100: #553a20;
--bg-color-brown--hsl-alpha: 22.94%;
--bg-color-brown-150: #67421f;
 
--bg-color-brown-subtle: #3f3127;
--bg-color-brown-100: hsl(var(--bg-color-brown--hsl) calc(var(--brightness-hsl) + var(--bg-color-brown--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-brown-50: color-mix(in srgb, var(--bg-color-brown-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-brown-150: hsl(var(--bg-color-brown--hsl) calc(var(--brightness-hsl) + var(--bg-color-brown--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-brown-subtle: color-mix(in srgb, var(--bg-color-brown-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
 
/* Blue */
/* Blue */
--bg-color-blue-50: #202834;
--bg-color-blue--hsl: 210.79deg 55.07%;
--bg-color-blue-100: #1f446b;
--bg-color-blue--hsl-alpha: 27.06%;
--bg-color-blue-150: #23507f;
 
--bg-color-blue-subtle: #2d3546;
--bg-color-blue-100: hsl(var(--bg-color-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-blue--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-blue-50: color-mix(in srgb, var(--bg-color-blue-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-blue-150: hsl(var(--bg-color-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-blue--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-blue-subtle: color-mix(in srgb, var(--bg-color-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
 
/* Sky Blue */
/* Sky Blue */
--bg-color-sky-blue-50: #212936;
--bg-color-sky-blue--hsl: 211.11deg 54.36%;
--bg-color-sky-blue-100: #224973;
--bg-color-sky-blue--hsl-alpha: 29.22%;
--bg-color-sky-blue-150: #325b89;
 
--bg-color-sky-blue-subtle: #2f3543;
--bg-color-sky-blue-100: hsl(var(--bg-color-sky-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-sky-blue--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-sky-blue-50: color-mix(in srgb, var(--bg-color-sky-blue-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-sky-blue-150: hsl(var(--bg-color-sky-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-sky-blue--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-sky-blue-subtle: color-mix(in srgb, var(--bg-color-sky-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
 
/* Turquoise */
/* Turquoise */
--bg-color-turquoise-50: #1b2f35;
--bg-color-turquoise--hsl: 185.05deg 95.96%;
--bg-color-turquoise-100: #025961;
--bg-color-turquoise--hsl-alpha: 19.41%;
--bg-color-turquoise-150: #036670;
 
--bg-color-turquoise-subtle: #283842;
--bg-color-turquoise-100: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-turquoise-50: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-turquoise-150: hsl(var(--bg-color-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-turquoise--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-turquoise-subtle: color-mix(in srgb, var(--bg-color-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
 
/* Azure */
/* Azure */
--bg-color-azure-50: #1a2c36;
--bg-color-azure--hsl: 195.29deg 100.00%;
--bg-color-azure-100: #004c66;
--bg-color-azure--hsl-alpha: 20.00%;
--bg-color-azure-150: #005875;
 
--bg-color-azure-subtle: #273643;
--bg-color-azure-100: hsl(var(--bg-color-azure--hsl) calc(var(--brightness-hsl) + var(--bg-color-azure--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-azure-50: color-mix(in srgb, var(--bg-color-azure-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-azure-150: hsl(var(--bg-color-azure--hsl) calc(var(--brightness-hsl) + var(--bg-color-azure--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-azure-subtle: color-mix(in srgb, var(--bg-color-azure-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
 
/* Purple */
/* Purple */
--bg-color-purple-50: #292034;
--bg-color-purple--hsl: 273.95deg 55.07%;
--bg-color-purple-100: #4a1f6b;
--bg-color-purple--hsl-alpha: 27.06%;
--bg-color-purple-150: #552679;
 
--bg-color-purple-subtle: #352d45;
--bg-color-purple-100: hsl(var(--bg-color-purple--hsl) calc(var(--brightness-hsl) + var(--bg-color-purple--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-purple-50: color-mix(in srgb, var(--bg-color-purple-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-purple-150: hsl(var(--bg-color-purple--hsl) calc(var(--brightness-hsl) + var(--bg-color-purple--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-purple-subtle: color-mix(in srgb, var(--bg-color-purple-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
 
/* Violet */
/* Violet */
--bg-color-violet-50: #272033;
--bg-color-violet--hsl: 266.57deg 53.03%;
--bg-color-violet-100: #3e1f65;
--bg-color-violet--hsl-alpha: 25.88%;
--bg-color-violet-150: #4a2a71;
 
--bg-color-violet-subtle: #322f41;
--bg-color-violet-100: hsl(var(--bg-color-violet--hsl) calc(var(--brightness-hsl) + var(--bg-color-violet--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-violet-50: color-mix(in srgb, var(--bg-color-violet-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-violet-150: hsl(var(--bg-color-violet--hsl) calc(var(--brightness-hsl) + var(--bg-color-violet--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-violet-subtle: color-mix(in srgb, var(--bg-color-violet-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
 
/* Green */
/* Green */
--bg-color-green-50: #212f26;
--bg-color-green--hsl: 124.55deg 48.53%;
--bg-color-green-100: #236528;
--bg-color-green--hsl-alpha: 26.67%;
--bg-color-green-150: #2c7332;
 
--bg-color-green-subtle: #2e3f37;
--bg-color-green-100: hsl(var(--bg-color-green--hsl) calc(var(--brightness-hsl) + var(--bg-color-green--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-green-50: color-mix(in srgb, var(--bg-color-green-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-green-150: hsl(var(--bg-color-green--hsl) calc(var(--brightness-hsl) + var(--bg-color-green--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-green-subtle: color-mix(in srgb, var(--bg-color-green-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
 
/* Emerald */
/* Emerald */
--bg-color-emerald-50: #1b2f2a;
--bg-color-emerald--hsl: 155.00deg 94.12%;
--bg-color-emerald-100: #03633b;
--bg-color-emerald--hsl-alpha: 20.00%;
--bg-color-emerald-150: #096f44;
 
--bg-color-emerald-subtle: #2d393d;
--bg-color-emerald-100: hsl(var(--bg-color-emerald--hsl) calc(var(--brightness-hsl) + var(--bg-color-emerald--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-emerald-50: color-mix(in srgb, var(--bg-color-emerald-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-emerald-150: hsl(var(--bg-color-emerald--hsl) calc(var(--brightness-hsl) + var(--bg-color-emerald--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-emerald-subtle: color-mix(in srgb, var(--bg-color-emerald-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));


/* Pastel Red */
/* Pastel Red */
--bg-color-pastel-red-100: #911d2e;
--bg-color-pastel-red--hsl: 351.21deg 66.67%;
--bg-color-pastel-red-150: #911d2e;
--bg-color-pastel-red--hsl-alpha: 34.12%;
 
--bg-color-pastel-red-100: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-red-50: color-mix(in srgb, var(--bg-color-pastel-red-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pastel-red-150: hsl(var(--bg-color-pastel-red--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-red--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-red-subtle: color-mix(in srgb, var(--bg-color-pastel-red-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
 
/* Pastel Blue */
/* Pastel Blue */
--bg-color-pastel-blue-100: #4c467f;
--bg-color-pastel-blue--hsl: 246.32deg 28.93%;
--bg-color-pastel-blue-150: #4c467f;
--bg-color-pastel-blue--hsl-alpha: 38.63%;
 
/* Pastel Sky Blue */
--bg-color-pastel-blue-100: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-skyblue-100: #2b5867;
--bg-color-pastel-blue-50: color-mix(in srgb, var(--bg-color-pastel-blue-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pastel-skyblue-150: #2b5867;
--bg-color-pastel-blue-150: hsl(var(--bg-color-pastel-blue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-blue--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-blue-subtle: color-mix(in srgb, var(--bg-color-pastel-blue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
 
/* Pastel Skyblue */
--bg-color-pastel-skyblue--hsl: 195.00deg 41.10%;
--bg-color-pastel-skyblue--hsl-alpha: 28.63%;
 
--bg-color-pastel-skyblue-100: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-skyblue-50: color-mix(in srgb, var(--bg-color-pastel-skyblue-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pastel-skyblue-150: hsl(var(--bg-color-pastel-skyblue--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-skyblue--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-skyblue-subtle: color-mix(in srgb, var(--bg-color-pastel-skyblue-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
 
/* Pastel Magenta */
/* Pastel Magenta */
--bg-color-pastel-magenta-100: #7d3071;
--bg-color-pastel-magenta--hsl: 309.35deg 44.51%;
--bg-color-pastel-magenta-150: #7d3071;
--bg-color-pastel-magenta--hsl-alpha: 33.92%;
 
--bg-color-pastel-magenta-100: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-magenta-50: color-mix(in srgb, var(--bg-color-pastel-magenta-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pastel-magenta-150: hsl(var(--bg-color-pastel-magenta--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-magenta--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-magenta-subtle: color-mix(in srgb, var(--bg-color-pastel-magenta-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
 
/* Pastel Lime */
/* Pastel Lime */
--bg-color-pastel-lime-100: #5f832f;
--bg-color-pastel-lime--hsl: 85.71deg 47.19%;
--bg-color-pastel-lime-150: #5f832f;
--bg-color-pastel-lime--hsl-alpha: 34.90%;
 
--bg-color-pastel-lime-100: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-lime-50: color-mix(in srgb, var(--bg-color-pastel-lime-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pastel-lime-150: hsl(var(--bg-color-pastel-lime--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-lime--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-lime-subtle: color-mix(in srgb, var(--bg-color-pastel-lime-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
 
/* Pastel Turquoise */
/* Pastel Turquoise */
--bg-color-pastel-turquoise-100: #346d6a;
--bg-color-pastel-turquoise--hsl: 176.84deg 35.40%;
--bg-color-pastel-turquoise-150: #346d6a;
--bg-color-pastel-turquoise--hsl-alpha: 31.57%;
 
--bg-color-pastel-turquoise-100: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-turquoise-50: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pastel-turquoise-150: hsl(var(--bg-color-pastel-turquoise--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-turquoise--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-turquoise-subtle: color-mix(in srgb, var(--bg-color-pastel-turquoise-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
 
/* Pastel Grey */
/* Pastel Grey */
--bg-color-pastel-grey-100: #757269;
--bg-color-pastel-grey--hsl: 45.00deg 5.41%;
--bg-color-pastel-grey-150: #757269;
--bg-color-pastel-grey--hsl-alpha: 43.53%;
 
--bg-color-pastel-grey-100: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-grey-50: color-mix(in srgb, var(--bg-color-pastel-grey-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pastel-grey-150: hsl(var(--bg-color-pastel-grey--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-grey--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-grey-subtle: color-mix(in srgb, var(--bg-color-pastel-grey-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));
 
/* Pastel Orange */
/* Pastel Orange */
--bg-color-pastel-orange-100: #95472c;
--bg-color-pastel-orange--hsl: 15.43deg 54.40%;
--bg-color-pastel-orange-150: #95472c;
--bg-color-pastel-orange--hsl-alpha: 37.84%;
 
--bg-color-pastel-orange-100: hsl(var(--bg-color-pastel-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-orange--hsl-alpha) + var(--color-shift-percent-100)));
--bg-color-pastel-orange-50: color-mix(in srgb, var(--bg-color-pastel-orange-100) var(--color-shift-percent-50), var(--theme-bg-color-100));
--bg-color-pastel-orange-150: hsl(var(--bg-color-pastel-orange--hsl) calc(var(--brightness-hsl) + var(--bg-color-pastel-orange--hsl-alpha) + var(--color-shift-percent-150)));
--bg-color-pastel-orange-subtle: color-mix(in srgb, var(--bg-color-pastel-orange-100) var(--color-shift-percent-subtle), var(--theme-bg-color-300));


/*== Палитра цветов текста ==*/
/*== Палитра цветов текста ==*/
Строка 697: Строка 766:


#catlinks {
#catlinks {
    background: var(--theme-bg-color-100);
background: var(--theme-bg-color-100);
}
}


Строка 2071: Строка 2140:


.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
.mw-collapsibleFieldsetLayout.mw-collapsible .mw-collapsible-toggle .oo-ui-iconElement-icon {
    top: 2px;
top: 2px;
}
}


Строка 2229: Строка 2298:
.wikitable {
.wikitable {
font-size: 0.8em;
font-size: 0.8em;
        padding: 6px;
padding: 6px;
}
}
}
}
Строка 3772: Строка 3841:


.mw-body dt {
.mw-body dt {
    font-weight: bold;
font-weight: bold;
    font-family: sans-serif;
font-family: sans-serif;
    margin-top: 0.8em;
margin-top: 0.8em;
    margin-bottom: 0.4em;
margin-bottom: 0.4em;
    border-left: 2px solid var(--theme-border-color-100);
border-left: 2px solid var(--theme-border-color-100);
    padding-left: 5px;
padding-left: 5px;
}
}


Источник — https://station14.ru/wiki/MediaWiki:Common.css