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

Admin: Source: https://station14.ru/index.php?oldid=744931 ; CC BY-NC-SA 4.0; original contributors credited at source

2026-09-19T00:26:40Z

Source: https://station14.ru/index.php?oldid=744931 ; CC BY-NC-SA 4.0; original contributors credited at source

Admin: Finalize dark navigation background

2026-09-18T22:40:49Z

Finalize dark navigation background

← Предыдущая версия		Версия от 01:40, 19 сентября 2026
Строка 38:		Строка 38:
	.sidebar-inner { background: var(--respiral-panel) !important; }		.sidebar-inner { background: var(--respiral-panel) !important; }
	#site-navigation, #site-tools, #page-tools, #mw-site-navigation { background: transparent !important; }		#site-navigation, #site-tools, #page-tools, #mw-site-navigation { background: transparent !important; }
			#mw-site-navigation, #mw-site-navigation > *, #mw-site-navigation .sidebar-chunk { background-color: #141a24 !important; }
	.sidebar-chunk { background: rgba(16, 22, 31, .95); border: 1px solid var(--respiral-border); border-radius: 3px; margin-bottom: 9px; box-shadow: 0 2px 6px rgba(0,0,0,.4); }		.sidebar-chunk { background: rgba(16, 22, 31, .95); border: 1px solid var(--respiral-border); border-radius: 3px; margin-bottom: 9px; box-shadow: 0 2px 6px rgba(0,0,0,.4); }
	.sidebar-chunk > h2, .sidebar-chunk > .sidebar-inner > .mw-portlet > h3 { background: #202c39 !important; color: #dce1e8 !important; border-bottom: 1px solid #35465a !important; padding: 7px 10px !important; font-weight: bold; }		.sidebar-chunk > h2, .sidebar-chunk > .sidebar-inner > .mw-portlet > h3 { background: #202c39 !important; color: #dce1e8 !important; border-bottom: 1px solid #35465a !important; padding: 7px 10px !important; font-weight: bold; }

Admin: Darken sidebar panels

2026-09-18T22:40:18Z

Darken sidebar panels

← Предыдущая версия		Версия от 01:40, 19 сентября 2026
Строка 36:		Строка 36:
	a.new { color: #ff5e67 !important; }		a.new { color: #ff5e67 !important; }
	#mw-site-navigation { background: transparent !important; }		#mw-site-navigation { background: transparent !important; }
	.sidebar-inner, #site-navigation, #site-tools, #page-tools { background: transparent !important; }		.sidebar-inner { background: var(--respiral-panel) !important; }
			#site-navigation, #site-tools, #page-tools, #mw-site-navigation { background: transparent !important; }
	.sidebar-chunk { background: rgba(16, 22, 31, .95); border: 1px solid var(--respiral-border); border-radius: 3px; margin-bottom: 9px; box-shadow: 0 2px 6px rgba(0,0,0,.4); }		.sidebar-chunk { background: rgba(16, 22, 31, .95); border: 1px solid var(--respiral-border); border-radius: 3px; margin-bottom: 9px; box-shadow: 0 2px 6px rgba(0,0,0,.4); }
	.sidebar-chunk > h2, .sidebar-chunk > .sidebar-inner > .mw-portlet > h3 { background: #202c39 !important; color: #dce1e8 !important; border-bottom: 1px solid #35465a !important; padding: 7px 10px !important; font-weight: bold; }		.sidebar-chunk > h2, .sidebar-chunk > .sidebar-inner > .mw-portlet > h3 { background: #202c39 !important; color: #dce1e8 !important; border-bottom: 1px solid #35465a !important; padding: 7px 10px !important; font-weight: bold; }

Admin: Match portal frame backgrounds

2026-09-18T22:39:52Z

Match portal frame backgrounds

← Предыдущая версия		Версия от 01:39, 19 сентября 2026
Строка 25:		Строка 25:
	#user-tools, #personal { color: #e2e6eb !important; }		#user-tools, #personal { color: #e2e6eb !important; }
	#mw-content-container { padding-top: 16px; }		#mw-content-container { padding-top: 16px; }
	#mw-content-block ~~{ background: rgba(14, 19, 28~~, ~~.86); border: 1px solid~~ #~~263245; box~~-~~shadow: 0 0 28px rgba(0,0~~,~~0,.55); }~~		#mw-content-block, #mw-content-wrapper, #mw-content-container .ts-inner { background: var(--respiral-bg) !important; border-color: #263245; }
	#mw-content-~~wrapper~~ { background: ~~transparent~~ !important; }
	#mw-related-navigation { display: none !important; }		#mw-related-navigation { display: none !important; }
	#content.mw-body { background: var(--respiral-bg) !important; color: var(--respiral-text) !important; border: 0 !important; }		#content.mw-body { background: var(--respiral-bg) !important; color: var(--respiral-text) !important; border: 0 !important; }
Строка 37:		Строка 36:
	a.new { color: #ff5e67 !important; }		a.new { color: #ff5e67 !important; }
	#mw-site-navigation { background: transparent !important; }		#mw-site-navigation { background: transparent !important; }
			.sidebar-inner, #site-navigation, #site-tools, #page-tools { background: transparent !important; }
	.sidebar-chunk { background: rgba(16, 22, 31, .95); border: 1px solid var(--respiral-border); border-radius: 3px; margin-bottom: 9px; box-shadow: 0 2px 6px rgba(0,0,0,.4); }		.sidebar-chunk { background: rgba(16, 22, 31, .95); border: 1px solid var(--respiral-border); border-radius: 3px; margin-bottom: 9px; box-shadow: 0 2px 6px rgba(0,0,0,.4); }
	.sidebar-chunk > h2, .sidebar-chunk > .sidebar-inner > .mw-portlet > h3 { background: #202c39 !important; color: #dce1e8 !important; border-bottom: 1px solid #35465a !important; padding: 7px 10px !important; font-weight: bold; }		.sidebar-chunk > h2, .sidebar-chunk > .sidebar-inner > .mw-portlet > h3 { background: #202c39 !important; color: #dce1e8 !important; border-bottom: 1px solid #35465a !important; padding: 7px 10px !important; font-weight: bold; }

Admin: Add portal card icons

2026-09-18T22:39:14Z

Add portal card icons

← Предыдущая версия		Версия от 01:39, 19 сентября 2026
Строка 53:		Строка 53:
	.respiral-card { background: #202a38; border: 1px solid #2b3b50; border-radius: 5px; padding: 9px 12px; margin: 7px 0; min-height: 40px; }		.respiral-card { background: #202a38; border: 1px solid #2b3b50; border-radius: 5px; padding: 9px 12px; margin: 7px 0; min-height: 40px; }
	.respiral-card strong { display: block; color: #e2e5ea; font-size: 21px; }		.respiral-card strong { display: block; color: #e2e5ea; font-size: 21px; }
			.respiral-card b { display: block; color: #e2e5ea; font-size: 21px; }
	.respiral-card span { display: block; color: #b8c1cd; font-size: 13px; font-style: italic; }		.respiral-card span { display: block; color: #b8c1cd; font-size: 13px; font-style: italic; }
	.respiral-card strong::before { content: ""; display: inline-block; width: 42px; height: 42px; margin: -3px 10px -14px 0; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #c45ac2 0 18%, #7b2d81 19% 62%, #3e214d 63%); border: 2px solid #8b4097; }		.respiral-card strong::before { content: ""; display: inline-block; width: 42px; height: 42px; margin: -3px 10px -14px 0; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #c45ac2 0 18%, #7b2d81 19% 62%, #3e214d 63%); border: 2px solid #8b4097; }
			.respiral-card b::before { content: ""; display: inline-block; width: 42px; height: 42px; margin: -3px 10px -14px 0; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #c45ac2 0 18%, #7b2d81 19% 62%, #3e214d 63%); border: 2px solid #8b4097; vertical-align: middle; }
	.respiral-card a { color: inherit; text-decoration: none; }		.respiral-card a { color: inherit; text-decoration: none; }
	.respiral-card:hover { border-color: #5b81bd; }		.respiral-card:hover { border-color: #5b81bd; }

Admin: Tune Respiral portal layout

2026-09-18T22:38:22Z

Tune Respiral portal layout

Admin: Apply Respiral dark portal theme

2026-09-18T22:35:58Z

Apply Respiral dark portal theme

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

/* Respiral portal theme: dark space-station wiki layout. */
:root {
--respiral-bg: #080b12;
--respiral-panel: #141a24;
--respiral-panel-2: #1b2431;
--respiral-border: #2e3c50;
--respiral-text: #d9dee7;
--respiral-muted: #aab4c3;
--respiral-link: #68c4ed;
--respiral-blue: #294ca4;
--respiral-accent: #7d2e80;
}
html, body { background-color: var(--respiral-bg) !important; color: var(--respiral-text) !important; background-image: radial-gradient(circle at 4% 13%, rgba(255,255,255,.8) 0 1px, transparent 1.4px), radial-gradient(circle at 18% 31%, rgba(133,177,255,.8) 0 1px, transparent 1.5px), radial-gradient(circle at 36% 9%, rgba(255,255,255,.7) 0 1px, transparent 1.5px), radial-gradient(circle at 62% 20%, rgba(255,255,255,.8) 0 1px, transparent 1.4px), radial-gradient(circle at 83% 44%, rgba(133,177,255,.65) 0 1px, transparent 1.5px), radial-gradient(circle at 91% 13%, rgba(255,255,255,.75) 0 1px, transparent 1.4px), radial-gradient(circle at 72% 79%, rgba(255,255,255,.7) 0 1px, transparent 1.4px), radial-gradient(circle at 27% 86%, rgba(133,177,255,.7) 0 1px, transparent 1.4px); background-size: 173px 137px, 241px 191px, 317px 227px, 389px 271px, 463px 313px, 521px 347px, 607px 401px, 719px 467px; }
#mw-wrapper { min-height: 100vh; background: transparent; }
#mw-header-container, #mw-content-container, #mw-footer-container { background: transparent !important; }
#mw-header, #mw-content-block, #mw-footer { max-width: 1740px; }
#mw-header { background: rgba(9, 13, 20, .95); }
#mw-header-container { border-bottom: 0 !important; }
#mw-header-hack, #mw-header-nav-hack { display: none !important; }
#p-logo-text { min-width: 210px; }
#p-banner { color: #f1f3f6 !important; font-family: Georgia, serif; font-variant: small-caps; font-size: 27px !important; letter-spacing: 1px; }
#p-search { margin-left: 20px; }
#searchInput { background: #f5f5f5 !important; color: #555 !important; border: 1px solid #aeb7c4 !important; height: 38px !important; }
#user-tools, #personal { color: #e2e6eb !important; }
#mw-content-container { padding-top: 16px; }
#mw-content-block { background: rgba(14, 19, 28, .86); border: 1px solid #263245; box-shadow: 0 0 28px rgba(0,0,0,.55); }
#mw-content-wrapper { background: transparent !important; }
#content.mw-body { background: var(--respiral-bg) !important; color: var(--respiral-text) !important; border: 0 !important; }
#firstHeading { color: #dce1e9 !important; font-family: "Trebuchet MS", sans-serif !important; font-size: 26px !important; border-bottom: 3px solid var(--respiral-blue); padding-bottom: 5px; }
#bodyContentOuter, #bodyContent { background: transparent !important; }
#siteSub { display: none !important; }
#mw-page-header-links a, #mw-page-header-links li a { color: var(--respiral-link) !important; }
#mw-page-header-links .selected a { border-bottom-color: var(--respiral-link) !important; }
a { color: var(--respiral-link); }
a.new { color: #ff5e67 !important; }
#mw-site-navigation { background: transparent !important; }
.sidebar-chunk { background: rgba(16, 22, 31, .95); border: 1px solid var(--respiral-border); border-radius: 3px; margin-bottom: 9px; box-shadow: 0 2px 6px rgba(0,0,0,.4); }
.sidebar-chunk > h2, .sidebar-chunk > .sidebar-inner > .mw-portlet > h3 { background: #202c39 !important; color: #dce1e8 !important; border-bottom: 1px solid #35465a !important; padding: 7px 10px !important; font-weight: bold; }
.sidebar-chunk .mw-portlet-body { padding: 4px 7px 7px; }
.sidebar-chunk li { margin: 0 !important; }
.sidebar-chunk li a { display: block; padding: 3px 0; color: var(--respiral-link) !important; }
.respiral-portal { max-width: 100%; margin: 0 auto; color: var(--respiral-text); }
.respiral-hero { text-align: center; margin: 3px 0 12px; }
.respiral-logo { display: inline-block; font-family: Impact, "Arial Black", sans-serif; font-size: 72px; line-height: .8; letter-spacing: -8px; color: #f3f3f3; text-shadow: 5px 0 #1e56bd, -4px 22px #e63237; transform: skew(-8deg); }
.respiral-hero h2 { color: #e2e4e8; font-size: 23px; margin: 15px 0 6px; }
.respiral-hero p { color: #bcc6d2; margin: 0; }
.respiral-grid { display: grid; grid-template-columns: 1.05fr 1fr; gap: 10px; }
.respiral-panel { border: 1px solid var(--respiral-border); background: rgba(22, 29, 40, .98); margin-bottom: 10px; }
.respiral-panel-title { background: #202b39; color: #dfe5eb; font-size: 17px; font-weight: bold; padding: 8px 11px; }
.respiral-panel-body { padding: 9px 10px; }
.respiral-card { background: #202a38; border: 1px solid #2b3b50; border-radius: 5px; padding: 9px 12px; margin: 7px 0; min-height: 40px; }
.respiral-card strong { display: block; color: #e2e5ea; font-size: 21px; }
.respiral-card span { color: #b8c1cd; font-size: 13px; font-style: italic; }
.respiral-card a { color: inherit; text-decoration: none; }
.respiral-card:hover { border-color: #5b81bd; }
.respiral-strip { background: #7c2d80; border-color: #9a459d; text-align: center; padding: 9px; font-weight: bold; margin-top: 2px; }
.respiral-strip-body { background: rgba(65, 33, 73, .95); display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; padding: 12px; }
.respiral-strip-body .respiral-card { text-align: center; background: #5b2a61; margin: 0; }
#mw-footer-container { color: #8f9aaa; }
@media (max-width: 900px) { .respiral-grid { grid-template-columns: 1fr; } .respiral-strip-body { grid-template-columns: repeat(3, 1fr); } }

← Предыдущая версия		Версия от 01:38, 19 сентября 2026
Строка 12:		Строка 12:
	}		}
	html, body { background-color: var(--respiral-bg) !important; color: var(--respiral-text) !important; background-image: radial-gradient(circle at 4% 13%, rgba(255,255,255,.8) 0 1px, transparent 1.4px), radial-gradient(circle at 18% 31%, rgba(133,177,255,.8) 0 1px, transparent 1.5px), radial-gradient(circle at 36% 9%, rgba(255,255,255,.7) 0 1px, transparent 1.5px), radial-gradient(circle at 62% 20%, rgba(255,255,255,.8) 0 1px, transparent 1.4px), radial-gradient(circle at 83% 44%, rgba(133,177,255,.65) 0 1px, transparent 1.5px), radial-gradient(circle at 91% 13%, rgba(255,255,255,.75) 0 1px, transparent 1.4px), radial-gradient(circle at 72% 79%, rgba(255,255,255,.7) 0 1px, transparent 1.4px), radial-gradient(circle at 27% 86%, rgba(133,177,255,.7) 0 1px, transparent 1.4px); background-size: 173px 137px, 241px 191px, 317px 227px, 389px 271px, 463px 313px, 521px 347px, 607px 401px, 719px 467px; }		html, body { background-color: var(--respiral-bg) !important; color: var(--respiral-text) !important; background-image: radial-gradient(circle at 4% 13%, rgba(255,255,255,.8) 0 1px, transparent 1.4px), radial-gradient(circle at 18% 31%, rgba(133,177,255,.8) 0 1px, transparent 1.5px), radial-gradient(circle at 36% 9%, rgba(255,255,255,.7) 0 1px, transparent 1.5px), radial-gradient(circle at 62% 20%, rgba(255,255,255,.8) 0 1px, transparent 1.4px), radial-gradient(circle at 83% 44%, rgba(133,177,255,.65) 0 1px, transparent 1.5px), radial-gradient(circle at 91% 13%, rgba(255,255,255,.75) 0 1px, transparent 1.4px), radial-gradient(circle at 72% 79%, rgba(255,255,255,.7) 0 1px, transparent 1.4px), radial-gradient(circle at 27% 86%, rgba(133,177,255,.7) 0 1px, transparent 1.4px); background-size: 173px 137px, 241px 191px, 317px 227px, 389px 271px, 463px 313px, 521px 347px, 607px 401px, 719px 467px; }
			body, #content, #mw-content-text, .mw-body-content { font-family: Arial, Helvetica, sans-serif !important; }
	#mw-wrapper { min-height: 100vh; background: transparent; }		#mw-wrapper { min-height: 100vh; background: transparent; }
	#mw-header-container, #mw-content-container, #mw-footer-container { background: transparent !important; }		#mw-header-container, #mw-content-container, #mw-footer-container { background: transparent !important; }
Строка 26:		Строка 27:
	#mw-content-block { background: rgba(14, 19, 28, .86); border: 1px solid #263245; box-shadow: 0 0 28px rgba(0,0,0,.55); }		#mw-content-block { background: rgba(14, 19, 28, .86); border: 1px solid #263245; box-shadow: 0 0 28px rgba(0,0,0,.55); }
	#mw-content-wrapper { background: transparent !important; }		#mw-content-wrapper { background: transparent !important; }
			#mw-related-navigation { display: none !important; }
	#content.mw-body { background: var(--respiral-bg) !important; color: var(--respiral-text) !important; border: 0 !important; }		#content.mw-body { background: var(--respiral-bg) !important; color: var(--respiral-text) !important; border: 0 !important; }
	#firstHeading { color: #dce1e9 !important; font-family: "Trebuchet MS", sans-serif !important; font-size: 26px !important; border-bottom: 3px solid var(--respiral-blue); padding-bottom: 5px; }		#firstHeading { color: #dce1e9 !important; font-family: "Trebuchet MS", sans-serif !important; font-size: 26px !important; border-bottom: 3px solid var(--respiral-blue); padding-bottom: 5px; }
Строка 51:		Строка 53:
	.respiral-card { background: #202a38; border: 1px solid #2b3b50; border-radius: 5px; padding: 9px 12px; margin: 7px 0; min-height: 40px; }		.respiral-card { background: #202a38; border: 1px solid #2b3b50; border-radius: 5px; padding: 9px 12px; margin: 7px 0; min-height: 40px; }
	.respiral-card strong { display: block; color: #e2e5ea; font-size: 21px; }		.respiral-card strong { display: block; color: #e2e5ea; font-size: 21px; }
	.respiral-card span { color: #b8c1cd; font-size: 13px; font-style: italic; }		.respiral-card span { display: block; color: #b8c1cd; font-size: 13px; font-style: italic; }
			.respiral-card strong::before { content: ""; display: inline-block; width: 42px; height: 42px; margin: -3px 10px -14px 0; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #c45ac2 0 18%, #7b2d81 19% 62%, #3e214d 63%); border: 2px solid #8b4097; }
	.respiral-card a { color: inherit; text-decoration: none; }		.respiral-card a { color: inherit; text-decoration: none; }
	.respiral-card:hover { border-color: #5b81bd; }		.respiral-card:hover { border-color: #5b81bd; }