Vynnix: Оформление и структура

2026-07-02T19:12:08Z

Оформление и структура

← Предыдущая версия		Версия от 22:12, 2 июля 2026
Строка 10:		Строка 10:
	--border-color-base: #242430;		--border-color-base: #242430;
	}		}
	~~/* лёгкая фиолетовая виньетка сверху, как на сайте */~~
	body.skin-citizen {		body.skin-citizen {
	background-image: radial-gradient(900px 380px at 50% -160px, #17102a 0%, transparent 62%);		background-image: radial-gradient(900px 380px at 50% -160px, #17102a 0%, transparent 62%);
Строка 17:		Строка 16:
	/* Инфобокс */		/* Инфобокс */
	.infobox {		.infobox {
	background: #141419;		background: #141419; border: 1px solid #242430; border-radius: .5rem;
	border: 1px solid #242430;		color: #e8e6ee; float: right; clear: right;
	border-radius: .5rem;		margin: 0 0 1em 1.2em; padding: 0; width: 300px; max-width: 92vw;
	color: #e8e6ee;		font-size: .9em; overflow: hidden;
	float: right;
	clear: right;
	margin: 0 0 1em 1.2em;
	padding: 0;
	width: 300px;
	max-width: 92vw;
	font-size: .9em;
	overflow: hidden;
	}		}
	.infobox .infobox-title {		.infobox .infobox-title {
	background: linear-gradient(90deg, #5a3b8c, #7a52b8);		background: linear-gradient(90deg, #5a3b8c, #7a52b8); color: #fff;
	color: #fff;		font-family: 'Oswald', sans-serif; font-size: 1.15em; letter-spacing: .02em;
	font-family: 'Oswald', sans-serif;		padding: .5em .7em; text-align: center;
	font-size: 1.15em;
	letter-spacing: .02em;
	padding: .5em .7em;
	text-align: center;
	}		}
	.infobox th { text-align: left; color: #b088e8; padding: .35em .7em; width: 38%; vertical-align: top; }		.infobox th { text-align: left; color: #b088e8; padding: .35em .7em; width: 38%; vertical-align: top; }
	.infobox td { padding: .35em .7em; }		.infobox td { padding: .35em .7em; }
	.infobox tr + tr th, .infobox tr + tr td { border-top: 1px solid #1c1c24; }		.infobox tr + tr th, .infobox tr + tr td { border-top: 1px solid #1c1c24; }
	/* Лид-цитата ~~лором~~ */		/* Лид-цитата */
	.lore-quote {		.lore-quote {
	border-left: 3px solid #5a3b8c;		border-left: 3px solid #5a3b8c; color: #a49db3; font-style: italic;
	color: #a49db3;		margin: 0 0 1em; padding: .3em 0 .3em 1em;
	font-style: italic;
	margin: 0 0 1em;
	padding: .3em 0 .3em 1em;
	}		}
			/* Портал главной */
			.portal-hero { text-align: center; padding: 1rem 0 .3rem; }
			.portal-hero .lore-quote {
			border: 0; text-align: center; font-size: 1.3em; color: #cfccd8;
			max-width: 640px; margin: 0 auto .6em; padding: 0;
			}
			.portal-grid {
			display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
			gap: 1rem; margin: 1.4rem 0;
			}
			.portal-box {
			background: #141419; border: 1px solid #242430; border-radius: .6rem;
			padding: .9rem 1.1rem; transition: border-color .2s, transform .2s;
			}
			.portal-box:hover { border-color: #5a3b8c; transform: translateY(-2px); }
			.portal-box .ph {
			display: block; color: #b088e8; font-family: 'Oswald', sans-serif;
			font-size: 1.1em; margin-bottom: .5rem; letter-spacing: .01em;
			}
			.portal-box ul { margin: 0; padding-left: 1.15em; }
			.portal-box li { margin: .2em 0; }

Vynnix: Тема Vorias / шаблоны

2026-07-02T18:50:16Z

Тема Vorias / шаблоны

Новая страница

/* ===== Тема Vorias (сезон Zero) поверх Citizen ===== */
:root, html, .skin-citizen {
--color-primary: #9d6ee0;
--color-primary--hover: #b088e8;
--color-progressive: #9d6ee0;
--color-progressive--hover: #b088e8;
--color-progressive--active: #c7a6f0;
--color-link: #b088e8;
--color-link--visited: #9d6ee0;
--border-color-base: #242430;
}
/* лёгкая фиолетовая виньетка сверху, как на сайте */
body.skin-citizen {
background-image: radial-gradient(900px 380px at 50% -160px, #17102a 0%, transparent 62%);
background-attachment: fixed;
}
/* Инфобокс */
.infobox {
background: #141419;
border: 1px solid #242430;
border-radius: .5rem;
color: #e8e6ee;
float: right;
clear: right;
margin: 0 0 1em 1.2em;
padding: 0;
width: 300px;
max-width: 92vw;
font-size: .9em;
overflow: hidden;
}
.infobox .infobox-title {
background: linear-gradient(90deg, #5a3b8c, #7a52b8);
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 1.15em;
letter-spacing: .02em;
padding: .5em .7em;
text-align: center;
}
.infobox th { text-align: left; color: #b088e8; padding: .35em .7em; width: 38%; vertical-align: top; }
.infobox td { padding: .35em .7em; }
.infobox tr + tr th, .infobox tr + tr td { border-top: 1px solid #1c1c24; }
/* Лид-цитата лором */
.lore-quote {
border-left: 3px solid #5a3b8c;
color: #a49db3;
font-style: italic;
margin: 0 0 1em;
padding: .3em 0 .3em 1em;
}

MediaWiki:Common.css - История изменений

Vynnix: Оформление и структура

Vynnix: Тема Vorias / шаблоны