Mediawiki:common.css

Вернуться

Строка 5455: Строка 5455:
.cm-tooltip-entry-level-2 .cm-tooltip-entry-branch::after {
.cm-tooltip-entry-level-2 .cm-tooltip-entry-branch::after {
font-size: 18px;
font-size: 18px;
}
}
/* === Снаряжение охотника ========================================= */
/* Всё ограничено .scmc-hunter-equipment, поэтому другие таблицы не заденет. */
.scmc-hunter-equipment {
--hunter-bg: #0b0f15;
--hunter-surface: #111720;
--hunter-surface-2: #171f2a;
--hunter-border: #2b3543;
--hunter-border-soft: #222a35;
--hunter-text: #edf2f8;
--hunter-muted: #a6b0bd;
--hunter-accent: #f08a24;
--hunter-accent-2: #c94725;
--hunter-accent-soft: rgba(240, 138, 36, 0.13);
--hunter-good: #83d69b;
--hunter-bad: #ff9e8b;
color: var(--hunter-text);
}
.scmc-hunter-equipment .scmc-hunter-table {
width: 100%;
margin: 0 0 2rem;
border: 0 !important;
border-collapse: separate !important;
border-spacing: 0 10px;
table-layout: fixed;
background: transparent !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: 11px 12px !important;
background: linear-gradient(180deg, #291712 0%, #1b1415 100%) !important;
border-top: 1px solid #5e3020 !important;
border-bottom: 2px solid var(--hunter-accent-2) !important;
border-right: 1px solid #42251d !important;
color: #fff4e8 !important;
font-size: 0.78rem;
font-weight: 800;
line-height: 1.2;
letter-spacing: 0.045em;
text-align: left;
text-transform: uppercase;
}
.scmc-hunter-equipment .scmc-hunter-table th:first-child {
border-left: 1px solid #5e3020 !important;
border-radius: 9px 0 0 9px;
}
.scmc-hunter-equipment .scmc-hunter-table th:last-child {
border-right: 1px solid #5e3020 !important;
border-radius: 0 9px 9px 0;
}
.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: 14px 12px !important;
vertical-align: middle;
background: linear-gradient(180deg, rgba(20, 27, 37, 0.98), rgba(13, 18, 25, 0.98)) !important;
border-top: 1px solid var(--hunter-border) !important;
border-bottom: 1px solid var(--hunter-border) !important;
border-left: 0 !important;
border-right: 0 !important;
box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.045);
color: var(--hunter-text);
line-height: 1.45;
transition: background-color 120ms ease, border-color 120ms ease;
}
.scmc-hunter-equipment .scmc-hunter-table tbody td:first-child {
border-left: 1px solid var(--hunter-border) !important;
border-radius: 10px 0 0 10px;
}
.scmc-hunter-equipment .scmc-hunter-table tbody td:last-child {
border-right: 1px solid var(--hunter-border) !important;
border-radius: 0 10px 10px 0;
box-shadow: none;
}
.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td {
background: #18212c !important;
border-color: #55402c !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: 9%; }
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-speed { width: 13%; }
.scmc-hunter-equipment .scmc-hunter-table-armor .scmc-hunter-col-desc { width: 34%; }
/* Ширины: оружие */
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-item { width: 24%; }
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-damage { width: 10%; }
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-type { width: 12%; }
.scmc-hunter-equipment .scmc-hunter-table-weapon .scmc-hunter-col-notes { width: 22%; }
.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: 28%; }
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-type { width: 16%; }
.scmc-hunter-equipment .scmc-hunter-table-utility .scmc-hunter-col-effect { width: 24%; }
.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: 13px;
min-width: 0;
}
.scmc-hunter-equipment .scmc-hunter-icon {
display: grid;
flex: 0 0 86px;
place-items: center;
width: 86px;
height: 86px;
overflow: hidden;
background:
radial-gradient(circle at 50% 38%, rgba(240, 138, 36, 0.11), transparent 58%),
#0a0e14;
border: 1px solid #34404f;
border-radius: 10px;
box-shadow: inset 0 0 18px rgba(0, 0, 0, 0.45);
}
.scmc-hunter-equipment .scmc-hunter-icon img {
display: block;
max-width: 80px;
max-height: 80px;
width: auto;
height: auto;
image-rendering: pixelated;
}
.scmc-hunter-equipment .scmc-hunter-item-body {
min-width: 0;
}
.scmc-hunter-equipment .scmc-hunter-name {
margin-bottom: 7px;
color: #ffffff;
font-size: 1rem;
font-weight: 800;
line-height: 1.25;
overflow-wrap: anywhere;
}
.scmc-hunter-equipment .scmc-hunter-tags {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.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: 23px;
padding: 2px 8px;
border: 1px solid #394555;
border-radius: 999px;
background: #1c2531;
color: #c7d0db;
font-size: 0.73rem;
font-weight: 700;
line-height: 1.25;
}
.scmc-hunter-equipment .scmc-hunter-tag-accent {
border-color: rgba(240, 138, 36, 0.45);
background: var(--hunter-accent-soft);
color: #ffc98f;
}
.scmc-hunter-equipment .scmc-hunter-tag-danger {
border-color: rgba(210, 72, 44, 0.5);
background: rgba(210, 72, 44, 0.12);
color: #ffb09f;
}
/* Числа и статусы */
.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: 42px;
height: 36px;
padding: 0 8px;
place-items: center;
border: 1px solid rgba(240, 138, 36, 0.42);
border-radius: 8px;
background: var(--hunter-accent-soft);
color: #ffd19f;
font-size: 1rem;
font-weight: 900;
font-variant-numeric: tabular-nums;
}
.scmc-hunter-equipment .scmc-hunter-status-good {
border-color: rgba(92, 185, 119, 0.42);
background: rgba(92, 185, 119, 0.12);
color: var(--hunter-good);
}
.scmc-hunter-equipment .scmc-hunter-status-bad {
border-color: rgba(222, 83, 58, 0.46);
background: rgba(222, 83, 58, 0.13);
color: var(--hunter-bad);
}
.scmc-hunter-equipment .scmc-hunter-status-neutral,
.scmc-hunter-equipment .scmc-hunter-damage-type {
border-color: #3b4655;
background: #19212b;
color: #c9d1db;
}
.scmc-hunter-equipment .scmc-hunter-dash {
color: #687382;
font-weight: 800;
}
.scmc-hunter-equipment .scmc-hunter-description,
.scmc-hunter-equipment .scmc-hunter-notes {
color: #d5dbe3;
}
.scmc-hunter-equipment .scmc-hunter-notes {
font-size: 0.92rem;
}
.scmc-hunter-equipment .scmc-hunter-empty {
padding: 24px !important;
border: 1px dashed #394555 !important;
border-radius: 10px !important;
background: rgba(17, 23, 32, 0.72) !important;
box-shadow: none !important;
color: var(--hunter-muted) !important;
text-align: center;
}
/* Планшеты */
@media screen and (max-width: 1050px) {
.scmc-hunter-equipment .scmc-hunter-icon {
flex-basis: 72px;
width: 72px;
height: 72px;
}
.scmc-hunter-equipment .scmc-hunter-icon img {
max-width: 68px;
max-height: 68px;
}
.scmc-hunter-equipment .scmc-hunter-table tbody td {
padding: 11px 9px !important;
}
}
/* Телефон: каждая строка превращается в карточку */
@media screen and (max-width: 780px) {
.scmc-hunter-equipment .scmc-hunter-table {
display: block;
border-spacing: 0;
table-layout: auto;
}
.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 14px;
overflow: hidden;
border: 1px solid var(--hunter-border);
border-radius: 12px;
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: 12px 14px !important;
border: 0 !important;
border-bottom: 1px solid var(--hunter-border-soft) !important;
border-radius: 0;
background: transparent !important;
box-shadow: none;
text-align: left;
}
.scmc-hunter-equipment .scmc-hunter-table tbody td:first-child {
padding: 14px !important;
background: linear-gradient(180deg, #171f29, #121821) !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: 5px;
color: #8995a4;
content: attr(data-label);
font-size: 0.69rem;
font-weight: 800;
letter-spacing: 0.045em;
text-transform: uppercase;
}
.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td {
background: transparent !important;
}
.scmc-hunter-equipment .scmc-hunter-table tbody tr:hover td:first-child {
background: linear-gradient(180deg, #1a2430, #141b25) !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: 64px;
width: 64px;
height: 64px;
}
.scmc-hunter-equipment .scmc-hunter-icon img {
max-width: 60px;
max-height: 60px;
}
}
}
}


/* СМ:Главаная - конец */
/* СМ:Главаная - конец */