Шаблон:JobPageHeader/styles.css - История изменений

Glamyr в 21:31, 13 июня 2026

2026-06-13T21:31:14Z

← Предыдущая версия		Версия от 21:31, 13 июня 2026
Строка 1:		Строка 1:
	.ss13-job-header {		.ss13-job-header {
	background-color: rgba(20, 22, 23, 0.6) !important;		background-color: rgba(20, 22, 23, 0.7) !important;
	border: 2px solid var(--border-color, #3f4348) !important;		border: 2px solid var(--border-color, #3f4348) !important;
	box-shadow: 0 0 ~~10px~~ rgba(0, ~~173~~, ~~181~~, 0.2) !important;		box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) !important;
	border-radius: 6px !important;		border-radius: 6px !important;
	padding: 15px !important;		padding: 15px !important;
Строка 12:		Строка 12:
	width: 100% !important;		width: 100% !important;
	position: relative !important;		position: relative !important;
			transition: box-shadow 0.3s ease !important;
			}

			/* Автоматическое неоновое свечение всей карточки под цвет активной ТГ-темы */
			body:not(.theme-default) .ss13-job-header {
			box-shadow: 0 0 12px var(--accent) !important;
	}		}

Строка 32:		Строка 38:
	text-shadow: 0 0 5px rgba(255, 255, 255, 0.2) !important;		text-shadow: 0 0 5px rgba(255, 255, 255, 0.2) !important;
	line-height: 1.2 !important;		line-height: 1.2 !important;
	~~text-align: left !important;~~
	}		}

Строка 60:		Строка 65:
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
	gap: 12px !important;		gap: 12px !important;
	~~text-align: left !important;~~
	}		}

Строка 67:		Строка 71:
	padding: 8px 12px !important;		padding: 8px 12px !important;
	border-radius: 0 4px 4px 0 !important;		border-radius: 0 4px 4px 0 !important;
	~~text-align: left !important;~~
	border-left: 3px solid var(--accent, #00adb5) !important;		border-left: 3px solid var(--accent, #00adb5) !important;
	}		}
Строка 83:		Строка 86:
	margin-top: 2px !important;		margin-top: 2px !important;
	}		}

	~~.difficulty-tile, .dept-tile {~~
	~~border-left-color: var(--tile-color) !important;~~
	}

	~~.access-tile { border-left-color: #e8cd54 !important; }~~
	~~.supervisor-tile { border-left-color: #4946e3 !important; }~~
	~~.duty-tile { border-left-color: #238636 !important; }~~

	.job-header-desc-block {		.job-header-desc-block {
Строка 100:		Строка 95:
	font-size: 13px !important;		font-size: 13px !important;
	line-height: 1.4 !important;		line-height: 1.4 !important;
	~~text-align: left !important;~~
	}		}

Строка 106:		Строка 100:
	color: var(--accent, #00adb5) !important;		color: var(--accent, #00adb5) !important;
	font-weight: bold !important;		font-weight: bold !important;
			}

			.dept-theme-Command .job-grid-tile { border-left-color: #1d72b8 !important; }
			.dept-theme-Security .job-grid-tile { border-left-color: #cc0000 !important; }
			.dept-theme-Engineering .job-grid-tile { border-left-color: #ffcc00 !important; }
			.dept-theme-Medical .job-grid-tile { border-left-color: #009933 !important; }
			.dept-theme-Science .job-grid-tile { border-left-color: #993399 !important; }
			.dept-theme-Supply .job-grid-tile { border-left-color: #8b5a2b !important; }
			.dept-theme-Service .job-grid-tile { border-left-color: #66ccff !important; }
			.dept-theme-Silicon .job-grid-tile { border-left-color: #00ffcc !important; }

			.access-tile { border-left-color: #e8cd54 !important; }
			.supervisor-tile { border-left-color: #4946e3 !important; }
			.duty-tile { border-left-color: #238636 !important; }

			.difficulty-tile[style*="--tile-custom-color: #"],
			.dept-tile[style*="--tile-custom-color: #"] {
			border-left-color: var(--tile-custom-color) !important;
	}		}

Строка 112:		Строка 124:
	border-radius: 0 !important;		border-radius: 0 !important;
	}		}
			.rainbow-bar { display: none !important; }
	.rainbow {		.ss13-job-header.rgb .rainbow-bar {
			display: block !important;
	position: absolute !important;		position: absolute !important;
	bottom: 0 !important;		bottom: 0 !important;
Строка 121:		Строка 134:
	background: linear-gradient(to right, red, orange, yellow, green, cyan, blue, violet) !important;		background: linear-gradient(to right, red, orange, yellow, green, cyan, blue, violet) !important;
	}		}

	~~body.theme-syndicate .ss13-job-header { box-shadow: 0 0 10px rgba(255, 51, 51, 0.3) !important; }~~
	~~body.theme-bloodcult .ss13-job-header { box-shadow: 0 0 10px rgba(255, 77, 77, 0.3) !important; }~~
	~~body.theme-heretic .ss13-job-header { box-shadow: 0 0 10px rgba(57, 255, 20, 0.3) !important; }~~

Glamyr в 21:19, 13 июня 2026

2026-06-13T21:19:28Z

← Предыдущая версия		Версия от 21:19, 13 июня 2026
Строка 11:		Строка 11:
	box-sizing: border-box !important;		box-sizing: border-box !important;
	width: 100% !important;		width: 100% !important;
			position: relative !important;
	}		}

Строка 32:		Строка 33:
	line-height: 1.2 !important;		line-height: 1.2 !important;
	text-align: left !important;		text-align: left !important;
	~~width: 90% !important;~~
	}		}

Строка 84:		Строка 84:
	}		}

	~~/* Принудительное сохранение кастомных цветов сложности и отделов из параметров шаблона */~~
	.difficulty-tile, .dept-tile {		.difficulty-tile, .dept-tile {
	border-left-color: var(--tile-color) !important;		border-left-color: var(--tile-color) !important;
Строка 109:		Строка 108:
	}		}

	~~/* Корректировка теней коробок под опасные антаг~~-~~темы */~~		.ss13-job-header.rgb {
			border-image: linear-gradient(to right, red, orange, yellow, green, cyan, blue, violet) 1 !important;
			border-radius: 0 !important;
			}

			.rainbow {
			position: absolute !important;
			bottom: 0 !important;
			left: 0 !important;
			height: 4px !important;
			width: 100% !important;
			background: linear-gradient(to right, red, orange, yellow, green, cyan, blue, violet) !important;
			}

	body.theme-syndicate .ss13-job-header { box-shadow: 0 0 10px rgba(255, 51, 51, 0.3) !important; }		body.theme-syndicate .ss13-job-header { box-shadow: 0 0 10px rgba(255, 51, 51, 0.3) !important; }
	body.theme-bloodcult .ss13-job-header { box-shadow: 0 0 10px rgba(255, 77, 77, 0.3) !important; }		body.theme-bloodcult .ss13-job-header { box-shadow: 0 0 10px rgba(255, 77, 77, 0.3) !important; }
	body.theme-heretic .ss13-job-header { box-shadow: 0 0 10px rgba(57, 255, 20, 0.3) !important; }		body.theme-heretic .ss13-job-header { box-shadow: 0 0 10px rgba(57, 255, 20, 0.3) !important; }

Glamyr: Новая страница: «.ss13-job-header { background-color: rgba(20, 22, 23, 0.6) !important; border: 2px solid var(--border-color, #3f4348) !important; box-shadow: 0 0 10px rgba(0, 173, 181, 0.2) !important; border-radius: 6px !important; padding: 15px !important; margin-bottom: 20px !important; font-family: 'Courier New', Courier, monospace !important; color: var(--text-main, #e3e4e6) !important; text-align: left !important; box-sizing: bo...»

2026-06-13T21:14:47Z

Новая страница: «.ss13-job-header { background-color: rgba(20, 22, 23, 0.6) !important; border: 2px solid var(--border-color, #3f4348) !important; box-shadow: 0 0 10px rgba(0, 173, 181, 0.2) !important; border-radius: 6px !important; padding: 15px !important; margin-bottom: 20px !important; font-family: 'Courier New', Courier, monospace !important; color: var(--text-main, #e3e4e6) !important; text-align: left !important; box-sizing: bo...»

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

.ss13-job-header {
background-color: rgba(20, 22, 23, 0.6) !important;
border: 2px solid var(--border-color, #3f4348) !important;
box-shadow: 0 0 10px rgba(0, 173, 181, 0.2) !important;
border-radius: 6px !important;
padding: 15px !important;
margin-bottom: 20px !important;
font-family: 'Courier New', Courier, monospace !important;
color: var(--text-main, #e3e4e6) !important;
text-align: left !important;
box-sizing: border-box !important;
width: 100% !important;
}

.job-header-top-row {
display: grid !important;
grid-template-columns: 1fr 86px !important;
align-items: center !important;
border-bottom: 1px solid var(--border-color, #3f4348) !important;
padding-bottom: 12px !important;
margin-bottom: 15px !important;
min-height: 86px !important;
width: 100% !important;
box-sizing: border-box !important;
}

.job-header-main-title {
font-size: 26px !important;
font-weight: bold !important;
color: #ffffff !important;
text-shadow: 0 0 5px rgba(255, 255, 255, 0.2) !important;
line-height: 1.2 !important;
text-align: left !important;
width: 90% !important;
}

.job-header-icon-box {
width: 86px !important;
height: 86px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: rgba(255, 255, 255, 0.04) !important;
border: 1px dashed var(--border-color, #3f4348) !important;
border-radius: 4px !important;
overflow: hidden !important;
margin-left: auto !important;
flex-shrink: 0 !important;
}

.job-header-pixel-image img {
image-rendering: -moz-crisp-edges !important;
image-rendering: -webkit-crisp-edges !important;
image-rendering: pixelated !important;
image-rendering: crisp-edges !important;
}

.job-header-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
gap: 12px !important;
text-align: left !important;
}

.job-grid-tile {
background-color: var(--bg-input, #161719) !important;
padding: 8px 12px !important;
border-radius: 0 4px 4px 0 !important;
text-align: left !important;
border-left: 3px solid var(--accent, #00adb5) !important;
}

.job-grid-tile .tile-label {
font-size: 11px !important;
color: var(--text-muted, #a8a095) !important;
text-transform: uppercase !important;
}

.job-grid-tile .tile-value {
font-size: 14px !important;
font-weight: bold !important;
color: var(--text-main, #e3e4e6) !important;
margin-top: 2px !important;
}

/* Принудительное сохранение кастомных цветов сложности и отделов из параметров шаблона */
.difficulty-tile, .dept-tile {
border-left-color: var(--tile-color) !important;
}

.access-tile { border-left-color: #e8cd54 !important; }
.supervisor-tile { border-left-color: #4946e3 !important; }
.duty-tile { border-left-color: #238636 !important; }

.job-header-desc-block {
margin-top: 15px !important;
padding: 10px !important;
background-color: var(--bg-card, #282a2d) !important;
border: 1px dashed var(--border-color, #3f4348) !important;
border-radius: 4px !important;
font-size: 13px !important;
line-height: 1.4 !important;
text-align: left !important;
}

.desc-highlight {
color: var(--accent, #00adb5) !important;
font-weight: bold !important;
}

/* Корректировка теней коробок под опасные антаг-темы */
body.theme-syndicate .ss13-job-header { box-shadow: 0 0 10px rgba(255, 51, 51, 0.3) !important; }
body.theme-bloodcult .ss13-job-header { box-shadow: 0 0 10px rgba(255, 77, 77, 0.3) !important; }
body.theme-heretic .ss13-job-header { box-shadow: 0 0 10px rgba(57, 255, 20, 0.3) !important; }