Лидеры фракций, действующие и бывшие

Denis Manafort · 2018-12-18T21:29:47+0000

#leadersBoard, #leadersBoard * { box-sizing: border-box; } #leadersBoard { --bg: #0e1117; --panel: #151922; --panel-soft: #11151d; --border: rgba(255, 255, 255, .08); --text: #eef4ff; --muted: #a8b3c2; --accent: #e05555; --accent-2: #f0b84d; --leader-card-accent: #f0b84d; width: min(100%, 1380px); max-width: 100%; min-width: 0; margin: 0 auto; color: var(--text); font-family: "Segoe UI", Arial, sans-serif; line-height: 1.45; overflow-wrap: anywhere; } .leaders-main-cover { overflow: hidden; width: 100%; margin: 0 0 18px; border: 1px solid var(--border); border-radius: 16px; background: #080b10; } .leaders-main-cover img { display: block; width: 100%; max-width: 100%; height: auto; max-height: 260px; object-fit: cover; } .cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; align-items: flex-start; } .leaders-body { width: 100%; margin: 0; padding: 2px; border: 1px solid var(--border); border-radius: 14px; background: var(--bg); } #leadersBoard.leaders-on-forum .leaders-body { border-color: transparent; background: transparent; } .leader-card { position: relative; min-width: 0; overflow: hidden; border: 1px solid color-mix(in srgb, var(--leader-card-accent) 14%, #252b35); border-radius: 10px; background: linear-gradient(135deg, color-mix(in srgb, var(--leader-card-accent) 5%, #191e27), #161b23); box-shadow: none; transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease; } .leader-card::before { content: ""; position: absolute; top: 14px; bottom: 14px; left: 0; z-index: 2; width: 2px; border-radius: 0 2px 2px 0; background: var(--leader-card-accent); opacity: .5; } .leader-card:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--leader-card-accent) 48%, transparent); box-shadow: 0 12px 30px rgba(0, 0, 0, .26); } .leader-card:last-child:nth-child(odd) { grid-column: 1 / -1; width: calc(50% - 11px); justify-self: center; } .leader-card-image { display: block; width: 100%; height: 150px; border-bottom: 1px solid rgba(255, 255, 255, .06); object-fit: cover; vertical-align: middle; } .leader-card-content { padding: 0; color: var(--text); } .leader-card-title { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: center; margin: 0; padding: 12px 16px; border-bottom: 1px solid var(--border); color: var(--accent); background: #111620; font-size: 15px; font-weight: 800; } .leader-card-title-text { min-width: 0; } .leader-card-variant-label { display: inline-flex; align-items: center; justify-content: center; min-height: 22px; padding: 3px 8px; border: 1px solid rgba(255, 255, 255, .10); border-radius: 999px; color: #dce5f2; background: rgba(255, 255, 255, .045); font-size: 10px; font-weight: 900; line-height: 1; white-space: nowrap; } .leader-current { display: block; margin: 14px 16px 10px 20px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .leader-current-row { display: block; margin: 3px 0; line-height: 1.35; color: #8d9aab; font-size: 14px; font-weight: 650; } .leader-current-row span:first-child { margin-right: 5px; color: color-mix(in srgb, var(--leader-card-accent) 85%, white); font-weight: 800; } .leader-current-row span:last-child { color: #edf2f9; font-size: 14px; font-weight: 700; font-family: "Segoe UI", Arial, sans-serif; } .leader-current-row a { color: #edf2f9 !important; font-size: 14px; font-family: "Segoe UI", Arial, sans-serif; font-weight: 700; text-decoration: underline !important; text-underline-offset: 2px; } .leader-current-row a:hover { color: color-mix(in srgb, var(--leader-card-accent) 85%, white) !important; } .leader-section-link { display: inline-grid; grid-template-columns: 15px minmax(0, 1fr) 12px; gap: 8px; align-items: center; width: auto; max-width: 100%; min-height: 30px; margin: 0 16px 8px 20px; padding: 0 10px; border: 1px solid rgba(195, 211, 235, .14); border-radius: 4px; color: #c8d2df !important; background: rgba(255, 255, 255, .035); font-size: 11px; font-weight: 800; letter-spacing: .08em; line-height: 1.2; text-align: left; text-transform: uppercase; text-decoration: none !important; box-shadow: none; transition: border-color .18s ease, background .18s ease, color .18s ease; } .leader-section-link::before, .leader-section-link::after { content: ""; display: block; background: currentColor; } .leader-section-link::before { width: 14px; height: 14px; opacity: .88; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E") center / contain no-repeat; } .leader-section-link::after { width: 12px; height: 12px; justify-self: end; opacity: .7; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") center / contain no-repeat; } .leader-spoiler-button { display: grid; grid-template-columns: 28px minmax(0, 1fr) 20px; column-gap: 6px; width: calc(100% - 36px); min-height: 42px; margin: 0 16px 14px 20px; padding: 0 14px 0 14px; align-items: center; justify-content: stretch; border: 1px solid rgba(255, 255, 255, .08); border-radius: 8px; color: #c8d2df !important; background: #11151d; font-size: 13px; font-weight: 800; line-height: 1.2; text-align: left; text-decoration: none !important; cursor: pointer; user-select: none; box-shadow: none; transition: background .18s ease, border-color .18s ease, color .18s ease; } .leader-spoiler-button { appearance: none; } .leader-spoiler-button::before { content: ""; width: 18px; height: 18px; justify-self: center; background: currentColor; opacity: .9; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 18h13'/%3E%3Cpath d='M3 6h.01'/%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 18h.01'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 6h13'/%3E%3Cpath d='M8 12h13'/%3E%3Cpath d='M8 18h13'/%3E%3Cpath d='M3 6h.01'/%3E%3Cpath d='M3 12h.01'/%3E%3Cpath d='M3 18h.01'/%3E%3C/svg%3E") center / contain no-repeat; } .leader-spoiler-button::after { content: ""; width: 16px; height: 16px; justify-self: center; background: currentColor; opacity: .72; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; transition: opacity .18s ease; } .leader-spoiler-button:hover { border-color: rgba(195, 211, 235, .18); color: #eef4ff !important; background: #151922; } .leader-section-link:hover { border-color: rgba(195, 211, 235, .24); background: rgba(255, 255, 255, .055); color: #eef4ff !important; } .leader-card-v1 { border-color: rgba(224, 85, 85, .18); } .leader-card-v1 .leader-card-title { color: var(--accent); background: #111620; } .leader-card-v2 { border-color: rgba(224, 85, 85, .30); background: linear-gradient(180deg, #171b24, #121720); } .leader-card-v2 .leader-card-image { height: 132px; } .leader-card-v2 .leader-card-title { color: #ffe1e1; background: linear-gradient(90deg, rgba(224, 85, 85, .22), #111620 58%); } .leader-card-v2 .leader-card-variant-label { border-color: rgba(224, 85, 85, .24); color: #ffc3c3; background: rgba(224, 85, 85, .09); } .leader-card-v2 .leader-current { border-color: rgba(224, 85, 85, .22); border-left-color: var(--accent); background: rgba(224, 85, 85, .055); } .leader-card-v2 .leader-section-link { border-color: rgba(224, 85, 85, .22); color: #ffb3b3 !important; background: rgba(224, 85, 85, .065); } .leader-card-v3 { border-color: color-mix(in srgb, var(--leader-card-accent) 14%, #252b35); background: linear-gradient(135deg, color-mix(in srgb, var(--leader-card-accent) 5%, #191e27), #161b23); } .leader-card-v3 .leader-card-title { color: color-mix(in srgb, var(--leader-card-accent) 85%, white); background: linear-gradient(90deg, color-mix(in srgb, var(--leader-card-accent) 12%, transparent), #111620 55%); } .leader-card-v3 .leader-card-variant-label { border-color: color-mix(in srgb, var(--leader-card-accent) 24%, transparent); color: color-mix(in srgb, var(--leader-card-accent) 85%, white); background: color-mix(in srgb, var(--leader-card-accent) 8%, transparent); } .leader-card-v3 .leader-current { border-color: transparent; background: transparent; } .leader-card-v4 { border-color: rgba(255, 255, 255, .10); background: #10151d; } .leader-card-v4 .leader-card-image { height: 178px; filter: saturate(.9) contrast(1.05); } .leader-card-v4 .leader-card-title { border-bottom-color: rgba(255, 255, 255, .08); color: #eef4ff; background: #0f131a; } .leader-card-v4 .leader-current { border-color: rgba(255, 255, 255, .08); border-left-color: rgba(240, 184, 77, .70); background: rgba(255, 255, 255, .026); } .leader-card-v5 { border-color: rgba(100, 208, 220, .18); background: linear-gradient(180deg, #141a23, #10151d); } .leader-card-v5 .leader-card-image { height: 142px; } .leader-card-v5 .leader-card-title { color: #8ee8f2; background: linear-gradient(90deg, rgba(100, 208, 220, .10), #111620 58%); } .leader-card-v5 .leader-card-variant-label { border-color: rgba(100, 208, 220, .22); color: #9cebf4; background: rgba(100, 208, 220, .07); } .leader-card-v5 .leader-current { border-color: rgba(100, 208, 220, .20); border-left-color: #64d0dc; background: rgba(100, 208, 220, .045); } .leader-card-v5 .leader-current-row span:first-child, .leader-card-v5 .leader-current-row a:hover, .leader-card-v5 .leader-section-link { color: #8ee8f2 !important; } .leader-card-v5 .leader-section-link { border-color: rgba(100, 208, 220, .20); background: rgba(100, 208, 220, .055); } .leader-card-v6 { border-color: rgba(255, 255, 255, .075); background: #151922; } .leader-card-v6 .leader-card-image { height: 128px; opacity: .88; } .leader-card-v6 .leader-card-title { color: #dce5f2; background: #151922; } .leader-card-v6 .leader-current { margin-top: 12px; border-color: rgba(255, 255, 255, .075); border-left-color: #8996a7; background: #11151d; } .leader-card-v6 .leader-section-link { border-color: rgba(255, 255, 255, .09); color: #dce5f2 !important; background: rgba(255, 255, 255, .035); } .leader-spoiler-button.is-open { margin-bottom: 0; border-radius: 8px 8px 0 0; border-color: rgba(195, 211, 235, .18); background: #151922; color: #eef4ff !important; } .leader-spoiler-button.is-open::after { opacity: .95; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; } .leader-archive { max-height: 0; overflow: hidden; transition: max-height .58s ease-in-out; will-change: max-height; } .leader-archive.is-open { overflow: hidden; } .leader-archive-scroll { overflow: hidden; margin: 0 16px 16px 20px; padding: 10px; border: 1px solid rgba(255, 255, 255, .08); border-top: none; border-radius: 0 0 9px 9px; background: #11151d; } .leader-archive-list { display: grid; gap: 8px; } .leader-archive-head { display: grid; grid-template-columns: minmax(210px, 1.25fr) minmax(110px, .85fr) minmax(130px, .9fr); gap: 8px; padding: 0 10px 2px; color: #9ca8b9; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-align: center; text-transform: uppercase; } .leader-archive-item { display: grid; grid-template-columns: minmax(210px, 1.25fr) minmax(110px, .85fr) minmax(130px, .9fr); gap: 8px; align-items: start; padding: 9px 10px; border: 1px solid rgba(255, 255, 255, .065); border-radius: 8px; background: rgba(17, 21, 29, .82); } .leader-archive-cell { min-width: 0; color: #e8edf6; font-size: 12.5px; font-weight: 700; line-height: 1.35; text-align: center; overflow-wrap: anywhere; } .leader-archive-cell:first-child { white-space: nowrap; overflow: visible; text-overflow: clip; } .leader-archive-empty { padding: 12px 14px; border: 1px solid rgba(255, 255, 255, .065); border-radius: 8px; background: rgba(17, 21, 29, .82); color: #8996a7; font-size: 13px; font-weight: 800; text-align: center; } .leader-card.leader-spoiler-v2 .leader-spoiler-button { grid-template-columns: minmax(0, 1fr) 18px; border-color: rgba(224, 85, 85, .48); border-left-width: 1px; color: #ffffff !important; background: #BA2720; text-align: center; } .leader-card.leader-spoiler-v2 .leader-spoiler-button::before { display: none; } .leader-card.leader-spoiler-v2 .leader-spoiler-button:hover { background: #c9362e; } .leader-card.leader-spoiler-v2 .leader-spoiler-button.is-open { background: #9f251f; } .leader-card.leader-spoiler-v2 .leader-archive-scroll { padding: 0; border-color: rgba(224, 85, 85, .34); background: #292b34; } .leader-card.leader-spoiler-v2 .leader-archive-list { gap: 0; } .leader-card.leader-spoiler-v2 .leader-archive-item { border: 0; border-radius: 0; border-bottom: 1px solid rgba(255, 255, 255, .055); background: transparent; } .leader-card.leader-spoiler-v2 .leader-archive-item:last-child { border-bottom: 0; } .leader-card.leader-spoiler-v3 .leader-spoiler-button { grid-template-columns: 28px minmax(0, 1fr) 20px; min-height: 44px; border-color: rgba(255, 255, 255, .08); color: #c8d2df !important; background: #11151d; } .leader-card.leader-spoiler-v3 .leader-spoiler-button:hover, .leader-card.leader-spoiler-v3 .leader-spoiler-button.is-open { border-color: rgba(195, 211, 235, .18); color: #eef4ff !important; background: #151922; } .leader-card.leader-spoiler-v3 .leader-archive-scroll { border-color: rgba(255, 255, 255, .08); background: #11151d; } .leader-card.leader-spoiler-v3 .leader-archive-item { border-color: rgba(255, 255, 255, .07); background: rgba(255, 255, 255, .025); } .leader-card.leader-spoiler-v4 .leader-spoiler-button { grid-template-columns: minmax(0, 1fr) 18px; min-height: 34px; border: 0; border-radius: 0; border-top: 1px solid rgba(255, 255, 255, .07); color: #dce5f2 !important; background: #111620; } .leader-card.leader-spoiler-v4 .leader-spoiler-button::before { display: none; } .leader-card.leader-spoiler-v4 .leader-spoiler-button:hover, .leader-card.leader-spoiler-v4 .leader-spoiler-button.is-open { color: #ffffff !important; background: #171c25; } .leader-card.leader-spoiler-v4 .leader-archive-scroll { margin-top: 0; border-color: rgba(255, 255, 255, .075); border-radius: 0 0 9px 9px; background: #111620; } .leader-card.leader-spoiler-v4 .leader-archive-item { grid-template-columns: minmax(0, .75fr) minmax(0, 1fr) minmax(0, 1fr); border-color: rgba(255, 255, 255, .06); background: rgba(255, 255, 255, .025); } .leaders-error, .leaders-empty { padding: 34px 20px; border: 1px solid rgba(255,255,255,.06); border-radius: 14px; background: #10151d; color: #8996a7; text-align: center; width: 100%; } .leaders-loading { display: flex; align-items: center; justify-content: center; min-height: 120px; color: #cfd8e6; font-size: 15px; font-weight: 700; letter-spacing: .02em; } .leaders-loading::before { content: ""; width: 18px; height: 18px; margin-right: 10px; border: 2px solid rgba(255,255,255,.15); border-top-color: #48b774; border-radius: 50%; animation: leaders-spin .8s linear infinite; } .leaders-error { color: #ff8f8f; background: rgba(224, 85, 85, .10); } .leaders-update { display: none; width: fit-content; max-width: 100%; margin: 18px auto 0; padding: 9px 14px 9px 12px; align-items: center; gap: 8px; border: 1px solid rgba(137, 150, 167, .18); border-radius: 999px; color: #aeb9c8; background: linear-gradient(135deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 8px 22px rgba(0, 0, 0, .16); font-size: 12px; font-weight: 600; letter-spacing: .01em; text-align: center; } .leaders-update.is-visible { display: inline-flex; } .leaders-update-icon { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: #8fd3ff; background: rgba(92, 166, 232, .10); border: 1px solid rgba(92, 166, 232, .24); font-size: 12px; line-height: 1; } .leaders-update-label { color: #6f7d90; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .leaders-update-time { color: #d6deea; font-weight: 700; } @keyframes leaders-spin { to { transform: rotate(360deg); } } @media (max-width: 820px) { .cards { grid-template-columns: 1fr; } .leaders-body { padding: 2px; } .leader-card:last-child:nth-child(odd) { grid-column: auto; width: 100%; } } @media (max-width: 520px) { .leader-current-row, .leader-archive-cell { font-size: 12px; } .leader-archive-item { grid-template-columns: 1fr; } .leader-archive-head { display: none; } } /* Скрытие форумной панели автора, шапки поста, даты, жалобы и ID */ .ipsComment:has(#leadersBoard) > .cAuthorPane, .ipsComment:has(#leadersBoard) > .ipsComment_author, .cPost:has(#leadersBoard) > .cAuthorPane, .cPost:has(#leadersBoard) > .ipsComment_author, .leaders-fullwidth-post > .cAuthorPane, .leaders-fullwidth-post > .ipsComment_author { display: none !important; } .ipsComment:has(#leadersBoard), .cPost:has(#leadersBoard), .leaders-fullwidth-post { display: block !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .ipsComment:has(#leadersBoard) > .ipsComment_content, .ipsComment:has(#leadersBoard) > .cPost_contentWrap, .cPost:has(#leadersBoard) > .ipsComment_content, .cPost:has(#leadersBoard) > .cPost_contentWrap, .leaders-fullwidth-post > .ipsComment_content, .leaders-fullwidth-post > .cPost_contentWrap, .leaders-fullwidth-content { width: 100% !important; max-width: none !important; margin-left: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; float: none !important; flex: 1 1 100% !important; } .ipsComment:has(#leadersBoard) .ipsComment_meta, .ipsComment:has(#leadersBoard) .ipsComment_header, .ipsComment:has(#leadersBoard) .cPost_header, .ipsComment:has(#leadersBoard) [data-role="commentMeta"], .cPost:has(#leadersBoard) .ipsComment_meta, .cPost:has(#leadersBoard) .ipsComment_header, .cPost:has(#leadersBoard) .cPost_header, .cPost:has(#leadersBoard) [data-role="commentMeta"], .leaders-fullwidth-post .ipsComment_meta, .leaders-fullwidth-post .ipsComment_header, .leaders-fullwidth-post .cPost_header, .leaders-fullwidth-post [data-role="commentMeta"], .leaders-forum-hidden { display: none !important; } .leaders-fullwidth-post .ipsComment_content, .leaders-fullwidth-post .cPost_contentWrap, .leaders-fullwidth-post [data-role="commentContent"] { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } #leadersBoard.leaders-no-side-outline .leader-card::before { display: none; } Загрузка данных...

Автор Denis Manafort, 18 декабря, 2018 в Информационный раздел

Войти

Лидеры фракций, действующие и бывшие

Рекомендуемые сообщения

Denis Manafort 2171

Поделиться сообщением

Ссылка на сообщение

Форумы

Правила серверов

Жалобы на игроков

1 сервер

2 сервер

3 сервер

4 сервер

5 сервер

6 сервер

7 сервер

Обжалование наказаний

Активность