MediaWiki:Theme-blurryface.css - Revision history

Buburka Rinderbuy at 18:37, 7 August 2025

2025-08-07T18:37:21Z

← Older revision		Revision as of 14:37, 7 August 2025
Line 1:		Line 1:
	.~~sidebar~~-~~nav~~ {		/* Кроваво-красный лаконичный стиль меню Twenty one pilots */
	~~margin~~: 0 ~~0 12px~~ 0;		#p-Twenty_one_pilots .vector-menu-content-list {
	~~padding~~: 0;		padding: 0.5em 0;
			margin: 0;
	list-style: none;		list-style: none;
	~~background~~: ~~linear-gradient(98deg, #7a0018 0%, #d90429 100%)~~;		display: flex;
	~~border~~-~~radius~~: ~~14px~~;		flex-direction: column;
	~~box-shadow~~: 0 ~~1px 14px #a70021b0;~~		gap: 0.18em;
	~~padding: 10px 8px 10px 8px~~;
	}		}

	.~~sidebar~~-~~nav~~ .mw-list-item {		#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item {
	~~padding: 7px 0 7px 15px;~~
	~~margin-bottom: 5px;~~
	~~font-size: 1.07em;~~
	~~color: #fff !important;~~
	~~border-left: 4px solid transparent;~~
	border-radius: 7px;		border-radius: 7px;
	transition: background 0.14s, border~~-color~~ 0.~~14s~~, ~~color~~ 0.~~13s~~;		overflow: hidden;
			margin: 0;
			background: #231012;
			border: 1.1px solid #51151b;
			transition: background 0.14s, border 0.13s, box-shadow 0.12s;
			box-shadow: none;
			position: relative;
	}		}

	.~~sidebar~~-~~nav~~ .mw-list-item:~~last~~-~~child~~ {		#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item a {
	margin-~~bottom~~: 0;		display: block;
			padding: 0.59em 1em 0.59em 1.2em;
			color: #efd4d6;
			text-decoration: none;
			font-weight: 500;
			font-size: 1.03em;
			letter-spacing: 0.01em;
			transition: color 0.14s;
			position: relative;
			}

			#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item a::before {
			content: '';
			display: inline-block;
			width: 0.42em;
			height: 1.4em;
			background: linear-gradient(135deg,#db2a32 70%,#a21c2a 100%);
			border-radius: 3.5px;
			margin-right: 0.7em;
			vertical-align: middle;
			opacity: 0.7;
			transition: opacity 0.14s;
	}		}

	.~~sidebar~~-~~nav~~ .mw-list-item ~~> a {~~		#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:hover,
	~~color:~~ #~~fff !important;~~		#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:focus-within {
	~~text~~-~~decoration~~: ~~none;~~		background: #39171c;
	~~display~~: ~~block~~;		border-color: #db2a32;
	~~width~~: ~~100%~~;		box-shadow: 0 2px 10px 0 rgba(105,12,25,0.11);
	~~transition~~: ~~color~~ 0~~.13s~~, ~~padding-left~~ 0.~~14s~~;		}
	~~border~~-~~radius~~: ~~7px;~~
	~~font~~-~~weight~~: ~~600;~~		#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:hover a,
	~~letter-spacing~~: ~~0.01em~~;		#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:focus-within a {
			color: #ffe7ea;
	}		}

	.~~sidebar~~-~~nav~~ .mw-list-item:hover,		#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:hover a::before,
	.~~sidebar~~-~~nav~~ .mw-list-item:focus-within {		#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:focus-within a::before {
	background: ~~rgba~~(~~250~~,30,~~68,0.19~~);		opacity: 1;
	~~border-left: 4px solid #f6d311~~;		background: linear-gradient(120deg,#ff303d 40%,#a21c2a 100%);
	}		}

	~~.sidebar~~-~~nav~~ .mw-~~list~~-~~item:hover > a,~~		@media (max-width: 700px) {
	~~.sidebar~~-~~nav~~ .mw-list-item~~:focus-within >~~ a {		#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item a {
	~~color~~: ~~#f6d311 !important~~;		padding: 0.45em 0.7em;
	~~padding~~-~~left~~: ~~13px~~;		font-size: 0.97em;
			}
	}		}

Buburka Rinderbuy at 18:35, 7 August 2025

2025-08-07T18:35:48Z

← Older revision		Revision as of 14:35, 7 August 2025
Line 1:		Line 1:
	~~/* Стилизация только сайдбар-меню Twenty one pilots */~~		.sidebar-nav {
	~~#p-Twenty_one_pilots~~ .~~vector-menu~~-~~content-list~~ {		margin: 0 0 12px 0;
	~~padding~~: 0~~.6em~~ 0;		padding: 0;
	~~margin~~: 0;
	list-style: none;		list-style: none;
	~~display~~: ~~flex~~;		background: linear-gradient(98deg, #7a0018 0%, #d90429 100%);
	~~flex~~-~~direction~~: ~~column~~;		border-radius: 14px;
	~~gap~~: 0~~.35em~~;		box-shadow: 0 1px 14px #a70021b0;
			padding: 10px 8px 10px 8px;
	}		}

	~~#p-Twenty_one_pilots~~ .~~vector~~-~~menu-content-list~~ .mw-list-item {		.sidebar-nav .mw-list-item {
	~~transition~~: ~~transform~~ 0~~.13s, box-shadow 0.14s, background 0.13s~~;		padding: 7px 0 7px 15px;
	~~border~~-~~radius~~: ~~11px~~;		margin-bottom: 5px;
	~~overflow~~: ~~hidden~~;		font-size: 1.07em;
	~~margin~~: 0;		color: #fff !important;
	~~background: linear-gradient(90deg,~~ #~~2d2f38 85%, #554099 120%)~~;		border-left: 4px solid transparent;
	~~box~~-~~shadow~~: ~~0 2px 8px 0 rgba(34,34,54,0.04)~~;		border-radius: 7px;
	border: ~~1.5px solid #3b3651~~;		transition: background 0.14s, border-color 0.14s, color 0.13s;
	~~position~~: ~~relative~~;
	}		}

	~~#p-Twenty_one_pilots~~ .~~vector-menu-content-list .mw-list-item:hover,~~		.sidebar-nav .mw-list-item:last-child {
	~~#p-Twenty_one_pilots .vector-menu-content~~-~~list~~ .mw-list-item:~~focus~~-~~within~~ {		margin-bottom: 0;
	~~background: linear~~-~~gradient(90deg, #473877 75%, #ffcd6b 140%);~~
	~~box-shadow~~: 0 ~~4px 20px 0 rgba(34,34,54,0.18);~~
	~~transform: translateY(-2px) scale(1.03);~~
	~~border-color: #b49af7~~;
	}		}

	~~#p-Twenty_one_pilots~~ .~~vector-menu~~-~~content-list~~ .mw-list-item a {		.sidebar-nav .mw-list-item > a {
			color: #fff !important;
			text-decoration: none;
	display: block;		display: block;
	~~padding~~: ~~0.66em 1.3em 0.66em 1.1em;~~		width: 100%;
	~~color: #efeafc;~~		transition: color 0.13s, padding-left 0.14s;
	~~text-decoration: none;~~		border-radius: 7px;
	~~font-weight: 500;~~		font-weight: 600;
	~~font-size: 1.07em;~~		letter-spacing: 0.01em;
	~~letter-spacing: 0.03em~~;
	transition: color 0.13s;
	~~position: relative;~~
	~~z-index: 2;~~
	}

	~~#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:hover a~~,
	~~#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:focus-within a {~~
	~~color: #2d1e49;~~
	}

	~~/* Маленький декоративный акцент слева */~~
	~~#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item a::before {~~
	~~content: '';~~
	~~display: inline~~-~~block;~~
	~~width:~~ 0.~~4em;~~
	~~height: 1.5em;~~
	~~background: linear-gradient(135deg,#ffcd6b 70%,#b49af7 100%)~~;
	border-radius: ~~4px~~;
	~~margin~~-~~right~~: ~~0.8em~~;
	~~vertical~~-~~align: middle;~~
	~~opacity~~: 0.~~67;~~
	~~transition: opacity 0.14s~~;
	}		}

	~~#p-Twenty_one_pilots~~ .~~vector-menu-content~~-~~list~~ .mw-list-item:hover ~~a::before~~,		.sidebar-nav .mw-list-item:hover,
	~~#p-Twenty_one_pilots~~ .~~vector-menu~~-~~content-list~~ .mw-list-item:focus-within a:~~:before {~~		.sidebar-nav .mw-list-item:focus-within {
	~~opacity~~: 1;		background: rgba(250,30,68,0.19);
			border-left: 4px solid #f6d311;
	}		}

	~~@media (max~~-~~width~~: ~~700px) {~~		.sidebar-nav .mw-list-item:hover > a,
	~~#p-Twenty_one_pilots~~ .~~vector~~-~~menu-content-list~~ .mw-list-item a {		.sidebar-nav .mw-list-item:focus-within > a {
	~~padding~~: ~~0.55em 0.8em~~;		color: #f6d311 !important;
	~~font~~-~~size~~: ~~0.98em~~;		padding-left: 13px;
	}
	}		}

Buburka Rinderbuy at 18:35, 7 August 2025

2025-08-07T18:35:00Z

← Older revision		Revision as of 14:35, 7 August 2025
Line 1:		Line 1:
	.~~sidebar~~-~~nav~~ {		/* Стилизация только сайдбар-меню Twenty one pilots */
	~~margin~~: 0 ~~0 12px~~ 0;		#p-Twenty_one_pilots .vector-menu-content-list {
	~~padding~~: 0;		padding: 0.6em 0;
			margin: 0;
	list-style: none;		list-style: none;
	~~background~~: ~~linear-gradient(98deg, #7a0018 0%, #d90429 100%)~~;		display: flex;
	~~border~~-~~radius~~: ~~14px~~;		flex-direction: column;
	~~box-shadow~~: 0 ~~1px 14px #a70021b0;~~		gap: 0.35em;
	~~padding: 10px 8px 10px 8px~~;
	}		}

	.~~sidebar~~-~~nav~~ .mw-list-item {		#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item {
	~~padding~~: ~~7px~~ 0 ~~7px 15px~~;		transition: transform 0.13s, box-shadow 0.14s, background 0.13s;
	margin-~~bottom~~: 5px;		border-radius: 11px;
			overflow: hidden;
			margin: 0;
			background: linear-gradient(90deg, #2d2f38 85%, #554099 120%);
			box-shadow: 0 2px 8px 0 rgba(34,34,54,0.04);
			border: 1.5px solid #3b3651;
			position: relative;
			}

			#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:hover,
			#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:focus-within {
			background: linear-gradient(90deg, #473877 75%, #ffcd6b 140%);
			box-shadow: 0 4px 20px 0 rgba(34,34,54,0.18);
			transform: translateY(-2px) scale(1.03);
			border-color: #b49af7;
			}

			#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item a {
			display: block;
			padding: 0.66em 1.3em 0.66em 1.1em;
			color: #efeafc;
			text-decoration: none;
			font-weight: 500;
	font-size: 1.07em;		font-size: 1.07em;
	~~color~~: ~~#fff !important~~;		letter-spacing: 0.03em;
	~~border-left~~: ~~4px solid transparent~~;		transition: color 0.13s;
	~~border-radius~~: ~~7px~~;		position: relative;
	~~transition~~: ~~background 0.14s, border-color 0.14s, color 0.13s~~;		z-index: 2;
	}		}

	.~~sidebar~~-~~nav~~ .mw-list-item:~~last~~-~~child~~ {		#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:hover a,
	~~margin-bottom~~: 0;		#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:focus-within a {
			color: #2d1e49;
	}		}

	.~~sidebar~~-~~nav~~ .mw-list-item > a {		/* Маленький декоративный акцент слева */
	~~color~~: ~~#fff !important~~;		#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item a::before {
	~~text~~-~~decoration~~: ~~none~~;		content: '';
	~~display~~: ~~block~~;		display: inline-block;
	~~width~~: 100%;		width: 0.4em;
	~~transition~~: ~~color 0.13s, padding~~-~~left~~ 0.~~14s~~;		height: 1.5em;
	~~border~~-~~radius~~: ~~7px~~;		background: linear-gradient(135deg,#ffcd6b 70%,#b49af7 100%);
	~~font-weight~~: ~~600~~;		border-radius: 4px;
	~~letter-spacing~~: 0.~~01em~~;		margin-right: 0.8em;
			vertical-align: middle;
			opacity: 0.67;
			transition: opacity 0.14s;
	}		}

	.~~sidebar~~-~~nav~~ .mw-list-item:hover,		#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:hover a::before,
	.~~sidebar~~-~~nav~~ .mw-list-item:focus-within {		#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:focus-within a::before {
	~~background~~: ~~rgba(250,30,68,0.19);~~		opacity: 1;
	~~border-left: 4px solid #f6d311~~;
	}		}

	~~.sidebar~~-~~nav~~ .mw-~~list~~-~~item:hover > a,~~		@media (max-width: 700px) {
	~~.sidebar~~-~~nav~~ .mw-list-item~~:focus-within >~~ a {		#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item a {
	~~color~~: ~~#f6d311 !important~~;		padding: 0.55em 0.8em;
	~~padding~~-~~left~~: ~~13px~~;		font-size: 0.98em;
			}
	}		}

Buburka Rinderbuy at 18:32, 7 August 2025

2025-08-07T18:32:46Z

← Older revision		Revision as of 14:32, 7 August 2025
Line 1:		Line 1:
	~~#mw-panel~~ .~~vector-menu-content~~-~~list~~ {		.sidebar-nav {
	margin: 0 0 ~~9px~~ 0;		margin: 0 0 12px 0;
	padding: 0;		padding: 0;
	list-style: none;		list-style: none;
			background: linear-gradient(98deg, #7a0018 0%, #d90429 100%);
			border-radius: 14px;
			box-shadow: 0 1px 14px #a70021b0;
			padding: 10px 8px 10px 8px;
	}		}

	~~#mw-panel~~ .~~vector-menu-content~~-~~list~~ .mw-list-item {		.sidebar-nav .mw-list-item {
	padding: ~~4px~~ 0 ~~4px 10px~~;		padding: 7px 0 7px 15px;
	margin-bottom: ~~3px~~;		margin-bottom: 5px;
	font-size: ~~1em~~;		font-size: 1.07em;
	color: #fff !important;		color: #fff !important;
	border-left: ~~3.5px~~ solid transparent;		border-left: 4px solid transparent;
	border-radius: ~~8px~~;		border-radius: 7px;
	transition: background 0.~~16s~~, border-color 0.~~15s~~, color 0.~~12s~~;		transition: background 0.14s, border-color 0.14s, color 0.13s;
	~~cursor~~: ~~pointer~~;		}

			.sidebar-nav .mw-list-item:last-child {
			margin-bottom: 0;
	}		}

	~~#mw-panel~~ .~~vector-menu-content~~-~~list~~ .mw-list-item > a {		.sidebar-nav .mw-list-item > a {
	color: #fff !important;		color: #fff !important;
	text-decoration: none;		text-decoration: none;
	display: block;		display: block;
	width: 100%;		width: 100%;
	transition: color 0.~~15s, background 0.16s~~, padding-left 0.~~13s~~;		transition: color 0.13s, padding-left 0.14s;
	border-radius: 7px;		border-radius: 7px;
	~~padding~~: ~~2px 3px 2px 0~~;		font-weight: 600;
	~~font~~-~~weight~~: ~~500~~;		letter-spacing: 0.01em;
	}		}

	~~#mw-panel~~ .~~vector-menu-content~~-~~list~~ .mw-list-item:hover,		.sidebar-nav .mw-list-item:hover,
	~~#mw-panel~~ .~~vector~~-~~menu-content-list~~ .mw-list-item:focus-within {		.sidebar-nav .mw-list-item:focus-within {
	background: rgba(~~230~~,10,40,0.15);		background: rgba(250,30,68,0.19);
	border-left: ~~3.5px~~ solid #f6d311;		border-left: 4px solid #f6d311;
	}		}

	~~#mw-panel~~ .~~vector~~-~~menu-content-list~~ .mw-list-item:hover > a,		.sidebar-nav .mw-list-item:hover > a,
	~~#mw-panel~~ .~~vector~~-~~menu-content-list~~ .mw-list-item:focus-within > a {		.sidebar-nav .mw-list-item:focus-within > a {
	color: #f6d311 !important;		color: #f6d311 !important;
	padding-left: ~~11px;~~		padding-left: 13px;
	~~background: none~~;
	}		}

Buburka Rinderbuy at 18:30, 7 August 2025

2025-08-07T18:30:33Z

← Older revision		Revision as of 14:30, 7 August 2025
Line 1:		Line 1:
	/* -~~-- Современный кроваво-красный стиль для vector-menu-content-list --- */~~		#mw-panel .vector-menu-content-list {
	.vector-menu-content-list {
	margin: 0 0 9px 0;		margin: 0 0 9px 0;
	padding: 0;		padding: 0;
Line 6:		Line 5:
	}		}

	.vector-menu-content-list .mw-list-item {		#mw-panel .vector-menu-content-list .mw-list-item {
	padding: 4px 0 4px 10px;		padding: 4px 0 4px 10px;
	margin-bottom: 3px;		margin-bottom: 3px;
Line 17:		Line 16:
	}		}

	.vector-menu-content-list .mw-list-item > a {		#mw-panel .vector-menu-content-list .mw-list-item > a {
	color: #fff !important;		color: #fff !important;
	text-decoration: none;		text-decoration: none;
Line 28:		Line 27:
	}		}

	.vector-menu-content-list .mw-list-item:hover,		#mw-panel .vector-menu-content-list .mw-list-item:hover,
	.vector-menu-content-list .mw-list-item:focus-within {		#mw-panel .vector-menu-content-list .mw-list-item:focus-within {
	background: rgba(230,10,40,0.15);		background: rgba(230,10,40,0.15);
	border-left: 3.5px solid #f6d311;		border-left: 3.5px solid #f6d311;
	}		}

	.vector-menu-content-list .mw-list-item:hover > a,		#mw-panel .vector-menu-content-list .mw-list-item:hover > a,
	.vector-menu-content-list .mw-list-item:focus-within > a {		#mw-panel .vector-menu-content-list .mw-list-item:focus-within > a {
	color: #f6d311 !important;		color: #f6d311 !important;
	padding-left: 11px;		padding-left: 11px;
	background: none;		background: none;
	}		}

Buburka Rinderbuy at 17:37, 7 August 2025

2025-08-07T17:37:10Z

Show changes

Buburka Rinderbuy at 17:34, 7 August 2025

2025-08-07T17:34:44Z

@@ Line 13: / Line 13: @@
      left: 0;
      top: 0;
+}

Buburka Rinderbuy: Created page with "#p-themes-label .vector-menu-heading-label:before { content: "Blurryface Era"; } #p-themes-label .vector-menu-heading-label { visibility: hidden; position: relative; } #p-themes-label .vector-menu-heading-label:before { visibility: visible; position: absolute; left: 0; top: 0; }"

2024-10-16T03:00:03Z

Created page with "#p-themes-label .vector-menu-heading-label:before { content: "Blurryface Era"; } #p-themes-label .vector-menu-heading-label { visibility: hidden; position: relative; } #p-themes-label .vector-menu-heading-label:before { visibility: visible; position: absolute; left: 0; top: 0; }"

New page

#p-themes-label .vector-menu-heading-label:before {
content: "Blurryface Era";
}

#p-themes-label .vector-menu-heading-label {
visibility: hidden;
position: relative;
}

#p-themes-label .vector-menu-heading-label:before {
visibility: visible;
position: absolute;
left: 0;
top: 0;
}