Шаблон:JobPageHeader/styles.css: различия между версиями
Glamyr (обсуждение | вклад) Нет описания правки |
Glamyr (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
.ss13-job-header { | .ss13-job-header { | ||
background-color: rgba(20, 22, 23, 0. | 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 | 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; | ||
} | } | ||
| Строка 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; | ||
} | } | ||
| Строка 67: | Строка 71: | ||
padding: 8px 12px !important; | padding: 8px 12px !important; | ||
border-radius: 0 4px 4px 0 !important; | border-radius: 0 4px 4px 0 !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; | ||
} | } | ||
.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; | ||
} | } | ||
| Строка 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; | ||
} | } | ||