Шаблон:JobPageHeader/styles.css

2026-06-13T21:14:47Z

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...»

.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; }

2026-06-13T17:41:03Z

Glamyr:

MediaWiki:Vector-2022.css

2026-06-13T17:40:44Z

Glamyr:

MediaWiki:Vector-2022.css

2026-06-13T17:40:02Z

Glamyr:

MediaWiki:Vector-2022.css

2026-06-13T17:38:52Z

Glamyr:

2026-06-13T17:27:12Z

Glamyr:

MediaWiki:Vector-2022.css

2026-06-13T17:23:34Z

Glamyr:

.vector-pinnable-header-toggle-button {
background-color: #3366cc !important;
color: #ffffff !important;
border-radius: 4px !important;
padding: 4px 8px !important;
}

.vector-pinnable-header-toggle-button:hover {
background-color: #2a4b8d !important;
color: #ffffff !important;
}

:root, html, body:not(.theme-default), body.theme-active-dark {
--background-color-base: transparent !important;
--background-color-paper: transparent !important;
--color-base: var(--text-main, #e3e4e6) !important; --color-base--subtle: var(--text-muted, #a8a095) !important; --border-color-base: var(--border-color, #3f4348) !important; --background-color-neutral-subtle: var(--bg-card) !important; --background-color-neutral: var(--bg-input) !important; --color-link: var(--accent, #00adb5) !important; --color-link--visited: #9b72cf !important; --background-color-button-quiet: transparent !important; --background-color-action: var(--bg-input) !important; --background-color-action-quiet: transparent !important; --border-color-action: var(--border-color) !important; --color-action: var(--accent) !important; --color-icon: var(--accent) !important; --color-base--edit: var(--accent) !important; --color-progressive: var(--accent) !important; --color-primary: var(--accent) !important; --color-progressive--quiet: var(--accent) !important; color: var(--text-main, #e3e4e6) !important; scrollbar-color: var(--bg-card, #282a2d) var(--bg-main, #161719) !important;
}
html, body { background-color: #161719 !important; background-attachment: fixed !important; background-size: 100% auto !important; background-position: center !important; background-repeat: no-repeat !important; }
body:not(.theme-nanotrasen):not(.theme-syndicate):not(.theme-plasmafire):not(.theme-clockcult):not(.theme-bloodcult):not(.theme-heretic):not(.theme-default) {
--bg-main: #161719; --bg-content: rgba(30, 32, 34, 0.82); --bg-card: #282a2d; --bg-input: #313438; --border-color: #3f4348; --text-main: #e3e4e6; --text-muted: #a8a095; --accent: #00adb5;
}
body:not(.theme-default) .vector-page-container, body.theme-active-dark .vector-page-container { background-color: var(--bg-content) !important; padding: 15px; border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color); box-shadow: 0 0 20px rgba(0,0,0,0.6); }
body:not(.theme-default) .mw-body, body.theme-active-dark .mw-body { background-color: transparent !important; border: none !important; }
body:not(.theme-default) .vector-header-container, body.theme-active-dark .vector-header-container { background-color: var(--bg-main) !important; border-bottom: 1px solid var(--border-color) !important; }
body:not(.theme-default) .vector-dropdown-content, body.theme-active-dark .vector-dropdown-content, body:not(.theme-default) .vector-pinnable-container, body.theme-active-dark .vector-pinnable-container { background-color: var(--bg-card) !important; border: 1px solid var(--border-color) !important; }
body:not(.theme-default) .vector-dropdown-content a, body.theme-active-dark .vector-dropdown-content a, body:not(.theme-default) .vector-pinnable-container a, body.theme-active-dark .vector-pinnable-container a { color: var(--text-main) !important; }
body:not(.theme-default) .vector-dropdown-content a:hover, body.theme-active-dark .vector-dropdown-content a:hover { background-color: var(--bg-input) !important; color: var(--accent) !important; }
body:not(.theme-default) .cdx-text-input__input, body:not(.theme-default) .vector-search-box-input, body:not(.theme-default) select, body:not(.theme-default) input, body:not(.theme-default) textarea, body:not(.theme-default) .cdx-button, body.theme-active-dark .cdx-text-input__input, body.theme-active-dark .vector-search-box-input, body.theme-active-dark select, body.theme-active-dark input, body.theme-active-dark textarea, body.theme-active-dark .cdx-button { background-color: var(--bg-input) !important; color: var(--text-main) !important; border-color: var(--border-color) !important; }
body:not(.theme-default) .cdx-button:not(.cdx-button--weight-quiet):hover, body.theme-active-dark .cdx-button:not(.cdx-button--weight-quiet):hover { background-color: var(--bg-card) !important; color: var(--accent) !important; }
body:not(.theme-default) .mw-sidebar, body.theme-active-dark .mw-sidebar { background-color: transparent !important; }
body:not(.theme-default) a, body.theme-active-dark a, body:not(.theme-default) .vector-icon, body.theme-active-dark .vector-icon, body:not(.theme-default) .mw-togglebutton, body.theme-active-dark .mw-togglebutton, body:not(.theme-default) .toggle-link, body.theme-active-dark .toggle-link, body:not(.theme-default) .mw-collapsible-toggle, body.theme-active-dark .mw-collapsible-toggle, body:not(.theme-default) .cdx-button--weight-quiet, body.theme-active-dark .cdx-button--weight-quiet { color: var(--accent) !important; }
body:not(.theme-default) h1, body:not(.theme-default) h2, body.theme-active-dark h1, body.theme-active-dark h2 { border-bottom-color: var(--border-color) !important; color: var(--text-main) !important; }
body:not(.theme-default) .wikitable, body:not(.theme-default) .toc, body:not(.theme-default) .thumbinner, body:not(.theme-default) .infobox, body:not(.theme-default) .ambox, body:not(.theme-default) .mw-notification, body:not(.theme-default) .catlinks, body:not(.theme-default) .navbox, body:not(.theme-default) .ext-mwe-cdx-card, body:not(.theme-default) div[role="note"], body.theme-active-dark .wikitable, body.theme-active-dark .toc, body.theme-active-dark .thumbinner, body.theme-active-dark .infobox, body.theme-active-dark .ambox, body.theme-active-dark .mw-notification, body.theme-active-dark .catlinks, body.theme-active-dark .navbox, body.theme-active-dark .ext-mwe-cdx-card, body.theme-active-dark div[role="note"] { background-color: var(--bg-card) !important; border-color: var(--border-color) !important; color: var(--text-main) !important; }
body:not(.theme-default) hr, body.theme-active-dark hr, body:not(.theme-default) .vector-menu-portal, body.theme-active-dark .vector-menu-portal, body:not(.theme-default) .mw-footer, body.theme-active-dark .mw-footer, body:not(.theme-default) .vector-toc, body.theme-active-dark .vector-toc { border-color: var(--border-color) !important; }

body.theme-stddark { --bg-main: #161719; --bg-content: rgba(30, 32, 34, 0.82); --bg-card: #282a2d; --bg-input: #313438; --border-color: #3f4348; --text-main: #e3e4e6; --text-muted: #a8a095; --accent: #00adb5; }
body.theme-nanotrasen { --bg-main: #0c1014; --bg-content: rgba(20, 26, 34, 0.82); --bg-card: #1b2430; --bg-input: #222d3c; --border-color: #2b3a4e; --text-main: #dae5f3; --text-muted: #8ea1b9; --accent: #4a90e2; }
body.theme-syndicate { --bg-main: #111111; --bg-content: rgba(26, 26, 26, 0.82); --bg-card: #262626; --bg-input: #333333; --border-color: #441111; --text-main: #e0e0e0; --text-muted: #aa8888; --accent: #ff3333; }
body.theme-plasmafire { --bg-main: #090312; --bg-content: rgba(21, 11, 36, 0.82); --bg-card: #23123a; --bg-input: #321b51; --border-color: #a62681; --text-main: #f3e8f7; --text-muted: #bda3cf; --accent: #ff41b4; }
body.theme-clockcult { --bg-main: #14110c; --bg-content: rgba(32, 27, 18, 0.82); --bg-card: #2d2619; --bg-input: #3a3121; --border-color: #be9b4a; --text-main: #f0e6d2; --text-muted: #bfa67a; --accent: #e5af33; }
body.theme-bloodcult { --bg-main: #0c0202; --bg-content: rgba(23, 5, 5, 0.82); --bg-card: #260a0a; --bg-input: #380e0e; --border-color: #800c0c; --text-main: #f0dad0; --text-muted: #b89292; --accent: #ff4d4d; }
body.theme-heretic { --bg-main: #030a05; --bg-content: rgba(11, 26, 14, 0.82); --bg-card: #122a18; --bg-input: #1a3b21; --border-color: #1f5f2a; --text-main: #e2f3e5; --text-muted: #99be9f; --accent: #39ff14; }

body.theme-default {
--background-color-base: #ffffff !important; --background-color-paper: #f8f9fa !important; --color-base: #202122 !important; --color-base--subtle: #72777d !important; --border-color-base: #a2a9b1 !important; --background-color-neutral-subtle: #f8f9fa !important; --background-color-neutral: #eaecf0 !important; --color-link: #36c !important; --background-color-button-quiet: transparent !important; --background-color-action: #f8f9fa !important; --border-color-action: #a2a9b1 !important; --color-action: #36c !important; --color-icon: #202122 !important; --color-base--edit: #202122 !important; --color-progressive: #36c !important; --color-primary: #36c !important; --color-progressive--quiet: #36c !important; color: #202122 !important; scrollbar-color: auto !important;
}
body.theme-default, body.theme-default html { background: #f8f9fa !important; }
body.theme-default .vector-page-container { background-color: #ffffff !important; border: none !important; box-shadow: none !important; padding: 0; }
body.theme-default .mw-body { background-color: #ffffff !important; color: #202122 !important; border-color: #a2a9b1 !important; }
body.theme-default .vector-header-container { background-color: #ffffff !important; border-bottom: 1px solid #a2a9b1 !important; }
body.theme-default .vector-dropdown-content, body.theme-default .vector-pinnable-container { background-color: #ffffff !important; border: 1px solid #a2a9b1 !important; }
body.theme-default .vector-dropdown-content a { color: #202122 !important; }
body.theme-default .cdx-text-input__input, body.theme-default select, body.theme-default input, body.theme-default textarea, body.theme-default .cdx-button { background-color: #ffffff !important; color: #202122 !important; border-color: #a2a9b1 !important; }
body.theme-default a, body.theme-default .vector-icon, body.theme-default .mw-togglebutton, body.theme-default .toggle-link, body.theme-default .cdx-button--weight-quiet { color: #36c !important; }
body.theme-default h1, body.theme-default h2 { border-bottom-color: #a2a9b1 !important; color: #000000 !important; }
body.theme-default hr, body.theme-default .vector-menu-portal, body.theme-default .mw-footer, body.theme-default .vector-toc { border-color: #a2a9b1 !important; }
body.theme-default .wikitable, body.theme-default .toc, body.theme-default .thumbinner, body.theme-default .infobox, body.theme-default .ambox, body.theme-default .catlinks, body.theme-default .navbox, body.theme-default .ext-mwe-cdx-card, body.theme-default div[role="note"] { background-color: #f8f9fa !important; border-color: #a2a9b1 !important; color: #202122 !important; }body.theme-stddark, body.theme-stddark html { background-image: url('/images/3/3c/Bg-neutral.png') !important; background-size: 50% auto !important; }body.theme-nanotrasen, body.theme-nanotrasen html { background-image: url('/images/5/58/Nanotrasen-logo.png') !important; background-size: 70% auto !important; }body.theme-syndicate, body.theme-syndicate html { background-image: url('/images/c/ce/Syndicate-logo.png') !important; background-size: 35% auto !important; }body.theme-plasmafire, body.theme-plasmafire html { background-image: url('/images/b/b3/Bg-synthsunset.png') !important; background-size: 70% auto !important; }body.theme-clockcult, body.theme-clockcult html { background-image: url('/images/3/3c/Bg-neutral.png') !important; background-size: 50% auto !important; }body.theme-bloodcult, body.theme-bloodcult html { background-image: url('/images/c/c0/Bg-spookycomp.png') !important; background-size: 40% auto !important; }body.theme-heretic, body.theme-heretic html { background-image: url('/images/c/c0/Bg-spookycomp.png') !important; background-size: 40% auto !important; }.tg-custom-palette-icon { display: block !important; width: 32px !important; height: 32px !important; background-color: transparent !important; background-image: url('/images/f/f6/Palette.png') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; transition: filter 0.3s ease, transform 0.2s ease !important; }.tg-custom-palette-icon:hover { transform: scale(1.1) !important; }body:not(.theme-default) .tg-custom-palette-icon, body.theme-active-dark .tg-custom-palette-icon { filter: drop-shadow(0 0 6px var(--accent)) !important; }#p-tg-theme, #p-tg-theme-dropdown-label { max-width: none !important; max-height: none !important; padding: 0 !important; }body.theme-default code, body.theme-default pre, body.theme-default .mw-code, body.theme-default .mw-highlight pre, body.theme-default .mw-highlight code, body.theme-default .syntaxhighlight, body.theme-default .syntaxhighlight pre { background-color: #f8f9fa !important; color: #202122 !important; border-color: #a2a9b1 !important; text-shadow: none !important; }body.theme-default .mw-highlight .k { color: #06b !important; font-weight: bold; }body.theme-default .mw-highlight .s { color: #b22 !important; }body.theme-default .mw-highlight .c { color: #60a0b0; font-style: italic; }body.theme-default .mw-highlight .mi { color: #0000DD !important; }body:not(.theme-default) code, body:not(.theme-default) pre, body:not(.theme-default) .mw-code, body:not(.theme-default) .mw-highlight pre, body:not(.theme-default) .syntaxhighlight { background-color: var(--bg-card, #282a2d) !important; color: #e2b27a !important; border: 1px solid var(--border-color, #3f4348) !important; }