Шаблон:JobPageHeader/styles.css: различия между версиями
Внешний вид
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...» |
Glamyr (обсуждение | вклад) Нет описания правки |
||
| Строка 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; | ||
} | } | ||
| Строка 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; } | ||