Шаблон:Навігація версія/styles.css - Історія редагувань

Florentia в 20:23, 2 липня 2026

2026-07-02T20:23:44Z

← Попередня версія		Версія за 20:23, 2 липня 2026
Рядок 32:		Рядок 32:

	.char-ver-nav-ranobe {		.char-ver-nav-ranobe {
	border-color: #~~2ecc71~~;		border-color: #0073aa;
	background-image: url("https://wiki.shield-team.site/images/thumb/7/7a/07.webp/512px-07.webp.png");		background-image: url("https://wiki.shield-team.site/images/thumb/7/7a/07.webp/512px-07.webp.png");
	}		}

	.char-ver-nav-spinoff {		.char-ver-nav-spinoff {
	border-color: #~~3498db~~;		border-color: #0073aa;
	background-image: url("https://wiki.shield-team.site/images/f/fb/512-spinoff.jpg");		background-image: url("https://wiki.shield-team.site/images/f/fb/512-spinoff.jpg");
	}		}

	.char-ver-nav-webnovel {		.char-ver-nav-webnovel {
	border-color: #~~e67e22~~;		border-color: #0073aa;
	background-image: url("https://wiki.shield-team.site/images/5/58/512-webnovel.jpg");		background-image: url("https://wiki.shield-team.site/images/5/58/512-webnovel.jpg");
	}		}
Рядок 51:		Рядок 51:

	.char-ver-nav-current {		.char-ver-nav-current {
	box-shadow: 0 0 8px 2px ~~rgba(46, 204, 113, 0.8)~~;		box-shadow: 0 0 8px 2px #0073aa;
	}		}

Florentia в 20:21, 2 липня 2026

2026-07-02T20:21:25Z

← Попередня версія		Версія за 20:21, 2 липня 2026
Рядок 17:		Рядок 17:
	display: inline-block;		display: inline-block;
	box-sizing: border-box;		box-sizing: border-box;
	width: ~~64px~~;		width: 80px;
	height: ~~40px~~;		height: 45px;
	padding: 0;		padding: 0;
	border-radius: 10px;		border-radius: 10px;

Florentia в 20:18, 2 липня 2026

2026-07-02T20:18:46Z

← Попередня версія		Версія за 20:18, 2 липня 2026
Рядок 28:		Рядок 28:
	background-repeat: no-repeat;		background-repeat: no-repeat;
	border: 2px solid transparent;		border: 2px solid transparent;
			flex-shrink: 0;
	}		}

Florentia в 20:17, 2 липня 2026

2026-07-02T20:17:15Z

← Попередня версія		Версія за 20:17, 2 липня 2026
Рядок 2:		Рядок 2:
	display: flex;		display: flex;
	justify-content: right;		justify-content: right;
			align-items: center;
	gap: 8px;		gap: 8px;
	flex-wrap: wrap;		flex-wrap: wrap;
Рядок 13:		Рядок 14:

	.char-ver-nav-link {		.char-ver-nav-link {
			position: relative;
	display: inline-block;		display: inline-block;
	~~padding~~: ~~8px 16px~~;		box-sizing: border-box;
		⚫	width: 64px;
		⚫	height: 40px;
			padding: 0;
	border-radius: 10px;		border-radius: 10px;
	font-weight: 600;		font-weight: 600;
	text-decoration: none;
	text-align: center;		text-align: center;
	transition: all 0.2s ease;		transition: all 0.2s ease;
	background-size: cover;		background-size: cover;
	background-position: center 20%; ~~/* показує верхню частину картинки */~~		background-position: center 20%;
	background-repeat: no-repeat;		background-repeat: no-repeat;
	~~width~~: ~~64px~~;		border: 2px solid transparent;
⚫	height: 40px;
	}		}

	.char-ver-nav-ranobe {		.char-ver-nav-ranobe {
	border: ~~2px solid~~ #2ecc71;		border-color: #2ecc71;
	background-image: url("https://wiki.shield-team.site/images/thumb/7/7a/07.webp/512px-07.webp.png");		background-image: url("https://wiki.shield-team.site/images/thumb/7/7a/07.webp/512px-07.webp.png");
	color: #2ecc71;
⚫	}
⚫	.char-ver-nav-~~ranobe~~:hover {
	background: rgba(46, 204, 113, 0.15);
	}		}

	.char-ver-nav-spinoff {		.char-ver-nav-spinoff {
	border: ~~2px solid~~ #3498db;		border-color: #3498db;
	background-image: url("https://wiki.shield-team.site/images/f/fb/512-spinoff.jpg");		background-image: url("https://wiki.shield-team.site/images/f/fb/512-spinoff.jpg");
	color: #3498db;
	}
⚫	.char-ver-nav-~~spinoff:hover~~ {
	background: rgba(52, 152, 219, 0.15);
	}		}

	.char-ver-nav-webnovel {		.char-ver-nav-webnovel {
	border: ~~1.5px solid~~ #e67e22;		border-color: #e67e22;
	background-image: url("https://wiki.shield-team.site/images/5/58/512-webnovel.jpg");		background-image: url("https://wiki.shield-team.site/images/5/58/512-webnovel.jpg");
	color: #e67e22;
	}		}

	.char-ver-nav-webnovel:hover {
		⚫	.char-ver-nav-link:hover {
	background: rgba(230, 126, 34, 0.15);
			filter: brightness(1.2);
	}		}

	.char-ver-nav-current {		.char-ver-nav-current {
	background-color: #2ecc71;
	color: #0a1f14;
	border-color: #2ecc71;
	box-shadow: 0 0 8px 2px rgba(46, 204, 113, 0.8);		box-shadow: 0 0 8px 2px rgba(46, 204, 113, 0.8);
⚫	~~border-~~width: ~~3px~~;
	}		}

Рядок 68:		Рядок 59:
	overflow: hidden;		overflow: hidden;
	clip-path: inset(50%);		clip-path: inset(50%);
		⚫	}

			/* Мобільні пристрої — центрування */
			@media (max-width: 720px) {
		⚫	.char-ver-nav-wrap {
			justify-content: center;
			}
	}		}

Florentia в 20:15, 2 липня 2026

2026-07-02T20:15:11Z

← Попередня версія		Версія за 20:15, 2 липня 2026
Рядок 29:		Рядок 29:
	.char-ver-nav-ranobe {		.char-ver-nav-ranobe {
	border: 2px solid #2ecc71;		border: 2px solid #2ecc71;
			background-image: url("https://wiki.shield-team.site/images/thumb/7/7a/07.webp/512px-07.webp.png");
	color: #2ecc71;		color: #2ecc71;
	}		}
Рядок 46:		Рядок 47:
	.char-ver-nav-webnovel {		.char-ver-nav-webnovel {
	border: 1.5px solid #e67e22;		border: 1.5px solid #e67e22;
			background-image: url("https://wiki.shield-team.site/images/5/58/512-webnovel.jpg");
	color: #e67e22;		color: #e67e22;
	}		}

Florentia в 20:14, 2 липня 2026

2026-07-02T20:14:15Z

← Попередня версія		Версія за 20:14, 2 липня 2026
Рядок 65:		Рядок 65:
	height: 1px;		height: 1px;
	overflow: hidden;		overflow: hidden;
			clip-path: inset(50%);
	}		}

Florentia в 20:12, 2 липня 2026

2026-07-02T20:12:59Z

@@ Рядок 56: / Рядок 56: @@
     color: #0a1f14;
     border-color: #2ecc71;
+}

Florentia в 20:11, 2 липня 2026

2026-07-02T20:11:50Z

← Попередня версія		Версія за 20:11, 2 липня 2026
Рядок 23:		Рядок 23:
	background-position: center 20%; /* показує верхню частину картинки */		background-position: center 20%; /* показує верхню частину картинки */
	background-repeat: no-repeat;		background-repeat: no-repeat;
			width: 64px;
			height: 40px;
	}		}

Florentia в 20:10, 2 липня 2026

2026-07-02T20:10:44Z

← Попередня версія		Версія за 20:10, 2 липня 2026
Рядок 20:		Рядок 20:
	text-align: center;		text-align: center;
	transition: all 0.2s ease;		transition: all 0.2s ease;
	background-size: ~~contain~~;		background-size: cover;
	background-position: center;		background-position: center 20%; /* показує верхню частину картинки */
	background-repeat: no-repeat;		background-repeat: no-repeat;
	}		}

Florentia в 20:09, 2 липня 2026

2026-07-02T20:09:57Z

← Попередня версія		Версія за 20:09, 2 липня 2026
Рядок 13:		Рядок 13:

	.char-ver-nav-link {		.char-ver-nav-link {
	~~position~~: ~~relative~~;		display: inline-block;
	display: inline-flex;
⚫	~~align~~-~~items~~: center;
⚫	~~justify~~-~~content~~: center;
	padding: 8px 16px;		padding: 8px 16px;
	border-radius: 10px;		border-radius: 10px;
	font-weight: 600;		font-weight: 600;
	~~overflow~~: ~~hidden~~;		text-decoration: none;
		⚫	text-align: center;
	transition: all 0.2s ease;		transition: all 0.2s ease;
			background-size: contain;
⚫	}
		⚫	background-position: center;

			background-repeat: no-repeat;
⚫	.char-ver-nav-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
⚫	}

⚫	.char-ver-nav-~~text~~ {
	position: relative;
	z-index: 1;
⚫	~~text-shadow~~: ~~0 1px 3px~~ rgba(0, 0, 0, 0.8);
	}		}

Рядок 44:		Рядок 29:
	color: #2ecc71;		color: #2ecc71;
	}		}
		⚫	.char-ver-nav-ranobe:hover {
		⚫	background: rgba(46, 204, 113, 0.15);
		⚫	}

	.char-ver-nav-spinoff {		.char-ver-nav-spinoff {
	border: 2px solid #3498db;		border: 2px solid #3498db;
Рядок 49:		Рядок 38:
	color: #3498db;		color: #3498db;
	}		}
		⚫	.char-ver-nav-spinoff:hover {
			background: rgba(52, 152, 219, 0.15);
		⚫	}

	.char-ver-nav-webnovel {		.char-ver-nav-webnovel {
	border: 1.5px solid #e67e22;		border: 1.5px solid #e67e22;
	color: #e67e22;		color: #e67e22;
	}		}
		⚫	.char-ver-nav-webnovel:hover {

			background: rgba(230, 126, 34, 0.15);
⚫	.char-ver-nav-~~link~~:hover ~~.char-ver-nav-bg~~ {
	filter: brightness(1.2);
	}		}

	.char-ver-nav-current {		.char-ver-nav-current {
			background-color: #2ecc71;
			color: #0a1f14;
	border-color: #2ecc71;		border-color: #2ecc71;
	}		}