MediaWiki:Common.css: відмінності між версіями

нема опису редагування
Немає опису редагування
Немає опису редагування
Рядок 1453: Рядок 1453:
.mcc-wr-hi    { color: #63bd33 !important; font-weight: 700 !important; }
.mcc-wr-hi    { color: #63bd33 !important; font-weight: 700 !important; }
.mcc-wr-lo    { color: #ff7575 !important; font-weight: 600 !important; }
.mcc-wr-lo    { color: #ff7575 !important; font-weight: 600 !important; }
/* ══════════════════════════════════════════════
  TOURNAMENT FINAL — special prestige styling
  ══════════════════════════════════════════════ */
.tournament-final-box {
    border: 1px solid rgba(212,168,67,0.22) !important;
    background: linear-gradient(160deg, rgba(22,19,30,0.98) 0%, rgba(26,22,16,0.98) 100%) !important;
    box-shadow: 0 0 32px rgba(212,168,67,0.06), inset 0 0 0 1px rgba(212,168,67,0.10) !important;
}
/* Decorative top line */
.tournament-final-box::before {
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    margin-bottom: 6px;
    border-radius: 2px;
    background: linear-gradient(90deg,
        transparent 0%,
        rgba(212,168,67,0.20) 20%,
        rgba(212,168,67,0.55) 50%,
        rgba(212,168,67,0.20) 80%,
        transparent 100%);
}
/* Nav */
.tournament-final-box .tournament-nav .tournament-nav-name {
    color: #d4a843 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    letter-spacing: .03em !important;
}
/* Prize pool — highlighted separately */
.tf-prize-block {
    margin: 10px 0 4px;
    padding: 8px 12px;
    border-radius: 6px;
    text-align: center;
    border: 1px solid rgba(212,168,67,0.28);
    background: rgba(212,168,67,0.06);
}
.tf-prize-block .tf-prize-lbl {
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .10em;
    text-transform: uppercase;
    color: rgba(212,168,67,0.65);
    margin-bottom: 2px;
}
.tf-prize-block .tf-prize-val {
    font-size: 22px;
    font-weight: 800;
    color: #d4a843;
    letter-spacing: .02em;
    font-family: 'Manrope', sans-serif;
}
/* Podium — 3 place blocks */
.tf-podium {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 8px 0 4px;
}
.tf-place {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border-radius: 5px;
    border: 1px solid transparent;
}
.tf-place-1 {
    background: rgba(212,168,67,0.09);
    border-color: rgba(212,168,67,0.22);
}
.tf-place-2 {
    background: rgba(180,185,195,0.07);
    border-color: rgba(180,185,195,0.16);
}
.tf-place-3 {
    background: rgba(192,112,72,0.07);
    border-color: rgba(192,112,72,0.16);
}
.tf-place-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
}
.tf-place-1 .tf-place-badge { background: rgba(212,168,67,0.18); border: 1.5px solid rgba(212,168,67,0.55); color: #d4a843; }
.tf-place-2 .tf-place-badge { background: rgba(180,185,195,0.14); border: 1.5px solid rgba(180,185,195,0.45); color: #c0c4cc; }
.tf-place-3 .tf-place-badge { background: rgba(192,112,72,0.16); border: 1.5px solid rgba(192,112,72,0.45); color: #c07048; }
.tf-place-name {
    flex: 1;
    font-size: 13.5px;
    font-weight: 600;
    color: #e8e5f0;
}
.tf-place-name a, .tf-place-name a:visited { color: #a19ce0; text-decoration: none; }
.tf-place-1 .tf-place-name a, .tf-place-1 .tf-place-name a:visited { color: #d4a843; }
.tf-place-prize {
    font-size: 11px;
    color: rgba(212,168,67,0.65);
    font-weight: 500;
    white-space: nowrap;
}
.tf-place-1 .tf-place-prize { color: rgba(212,168,67,0.80); font-weight: 700; }