| Строка 3743: |
Строка 3743: |
| object-fit: contain !important; | | object-fit: contain !important; |
| image-rendering: pixelated; | | image-rendering: pixelated; |
| }
| |
|
| |
| /* Marine Corps Role Page Standard - начало */
| |
|
| |
| .mcr-page {
| |
| --mcr-bg: #0b0e13;
| |
| --mcr-bg-soft: #10151d;
| |
| --mcr-bg-head: #1e232b;
| |
| --mcr-border: #2a3039;
| |
| --mcr-border-soft: #202630;
| |
| --mcr-text: #d6d6d6;
| |
| --mcr-text-strong: #eeeeee;
| |
| --mcr-text-muted: #aeb8c4;
| |
| --mcr-link: #8fc7ef;
| |
| max-width: 1180px;
| |
| margin: 0 auto;
| |
| color: var(--mcr-text);
| |
| font-size: 15px;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
| .mcr-page *,
| |
| .mcr-page *::before,
| |
| .mcr-page *::after {
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .mcr-page a,
| |
| .mcr-page a:visited {
| |
| color: var(--mcr-link);
| |
| }
| |
|
| |
| .mcr-top-row {
| |
| display: flex;
| |
| gap: 22px;
| |
| align-items: flex-start;
| |
| margin-bottom: 18px;
| |
| }
| |
|
| |
| .mcr-main {
| |
| flex: 1 1 auto;
| |
| min-width: 0;
| |
| }
| |
|
| |
| .mcr-role-card {
| |
| float: none;
| |
| clear: none;
| |
| flex: 0 0 300px;
| |
| width: 300px;
| |
| max-width: 100%;
| |
| margin: 0;
| |
| overflow: hidden;
| |
| border: 1px solid var(--mcr-border);
| |
| border-radius: 6px;
| |
| background: var(--mcr-bg);
| |
| }
| |
|
| |
| .mcr-role-card-title,
| |
| .mcr-info-head,
| |
| .mcr-block-title {
| |
| margin: 0;
| |
| padding: 10px 12px;
| |
| border-bottom: 1px solid var(--mcr-border);
| |
| background: var(--mcr-bg-head);
| |
| color: var(--mcr-text-strong);
| |
| font-weight: 600;
| |
| line-height: 1.3;
| |
| }
| |
|
| |
| .mcr-role-card-title {
| |
| font-size: 17px;
| |
| text-align: center;
| |
| }
| |
|
| |
| .mcr-info-head,
| |
| .mcr-block-title {
| |
| min-height: 43px;
| |
| padding-right: 105px;
| |
| font-size: 16px;
| |
| }
| |
|
| |
| .mcr-role-card-image {
| |
| display: grid;
| |
| min-height: 155px;
| |
| padding: 14px;
| |
| place-items: center;
| |
| background: #090c10;
| |
| }
| |
|
| |
| .mcr-role-card-image img,
| |
| .mcr-role-card-image .mw-file-element {
| |
| width: auto !important;
| |
| height: auto !important;
| |
| max-width: 150px !important;
| |
| max-height: 150px !important;
| |
| object-fit: contain;
| |
| image-rendering: pixelated;
| |
| }
| |
|
| |
| .mcr-role-card-table,
| |
| .mcr-gear-table,
| |
| .mcr-skills-table {
| |
| width: 100%;
| |
| margin: 0;
| |
| border: 0;
| |
| border-collapse: collapse;
| |
| background: var(--mcr-bg);
| |
| }
| |
|
| |
| .mcr-role-card-table th,
| |
| .mcr-role-card-table td {
| |
| padding: 7px 9px;
| |
| border-top: 1px solid var(--mcr-border-soft);
| |
| vertical-align: top;
| |
| font-size: 13px;
| |
| line-height: 1.4;
| |
| }
| |
|
| |
| .mcr-role-card-table th {
| |
| width: 38%;
| |
| background: #141920;
| |
| color: var(--mcr-text-muted);
| |
| font-size: 12px;
| |
| font-weight: 600;
| |
| text-align: left;
| |
| }
| |
|
| |
| .mcr-role-card-table td {
| |
| color: var(--mcr-text-strong);
| |
| }
| |
|
| |
| .mcr-quote {
| |
| display: block;
| |
| overflow: hidden;
| |
| margin: 8px 0 18px;
| |
| padding: 10px 12px;
| |
| border-left: 3px solid #536b8e;
| |
| border-radius: 8px;
| |
| background: var(--mcr-bg-soft);
| |
| color: #d8dee9;
| |
| font-style: italic;
| |
| }
| |
|
| |
| .mcr-info-box,
| |
| .mcr-block {
| |
| position: relative;
| |
| clear: both;
| |
| margin: 18px 0;
| |
| overflow: hidden;
| |
| border: 1px solid var(--mcr-border);
| |
| border-radius: 6px;
| |
| background: var(--mcr-bg);
| |
| }
| |
|
| |
| .mcr-info-content {
| |
| padding: 14px;
| |
| background: var(--mcr-bg);
| |
| color: var(--mcr-text);
| |
| }
| |
|
| |
| .mcr-toggle-block {
| |
| position: relative;
| |
| clear: both;
| |
| margin: 18px 0;
| |
| overflow: hidden;
| |
| border: 1px solid var(--mcr-border);
| |
| border-radius: 6px;
| |
| background: var(--mcr-bg);
| |
| }
| |
|
| |
| .mcr-toggle-button {
| |
| display: block;
| |
| position: relative;
| |
| cursor: pointer;
| |
| user-select: none;
| |
| text-decoration: none !important;
| |
| padding-right: 86px;
| |
| }
| |
|
| |
| .mcr-toggle-button h2,
| |
| .mcr-toggle-button .mw-headline {
| |
| display: block;
| |
| margin: 0 !important;
| |
| padding: 0;
| |
| border: 0;
| |
| color: inherit;
| |
| font: inherit;
| |
| line-height: inherit;
| |
| white-space: nowrap;
| |
| overflow: hidden;
| |
| text-overflow: ellipsis;
| |
| }
| |
|
| |
| .mcr-toggle-button .mw-editsection {
| |
| position: absolute;
| |
| top: 10px;
| |
| right: 34px;
| |
| margin: 0;
| |
| font-size: 12px;
| |
| }
| |
|
| |
| .mcr-toggle-button::after {
| |
| content: "▾";
| |
| position: absolute;
| |
| top: 11px;
| |
| right: 10px;
| |
| color: var(--mcr-text-muted);
| |
| font-size: 14px;
| |
| line-height: 1;
| |
| }
| |
|
| |
| .mcr-toggle-content {
| |
| display: none;
| |
| }
| |
|
| |
| .mcr-toggle-block.is-open .mcr-toggle-content {
| |
| display: block;
| |
| }
| |
|
| |
| .mcr-toggle-block.is-open .mcr-toggle-button::after {
| |
| content: "▴";
| |
| }
| |
|
| |
| .mcr-info-box.mw-collapsible .mcr-block-title,
| |
| .mcr-block .mcr-block-title {
| |
| padding-right: 104px;
| |
| }
| |
|
| |
| .mcr-info-box .mw-collapsible-toggle {
| |
| position: absolute;
| |
| top: 9px;
| |
| right: 10px;
| |
| z-index: 2;
| |
| float: none;
| |
| margin: 0;
| |
| font-size: 12px;
| |
| line-height: 1.2;
| |
| }
| |
|
| |
| .mcr-info-box .mw-collapsible-toggle a,
| |
| .mcr-info-box .mw-collapsible-toggle a:visited {
| |
| display: inline-block;
| |
| padding: 3px 8px;
| |
| border: 1px solid #3a424f;
| |
| border-radius: 4px;
| |
| background: #11161d;
| |
| color: var(--mcr-text-muted) !important;
| |
| text-decoration: none !important;
| |
| }
| |
|
| |
| .mcr-info-box .mw-collapsible-toggle a:hover,
| |
| .mcr-info-box .mw-collapsible-toggle a:focus {
| |
| border-color: #566171;
| |
| background: #171d26;
| |
| color: var(--mcr-text-strong) !important;
| |
| }
| |
|
| |
| .mcr-info-subtitle {
| |
| margin: 14px 0 7px;
| |
| color: var(--mcr-text-strong);
| |
| font-size: 17px;
| |
| font-weight: 600;
| |
| }
| |
|
| |
| .mcr-gear-wrap,
| |
| .mcr-skills-wrap {
| |
| max-width: 100%;
| |
| margin: 0;
| |
| overflow-x: auto;
| |
| }
| |
|
| |
| .mcr-gear-table {
| |
| width: 100%;
| |
| min-width: 720px;
| |
| table-layout: fixed;
| |
| }
| |
|
| |
| .mcr-gear-table th,
| |
| .mcr-gear-table td,
| |
| .mcr-skills-table th,
| |
| .mcr-skills-table td {
| |
| padding: 9px 10px;
| |
| border: 1px solid var(--mcr-border-soft);
| |
| vertical-align: middle;
| |
| line-height: 1.45;
| |
| }
| |
|
| |
| .mcr-gear-table th,
| |
| .mcr-skills-table th {
| |
| color: var(--mcr-text-strong) !important;
| |
| font-weight: 600;
| |
| text-align: left;
| |
| }
| |
|
| |
| .mcr-gear-table th {
| |
| background: #222630 !important;
| |
| }
| |
|
| |
| .mcr-skills-table th {
| |
| background: #314f34 !important;
| |
| }
| |
|
| |
| .mcr-gear-table td,
| |
| .mcr-skills-table td {
| |
| background: var(--mcr-bg);
| |
| color: var(--mcr-text);
| |
| font-size: 14px;
| |
| }
| |
|
| |
| .mcr-gear-table th:first-child,
| |
| .mcr-gear-table td:first-child {
| |
| width: 16%;
| |
| text-align: center;
| |
| }
| |
|
| |
| .mcr-gear-table th:nth-child(2),
| |
| .mcr-gear-table td:nth-child(2) {
| |
| width: 44%;
| |
| }
| |
|
| |
| .mcr-gear-table th:nth-child(3),
| |
| .mcr-gear-table td:nth-child(3) {
| |
| width: 40%;
| |
| }
| |
|
| |
| .mcr-gear-table tr:nth-child(even) td,
| |
| .mcr-skills-table tr:nth-child(even) td {
| |
| background: rgba(255, 255, 255, .025);
| |
| }
| |
|
| |
| .mcr-item {
| |
| display: grid;
| |
| gap: 6px;
| |
| justify-items: center;
| |
| color: var(--mcr-text-strong);
| |
| font-weight: 400;
| |
| line-height: 1.25;
| |
| text-align: center;
| |
| }
| |
|
| |
| .mcr-item img,
| |
| .mcr-item .mw-file-element,
| |
| .mcr-gear-table .sprite img,
| |
| .mcr-gear-table .sprite .mw-file-element {
| |
| width: auto !important;
| |
| height: auto !important;
| |
| max-width: 80px !important;
| |
| max-height: 80px !important;
| |
| object-fit: contain;
| |
| image-rendering: pixelated;
| |
| }
| |
|
| |
| .mcr-skills-block {
| |
| width: 100%;
| |
| max-width: 100%;
| |
| }
| |
|
| |
| .mcr-skills-grid {
| |
| display: block;
| |
| width: 100%;
| |
| }
| |
|
| |
| .mcr-skills-table {
| |
| min-width: 0;
| |
| width: 100%;
| |
| table-layout: fixed;
| |
| }
| |
|
| |
| .mcr-skills-block .mcr-info-content {
| |
| padding: 0;
| |
| }
| |
|
| |
| .mcr-gear-block .mcr-info-content {
| |
| padding: 0;
| |
| }
| |
|
| |
| .mcr-skills-table th:first-child,
| |
| .mcr-skills-table td:first-child {
| |
| width: auto;
| |
| }
| |
|
| |
| .mcr-skills-table td:last-child {
| |
| width: 70px;
| |
| color: var(--mcr-text-strong);
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Utility class for rows hidden explicitly in page markup. */
| |
| .mcr-skill-hidden {
| |
| display: none !important;
| |
| }
| |
|
| |
| .mcr-dash,
| |
| .mcr-neutral {
| |
| color: #9aa4af;
| |
| }
| |
|
| |
| .mcr-good,
| |
| .mcr-armor {
| |
| color: #5fd66f;
| |
| }
| |
|
| |
| .mcr-bad,
| |
| .mcr-damage {
| |
| color: #ff6464;
| |
| }
| |
|
| |
| .mcr-warn,
| |
| .mcr-speed {
| |
| color: #ffd166;
| |
| }
| |
|
| |
| .mcr-info,
| |
| .mcr-note {
| |
| color: #8fc7ef;
| |
| }
| |
|
| |
| /* MediaWiki inserts this control directly into a collapsible container. */
| |
| .mcr-page .mw-collapsible-toggle {
| |
| position: absolute;
| |
| top: 9px;
| |
| right: 10px;
| |
| z-index: 2;
| |
| float: none;
| |
| margin: 0;
| |
| font-size: 12px;
| |
| line-height: 1.2;
| |
| }
| |
|
| |
| .mcr-page .mw-collapsible-toggle a,
| |
| .mcr-page .mw-collapsible-toggle a:visited {
| |
| display: inline-block;
| |
| padding: 3px 8px;
| |
| border: 1px solid #3a424f;
| |
| border-radius: 4px;
| |
| background: #11161d;
| |
| color: var(--mcr-text-muted) !important;
| |
| text-decoration: none !important;
| |
| }
| |
|
| |
| .mcr-page .mw-collapsible-toggle a:hover,
| |
| .mcr-page .mw-collapsible-toggle a:focus {
| |
| border-color: #566171;
| |
| background: #171d26;
| |
| color: var(--mcr-text-strong) !important;
| |
| }
| |
|
| |
| @media screen and (max-width: 760px) {
| |
| .mcr-page {
| |
| font-size: 14px;
| |
| }
| |
|
| |
| .mcr-top-row {
| |
| display: block;
| |
| }
| |
|
| |
| .mcr-role-card {
| |
| width: 100%;
| |
| margin: 18px 0 0;
| |
| }
| |
|
| |
| .mcr-role-card-image {
| |
| min-height: 125px;
| |
| }
| |
|
| |
| .mcr-role-card-image img,
| |
| .mcr-role-card-image .mw-file-element {
| |
| max-width: 125px !important;
| |
| max-height: 125px !important;
| |
| }
| |
|
| |
| .mcr-skills-block {
| |
| width: 100%;
| |
| }
| |
|
| |
| .mcr-info-head,
| |
| .mcr-block-title {
| |
| padding-right: 96px;
| |
| }
| |
| } | | } |
|
| |
|
| Строка 4777: |
Строка 4298: |
| } | | } |
| } | | } |
|
| |
| /* Marine Corps Role Page Standard - конец */
| |
|
| |
|
| /* ============================================================ | | /* ============================================================ |