Mediawiki:common.css
| Строка 4970: | Строка 4970: | ||
/* === Снаряжение охотника ========================================= */ | /* === Снаряжение охотника ========================================= */ | ||
/* | /* Сдержанный стиль: старый металл, кость и приглушённая бронза. */ | ||
/* Все правила ограничены .scmc-hunter-equipment. */ | |||
.scmc-hunter-equipment { | .scmc-hunter-equipment { | ||
--hunter-bg: # | --hunter-bg: #0d100f; | ||
--hunter-surface: # | --hunter-surface: #131715; | ||
--hunter-surface- | --hunter-surface-alt: #171b18; | ||
--hunter-border: # | --hunter-surface-raised: #1b201d; | ||
--hunter-border-soft: # | --hunter-border: #343a35; | ||
--hunter- | --hunter-border-soft: #292e2a; | ||
--hunter- | --hunter-bronze: #a18c5c; | ||
--hunter- | --hunter-bronze-dark: #665b3e; | ||
--hunter- | --hunter-bone: #d7ceb7; | ||
--hunter- | --hunter-text: #d7dcd7; | ||
--hunter-good: # | --hunter-muted: #98a098; | ||
--hunter-bad: # | --hunter-cold: #8ba3a0; | ||
--hunter-good: #9eae89; | |||
--hunter-bad: #b88778; | |||
max-width: 1240px; | |||
margin: 0 auto; | |||
color: var(--hunter-text); | color: var(--hunter-text); | ||
font-size: 15px; | |||
line-height: 1.55; | |||
} | } | ||
.scmc-hunter-equipment *, | |||
.scmc-hunter-equipment *::before, | |||
.scmc-hunter-equipment *::after { | |||
box-sizing: border-box; | |||
} | |||
/* Заголовки разделов */ | |||
.scmc-hunter-equipment h2 { | |||
margin: 0 0 1rem; | |||
padding: 0 0 0.7rem; | |||
border-bottom: 1px solid var(--hunter-border); | |||
color: var(--hunter-bone); | |||
font-size: 1.55rem; | |||
font-weight: 650; | |||
letter-spacing: 0.025em; | |||
} | |||
.scmc-hunter-equipment h3 { | |||
position: relative; | |||
margin: 2rem 0 0.75rem; | |||
padding: 0.55rem 0 0.55rem 16px; | |||
border: 0; | |||
border-bottom: 1px solid var(--hunter-border-soft); | |||
color: #e2e5df; | |||
font-size: 1.08rem; | |||
font-weight: 650; | |||
letter-spacing: 0.018em; | |||
} | |||
.scmc-hunter-equipment h3::before { | |||
position: absolute; | |||
top: 0.72rem; | |||
bottom: 0.72rem; | |||
left: 0; | |||
width: 3px; | |||
background: var(--hunter-bronze); | |||
content: ""; | |||
} | |||
.scmc-hunter-equipment .mw-editsection { | |||
font-size: 0.75rem; | |||
font-weight: 400; | |||
letter-spacing: 0; | |||
} | |||
/* Таблицы */ | |||
.scmc-hunter-equipment .scmc-hunter-table { | .scmc-hunter-equipment .scmc-hunter-table { | ||
width: 100%; | width: 100%; | ||
margin: 0 0 2rem; | margin: 0 0 2rem; | ||
border: | overflow: hidden; | ||
border: 1px solid var(--hunter-border) !important; | |||
border-radius: 6px; | |||
border-collapse: separate !important; | border-collapse: separate !important; | ||
border-spacing: 0 | border-spacing: 0; | ||
table-layout: fixed; | table-layout: fixed; | ||
background: | background: var(--hunter-bg) !important; | ||
color: var(--hunter-text); | color: var(--hunter-text); | ||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-table thead th, | .scmc-hunter-equipment .scmc-hunter-table thead th, | ||
.scmc-hunter-equipment .scmc-hunter-table .scmc-hunter-table-head th { | .scmc-hunter-equipment .scmc-hunter-table .scmc-hunter-table-head th { | ||
padding: 11px | padding: 10px 11px !important; | ||
border: 0 !important; | |||
border- | border-right: 1px solid #3e4238 !important; | ||
border-bottom: | border-bottom: 1px solid var(--hunter-bronze-dark) !important; | ||
background: #22241e !important; | |||
color: # | color: #cfc5aa !important; | ||
font-size: 0. | font-size: 0.75rem; | ||
font-weight: | font-weight: 700; | ||
line-height: 1. | line-height: 1.25; | ||
letter-spacing: 0.045em; | letter-spacing: 0.045em; | ||
text-align: left; | text-align: left; | ||
| Строка 5016: | Строка 5070: | ||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-table th: | .scmc-hunter-equipment .scmc-hunter-table thead th:last-child, | ||
border- | .scmc-hunter-equipment .scmc-hunter-table .scmc-hunter-table-head th:last-child { | ||
border- | border-right: 0 !important; | ||
} | |||
.scmc-hunter-equipment .scmc-hunter-table th.scmc-hunter-col-stat, | |||
.scmc-hunter-equipment .scmc-hunter-table th.scmc-hunter-col-speed, | |||
.scmc-hunter-equipment .scmc-hunter-table th.scmc-hunter-col-damage, | |||
.scmc-hunter-equipment .scmc-hunter-table th.scmc-hunter-col-type { | |||
text-align: center; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table tbody td { | |||
padding: 12px 11px !important; | |||
vertical-align: middle; | |||
border: 0 !important; | |||
border-right: 1px solid var(--hunter-border-soft) !important; | |||
border-bottom: 1px solid var(--hunter-border-soft) !important; | |||
background: var(--hunter-surface) !important; | |||
color: var(--hunter-text); | |||
line-height: 1.45; | |||
transition: background-color 120ms ease; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table tbody tr:nth-child(even) td { | |||
background: var(--hunter-surface-alt) !important; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table tbody td:last-child { | |||
border-right: 0 !important; | |||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-table | .scmc-hunter-equipment .scmc-hunter-table tbody tr:last-child td { | ||
border-right: 1px solid # | border-bottom: 0 !important; | ||
border- | } | ||
.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td { | |||
background: var(--hunter-surface-raised) !important; | |||
} | |||
/* Ширины: броня */ | |||
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-item { width: 26%; } | |||
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-stat { width: 8%; } | |||
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-speed { width: 14%; } | |||
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-desc { width: 36%; } | |||
/* Ширины: оружие */ | |||
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-item { width: 23%; } | |||
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-damage { width: 9%; } | |||
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-type { width: 11%; } | |||
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-notes { width: 25%; } | |||
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-desc { width: 32%; } | |||
/* Ширины: специальное оборудование */ | |||
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-item { width: 23%; } | |||
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-type { width: 14%; } | |||
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-effect { width: 31%; } | |||
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-desc { width: 32%; } | |||
/* Предмет и изображение */ | |||
.scmc-hunter-equipment .scmc-hunter-item { | |||
display: flex; | |||
align-items: center; | |||
gap: 11px; | |||
min-width: 0; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-icon { | |||
display: grid; | |||
flex: 0 0 76px; | |||
width: 76px; | |||
height: 76px; | |||
overflow: hidden; | |||
place-items: center; | |||
border: 1px solid #3c423c; | |||
border-left-color: var(--hunter-bronze-dark); | |||
border-radius: 3px; | |||
background: #0b0e0d; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-icon img, | |||
.scmc-hunter-equipment .scmc-hunter-icon .mw-file-element { | |||
display: block; | |||
width: auto !important; | |||
height: auto !important; | |||
max-width: 70px !important; | |||
max-height: 70px !important; | |||
object-fit: contain; | |||
image-rendering: pixelated; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-item-body { | |||
min-width: 0; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-name { | |||
margin-bottom: 6px; | |||
color: #e5e8e3; | |||
font-size: 0.98rem; | |||
font-weight: 650; | |||
line-height: 1.25; | |||
overflow-wrap: anywhere; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-tags { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 4px; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-tag, | |||
.scmc-hunter-equipment .scmc-hunter-status, | |||
.scmc-hunter-equipment .scmc-hunter-damage-type { | |||
display: inline-flex; | |||
align-items: center; | |||
min-height: 21px; | |||
padding: 2px 7px; | |||
border: 1px solid #414742; | |||
border-radius: 3px; | |||
background: #1b201d; | |||
color: #b5bcb5; | |||
font-size: 0.7rem; | |||
font-weight: 650; | |||
line-height: 1.2; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-tag-accent { | |||
border-color: #665d44; | |||
background: #27251d; | |||
color: #cabc98; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-tag-danger { | |||
border-color: #6a4d45; | |||
background: #261e1b; | |||
color: #c59d90; | |||
} | |||
/* Показатели и состояния */ | |||
.scmc-hunter-equipment td[data-label="Удары"], | |||
.scmc-hunter-equipment td[data-label="Баллистика"], | |||
.scmc-hunter-equipment td[data-label="Взрыв"], | |||
.scmc-hunter-equipment td[data-label="Урон"], | |||
.scmc-hunter-equipment td[data-label="Тип урона"], | |||
.scmc-hunter-equipment td[data-label="Скорость"] { | |||
text-align: center; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-score { | |||
display: inline-grid; | |||
min-width: 38px; | |||
min-height: 31px; | |||
padding: 3px 7px; | |||
place-items: center; | |||
border: 1px solid #5c5848; | |||
border-radius: 3px; | |||
background: #1d1f1a; | |||
color: var(--hunter-bone); | |||
font-size: 0.92rem; | |||
font-weight: 700; | |||
font-variant-numeric: tabular-nums; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-status-good { | |||
border-color: #505b49; | |||
background: #1c211b; | |||
color: var(--hunter-good); | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-status-bad { | |||
border-color: #654b44; | |||
background: #241c1a; | |||
color: var(--hunter-bad); | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-status-neutral, | |||
.scmc-hunter-equipment .scmc-hunter-damage-type { | |||
border-color: #46504d; | |||
background: #19201e; | |||
color: var(--hunter-cold); | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-dash { | |||
color: #737b74; | |||
font-weight: 700; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-description { | |||
color: #cbd0cb; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-notes, | |||
.scmc-hunter-equipment .scmc-hunter-effect { | |||
color: #bcc3bd; | |||
font-size: 0.92rem; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-empty { | |||
padding: 22px !important; | |||
border: 1px dashed #4a504a !important; | |||
background: var(--hunter-surface) !important; | |||
color: var(--hunter-muted) !important; | |||
text-align: center; | |||
} | |||
/* Планшеты */ | |||
@media screen and (max-width: 1050px) { | |||
.scmc-hunter-equipment .scmc-hunter-icon { | |||
flex-basis: 66px; | |||
width: 66px; | |||
height: 66px; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-icon img, | |||
.scmc-hunter-equipment .scmc-hunter-icon .mw-file-element { | |||
max-width: 62px !important; | |||
max-height: 62px !important; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table tbody td { | |||
padding: 10px 8px !important; | |||
} | |||
} | |||
/* Телефон: строка таблицы становится спокойной вертикальной карточкой */ | |||
@media screen and (max-width: 780px) { | |||
.scmc-hunter-equipment { | |||
font-size: 14px; | |||
} | |||
.scmc-hunter-equipment h3 { | |||
margin-top: 1.6rem; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table { | |||
display: block; | |||
overflow: visible; | |||
border: 0 !important; | |||
border-radius: 0; | |||
background: transparent !important; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table thead, | |||
.scmc-hunter-equipment .scmc-hunter-table .scmc-hunter-table-head { | |||
display: none; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table tbody, | |||
.scmc-hunter-equipment .scmc-hunter-table tr, | |||
.scmc-hunter-equipment .scmc-hunter-table td { | |||
display: block; | |||
width: auto !important; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table tbody tr { | |||
margin: 0 0 10px; | |||
overflow: hidden; | |||
border: 1px solid var(--hunter-border); | |||
border-radius: 5px; | |||
background: var(--hunter-surface); | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table tbody td, | |||
.scmc-hunter-equipment .scmc-hunter-table tbody td:first-child, | |||
.scmc-hunter-equipment .scmc-hunter-table tbody td:last-child { | |||
padding: 10px 12px !important; | |||
border: 0 !important; | |||
border-bottom: 1px solid var(--hunter-border-soft) !important; | |||
background: var(--hunter-surface) !important; | |||
text-align: left; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table tbody td:first-child { | |||
padding: 12px !important; | |||
border-left: 3px solid var(--hunter-bronze-dark) !important; | |||
background: var(--hunter-surface-raised) !important; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table tbody td:last-child { | |||
border-bottom: 0 !important; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table tbody td:not(:first-child)::before { | |||
display: block; | |||
margin-bottom: 4px; | |||
color: #858d86; | |||
content: attr(data-label); | |||
font-size: 0.67rem; | |||
font-weight: 700; | |||
letter-spacing: 0.045em; | |||
text-transform: uppercase; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td, | |||
.scmc-hunter-equipment .scmc-hunter-table tbody tr:nth-child(even) td { | |||
background: var(--hunter-surface) !important; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td:first-child, | |||
.scmc-hunter-equipment .scmc-hunter-table tbody tr:nth-child(even) td:first-child { | |||
background: var(--hunter-surface-raised) !important; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-empty::before { | |||
display: none !important; | |||
} | |||
} | |||
@media screen and (max-width: 440px) { | |||
.scmc-hunter-equipment .scmc-hunter-item { | |||
align-items: flex-start; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-icon { | |||
flex-basis: 60px; | |||
width: 60px; | |||
height: 60px; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-icon img, | |||
.scmc-hunter-equipment .scmc-hunter-icon .mw-file-element { | |||
max-width: 56px !important; | |||
max-height: 56px !important; | |||
} | |||
} | |||
/* === Снаряжение охотника ========================================= */ | |||
/* Сдержанный стиль: старый металл, кость и приглушённая бронза. */ | |||
/* Все правила ограничены .scmc-hunter-equipment. */ | |||
.scmc-hunter-equipment { | |||
--hunter-bg: #0d100f; | |||
--hunter-surface: #131715; | |||
--hunter-surface-alt: #171b18; | |||
--hunter-surface-raised: #1b201d; | |||
--hunter-border: #343a35; | |||
--hunter-border-soft: #292e2a; | |||
--hunter-bronze: #a18c5c; | |||
--hunter-bronze-dark: #665b3e; | |||
--hunter-bone: #d7ceb7; | |||
--hunter-text: #d7dcd7; | |||
--hunter-muted: #98a098; | |||
--hunter-cold: #8ba3a0; | |||
--hunter-good: #9eae89; | |||
--hunter-bad: #b88778; | |||
max-width: 1240px; | |||
margin: 0 auto; | |||
color: var(--hunter-text); | |||
font-size: 15px; | |||
line-height: 1.55; | |||
} | |||
.scmc-hunter-equipment *, | |||
.scmc-hunter-equipment *::before, | |||
.scmc-hunter-equipment *::after { | |||
box-sizing: border-box; | |||
} | |||
/* Заголовки разделов */ | |||
.scmc-hunter-equipment h2 { | |||
margin: 0 0 1rem; | |||
padding: 0 0 0.7rem; | |||
border-bottom: 1px solid var(--hunter-border); | |||
color: var(--hunter-bone); | |||
font-size: 1.55rem; | |||
font-weight: 650; | |||
letter-spacing: 0.025em; | |||
} | |||
.scmc-hunter-equipment h3 { | |||
position: relative; | |||
margin: 2rem 0 0.75rem; | |||
padding: 0.55rem 0 0.55rem 16px; | |||
border: 0; | |||
border-bottom: 1px solid var(--hunter-border-soft); | |||
color: #e2e5df; | |||
font-size: 1.08rem; | |||
font-weight: 650; | |||
letter-spacing: 0.018em; | |||
} | |||
.scmc-hunter-equipment h3::before { | |||
position: absolute; | |||
top: 0.72rem; | |||
bottom: 0.72rem; | |||
left: 0; | |||
width: 3px; | |||
background: var(--hunter-bronze); | |||
content: ""; | |||
} | |||
.scmc-hunter-equipment .mw-editsection { | |||
font-size: 0.75rem; | |||
font-weight: 400; | |||
letter-spacing: 0; | |||
} | |||
/* Таблицы */ | |||
.scmc-hunter-equipment .scmc-hunter-table { | |||
width: 100%; | |||
margin: 0 0 2rem; | |||
overflow: hidden; | |||
border: 1px solid var(--hunter-border) !important; | |||
border-radius: 6px; | |||
border-collapse: separate !important; | |||
border-spacing: 0; | |||
table-layout: fixed; | |||
background: var(--hunter-bg) !important; | |||
color: var(--hunter-text); | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table thead th, | |||
.scmc-hunter-equipment .scmc-hunter-table .scmc-hunter-table-head th { | |||
padding: 10px 11px !important; | |||
border: 0 !important; | |||
border-right: 1px solid #3e4238 !important; | |||
border-bottom: 1px solid var(--hunter-bronze-dark) !important; | |||
background: #22241e !important; | |||
color: #cfc5aa !important; | |||
font-size: 0.75rem; | |||
font-weight: 700; | |||
line-height: 1.25; | |||
letter-spacing: 0.045em; | |||
text-align: left; | |||
text-transform: uppercase; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table thead th:last-child, | |||
.scmc-hunter-equipment .scmc-hunter-table .scmc-hunter-table-head th:last-child { | |||
border-right: 0 !important; | |||
} | } | ||
| Строка 5033: | Строка 5508: | ||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-table tbody td { | .scmc-hunter-equipment .scmc-hunter-table tbody td { | ||
padding: | padding: 12px 11px !important; | ||
vertical-align: middle; | vertical-align: middle; | ||
border: 0 !important; | |||
border- | border-right: 1px solid var(--hunter-border-soft) !important; | ||
border-bottom: 1px solid var(--hunter-border) !important; | border-bottom: 1px solid var(--hunter-border-soft) !important; | ||
background: var(--hunter-surface) !important; | |||
color: var(--hunter-text); | color: var(--hunter-text); | ||
line-height: 1.45; | line-height: 1.45; | ||
transition: background | transition: background-color 120ms ease; | ||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-table tbody | .scmc-hunter-equipment .scmc-hunter-table tbody tr:nth-child(even) td { | ||
background: var(--hunter-surface-alt) !important; | |||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-table tbody td:last-child { | .scmc-hunter-equipment .scmc-hunter-table tbody td:last-child { | ||
border-right: | border-right: 0 !important; | ||
border- | } | ||
.scmc-hunter-equipment .scmc-hunter-table tbody tr:last-child td { | |||
border-bottom: 0 !important; | |||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td { | .scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td { | ||
background: | background: var(--hunter-surface-raised) !important; | ||
} | } | ||
/* Ширины: броня */ | /* Ширины: броня */ | ||
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-item { width: 26%; } | .scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-item { width: 26%; } | ||
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-stat { width: | .scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-stat { width: 8%; } | ||
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-speed { width: | .scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-speed { width: 14%; } | ||
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-desc { width: | .scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-desc { width: 36%; } | ||
/* Ширины: оружие */ | /* Ширины: оружие */ | ||
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-item { width: | .scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-item { width: 23%; } | ||
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-damage { width: | .scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-damage { width: 9%; } | ||
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-type { width: | .scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-type { width: 11%; } | ||
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-notes { width: | .scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-notes { width: 25%; } | ||
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-desc { width: 32%; } | .scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-desc { width: 32%; } | ||
/* Ширины: | /* Ширины: специальное оборудование */ | ||
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-item { width: | .scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-item { width: 23%; } | ||
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-type { width: | .scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-type { width: 14%; } | ||
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-effect { width: | .scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-effect { width: 31%; } | ||
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-desc { width: 32%; } | .scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-desc { width: 32%; } | ||
/* Предмет | /* Предмет и изображение */ | ||
.scmc-hunter-equipment .scmc-hunter-item { | .scmc-hunter-equipment .scmc-hunter-item { | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
gap: | gap: 11px; | ||
min-width: 0; | min-width: 0; | ||
} | } | ||
| Строка 5093: | Строка 5565: | ||
.scmc-hunter-equipment .scmc-hunter-icon { | .scmc-hunter-equipment .scmc-hunter-icon { | ||
display: grid; | display: grid; | ||
flex: 0 0 | flex: 0 0 76px; | ||
width: 76px; | |||
height: 76px; | |||
overflow: hidden; | |||
place-items: center; | place-items: center; | ||
border: 1px solid #3c423c; | |||
border-left-color: var(--hunter-bronze-dark); | |||
border-radius: 3px; | |||
background: #0b0e0d; | |||
border-radius: | |||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-icon img { | .scmc-hunter-equipment .scmc-hunter-icon img, | ||
.scmc-hunter-equipment .scmc-hunter-icon .mw-file-element { | |||
display: block; | display: block; | ||
width: auto !important; | |||
height: auto !important; | |||
width: | max-width: 70px !important; | ||
height: | max-height: 70px !important; | ||
object-fit: contain; | |||
image-rendering: pixelated; | image-rendering: pixelated; | ||
} | } | ||
| Строка 5120: | Строка 5592: | ||
.scmc-hunter-equipment .scmc-hunter-name { | .scmc-hunter-equipment .scmc-hunter-name { | ||
margin-bottom: | margin-bottom: 6px; | ||
color: # | color: #e5e8e3; | ||
font-size: | font-size: 0.98rem; | ||
font-weight: | font-weight: 650; | ||
line-height: 1.25; | line-height: 1.25; | ||
overflow-wrap: anywhere; | overflow-wrap: anywhere; | ||
| Строка 5131: | Строка 5603: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
gap: | gap: 4px; | ||
} | } | ||
| Строка 5139: | Строка 5611: | ||
display: inline-flex; | display: inline-flex; | ||
align-items: center; | align-items: center; | ||
min-height: | min-height: 21px; | ||
padding: 2px | padding: 2px 7px; | ||
border: 1px solid # | border: 1px solid #414742; | ||
border-radius: | border-radius: 3px; | ||
background: # | background: #1b201d; | ||
color: # | color: #b5bcb5; | ||
font-size: 0. | font-size: 0.7rem; | ||
font-weight: | font-weight: 650; | ||
line-height: 1. | line-height: 1.2; | ||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-tag-accent { | .scmc-hunter-equipment .scmc-hunter-tag-accent { | ||
border-color: | border-color: #665d44; | ||
background: | background: #27251d; | ||
color: # | color: #cabc98; | ||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-tag-danger { | .scmc-hunter-equipment .scmc-hunter-tag-danger { | ||
border-color: | border-color: #6a4d45; | ||
background: | background: #261e1b; | ||
color: # | color: #c59d90; | ||
} | } | ||
/* | /* Показатели и состояния */ | ||
.scmc-hunter-equipment td[data-label="Удары"], | .scmc-hunter-equipment td[data-label="Удары"], | ||
.scmc-hunter-equipment td[data-label="Баллистика"], | .scmc-hunter-equipment td[data-label="Баллистика"], | ||
| Строка 5174: | Строка 5646: | ||
.scmc-hunter-equipment .scmc-hunter-score { | .scmc-hunter-equipment .scmc-hunter-score { | ||
display: inline-grid; | display: inline-grid; | ||
min-width: | min-width: 38px; | ||
height: | min-height: 31px; | ||
padding: | padding: 3px 7px; | ||
place-items: center; | place-items: center; | ||
border: 1px solid | border: 1px solid #5c5848; | ||
border-radius: | border-radius: 3px; | ||
background: var(--hunter- | background: #1d1f1a; | ||
color: var(--hunter-bone); | |||
font-size: | font-size: 0.92rem; | ||
font-weight: | font-weight: 700; | ||
font-variant-numeric: tabular-nums; | font-variant-numeric: tabular-nums; | ||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-status-good { | .scmc-hunter-equipment .scmc-hunter-status-good { | ||
border-color: | border-color: #505b49; | ||
background: | background: #1c211b; | ||
color: var(--hunter-good); | color: var(--hunter-good); | ||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-status-bad { | .scmc-hunter-equipment .scmc-hunter-status-bad { | ||
border-color: | border-color: #654b44; | ||
background: | background: #241c1a; | ||
color: var(--hunter-bad); | color: var(--hunter-bad); | ||
} | } | ||
| Строка 5201: | Строка 5673: | ||
.scmc-hunter-equipment .scmc-hunter-status-neutral, | .scmc-hunter-equipment .scmc-hunter-status-neutral, | ||
.scmc-hunter-equipment .scmc-hunter-damage-type { | .scmc-hunter-equipment .scmc-hunter-damage-type { | ||
border-color: # | border-color: #46504d; | ||
background: # | background: #19201e; | ||
color: | color: var(--hunter-cold); | ||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-dash { | .scmc-hunter-equipment .scmc-hunter-dash { | ||
color: # | color: #737b74; | ||
font-weight: | font-weight: 700; | ||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-description | .scmc-hunter-equipment .scmc-hunter-description { | ||
color: #cbd0cb; | |||
color: # | |||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-notes { | .scmc-hunter-equipment .scmc-hunter-notes, | ||
.scmc-hunter-equipment .scmc-hunter-effect { | |||
color: #bcc3bd; | |||
font-size: 0.92rem; | font-size: 0.92rem; | ||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-empty { | .scmc-hunter-equipment .scmc-hunter-empty { | ||
padding: | padding: 22px !important; | ||
border: 1px dashed # | border: 1px dashed #4a504a !important; | ||
background: var(--hunter-surface) !important; | |||
background: | |||
color: var(--hunter-muted) !important; | color: var(--hunter-muted) !important; | ||
text-align: center; | text-align: center; | ||
| Строка 5233: | Строка 5704: | ||
@media screen and (max-width: 1050px) { | @media screen and (max-width: 1050px) { | ||
.scmc-hunter-equipment .scmc-hunter-icon { | .scmc-hunter-equipment .scmc-hunter-icon { | ||
flex-basis: | flex-basis: 66px; | ||
width: | width: 66px; | ||
height: | height: 66px; | ||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-icon img { | .scmc-hunter-equipment .scmc-hunter-icon img, | ||
max-width: | .scmc-hunter-equipment .scmc-hunter-icon .mw-file-element { | ||
max-height: | max-width: 62px !important; | ||
max-height: 62px !important; | |||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-table tbody td { | .scmc-hunter-equipment .scmc-hunter-table tbody td { | ||
padding: | padding: 10px 8px !important; | ||
} | } | ||
} | } | ||
/* Телефон: | /* Телефон: строка таблицы становится спокойной вертикальной карточкой */ | ||
@media screen and (max-width: 780px) { | @media screen and (max-width: 780px) { | ||
.scmc-hunter-equipment { | |||
font-size: 14px; | |||
} | |||
.scmc-hunter-equipment h3 { | |||
margin-top: 1.6rem; | |||
} | |||
.scmc-hunter-equipment .scmc-hunter-table { | .scmc-hunter-equipment .scmc-hunter-table { | ||
display: block; | display: block; | ||
border- | overflow: visible; | ||
border: 0 !important; | |||
border-radius: 0; | |||
background: transparent !important; | |||
} | } | ||
| Строка 5269: | Строка 5751: | ||
.scmc-hunter-equipment .scmc-hunter-table tbody tr { | .scmc-hunter-equipment .scmc-hunter-table tbody tr { | ||
margin: 0 0 | margin: 0 0 10px; | ||
overflow: hidden; | overflow: hidden; | ||
border: 1px solid var(--hunter-border); | border: 1px solid var(--hunter-border); | ||
border-radius: | border-radius: 5px; | ||
background: var(--hunter-surface); | background: var(--hunter-surface); | ||
} | } | ||
| Строка 5279: | Строка 5761: | ||
.scmc-hunter-equipment .scmc-hunter-table tbody td:first-child, | .scmc-hunter-equipment .scmc-hunter-table tbody td:first-child, | ||
.scmc-hunter-equipment .scmc-hunter-table tbody td:last-child { | .scmc-hunter-equipment .scmc-hunter-table tbody td:last-child { | ||
padding: 12px | padding: 10px 12px !important; | ||
border: 0 !important; | border: 0 !important; | ||
border-bottom: 1px solid var(--hunter-border-soft) !important; | border-bottom: 1px solid var(--hunter-border-soft) !important; | ||
background: var(--hunter-surface) !important; | |||
background: | |||
text-align: left; | text-align: left; | ||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-table tbody td:first-child { | .scmc-hunter-equipment .scmc-hunter-table tbody td:first-child { | ||
padding: | padding: 12px !important; | ||
background: | border-left: 3px solid var(--hunter-bronze-dark) !important; | ||
background: var(--hunter-surface-raised) !important; | |||
} | } | ||
| Строка 5299: | Строка 5780: | ||
.scmc-hunter-equipment .scmc-hunter-table tbody td:not(:first-child)::before { | .scmc-hunter-equipment .scmc-hunter-table tbody td:not(:first-child)::before { | ||
display: block; | display: block; | ||
margin-bottom: | margin-bottom: 4px; | ||
color: # | color: #858d86; | ||
content: attr(data-label); | content: attr(data-label); | ||
font-size: 0. | font-size: 0.67rem; | ||
font-weight: | font-weight: 700; | ||
letter-spacing: 0.045em; | letter-spacing: 0.045em; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td { | .scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td, | ||
background: | .scmc-hunter-equipment .scmc-hunter-table tbody tr:nth-child(even) td { | ||
background: var(--hunter-surface) !important; | |||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td:first-child { | .scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td:first-child, | ||
background: | .scmc-hunter-equipment .scmc-hunter-table tbody tr:nth-child(even) td:first-child { | ||
background: var(--hunter-surface-raised) !important; | |||
} | } | ||
| Строка 5327: | Строка 5810: | ||
.scmc-hunter-equipment .scmc-hunter-icon { | .scmc-hunter-equipment .scmc-hunter-icon { | ||
flex-basis: | flex-basis: 60px; | ||
width: | width: 60px; | ||
height: | height: 60px; | ||
} | } | ||
.scmc-hunter-equipment .scmc-hunter-icon img { | .scmc-hunter-equipment .scmc-hunter-icon img, | ||
max-width: | .scmc-hunter-equipment .scmc-hunter-icon .mw-file-element { | ||
max-height: | max-width: 56px !important; | ||
max-height: 56px !important; | |||
} | } | ||
} | } | ||
/* СМ:Главаная - конец */ | /* СМ:Главаная - конец */ | ||