MediaWiki:Vector-2022.css

Not: Yayımladıktan sonra değişiklikleri görmek için tarayıcınızın önbelleğini temizlemeniz gerekebilir.

Firefox / Safari: Shift tuşuna basılıyken Yeniden Yükle'ye tıklayın ya da Ctrl-F5 ya da Ctrl-R tıklayın (Mac için ⌘-R).
Google Chrome: Ctrl-Shift-R'ye basın. (Mac için ⌘-Shift-R)
Internet Explorer / Edge: Ctrl basılıyken Yenile'ye tıklayın ya da Ctrl-F5 yapın.
Opera: Ctrl-F5 tıklayın.

/* ===================================================
   FM WIKI – CORE THEME v1
   Temiz, kontrollü, FM tabanlı
=================================================== */

/* Renk değişkenleri */
.skin-vector-2022 {
    --fm-bg: #0b0f14;
    --fm-panel: #121821;
    --fm-panel-soft: #161d28;
    --fm-border: rgba(255,255,255,.05);
    --fm-text: #e8edf5;
    --fm-text-soft: #aab4c3;
    --fm-green: #34a86b;
}

/* Genel arka plan */
.skin-vector-2022 body {
    background: radial-gradient(circle at top, #121821 0%, #06080c 55%);
    color: var(--fm-text);
    font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}

/* Vector’ın kendi container’ına dokunma */
.skin-vector-2022 .mw-page-container,
.skin-vector-2022 .vector-body {
    background: transparent;
}

/* ===== ANA İÇERİK PANELİ ===== */
.skin-vector-2022 .mw-parser-output {
    background: var(--fm-panel);
    border-radius: 14px;
    padding: 2rem 2.2rem;
    box-shadow: 0 20px 60px rgba(0,0,0,.65);
}

/* Paragraflar */
.skin-vector-2022 .mw-parser-output p {
    line-height: 1.65;
    color: var(--fm-text);
}

/* ===== BAŞLIKLAR ===== */
.skin-vector-2022 h1,
.skin-vector-2022 h2,
.skin-vector-2022 h3 {
    color: #f3f6fb;
    letter-spacing: .015em;
}

.skin-vector-2022 h2 {
    margin-top: 1.6rem;
    padding-left: .6rem;
    border-left: 4px solid var(--fm-green);
}

/* ===== LINKLER ===== */
.skin-vector-2022 a {
    color: var(--fm-green);
    text-decoration: none;
}
.skin-vector-2022 a:hover {
    text-decoration: underline;
}

/* ===== LİSTELER ===== */
.skin-vector-2022 .mw-parser-output ul {
    padding-left: 1.1rem;
}
.skin-vector-2022 .mw-parser-output li {
    margin: .25rem 0;
}

/* ===== TABLOLAR (FM ANALİZ HAVASI) ===== */
.skin-vector-2022 table.wikitable {
    background: var(--fm-panel-soft);
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--fm-border);
    overflow: hidden;
}

.skin-vector-2022 table.wikitable th {
    background: #0f1520;
    color: #f3f6fb;
    font-weight: 600;
    padding: .45rem .7rem;
}

.skin-vector-2022 table.wikitable td {
    padding: .4rem .7rem;
    border-top: 1px solid var(--fm-border);
}

.skin-vector-2022 table.wikitable tr:hover td {
    background: rgba(52,168,107,.08);
}

/* ===== FOOTER ===== */
.skin-vector-2022 .mw-footer {
    margin-top: 3rem;
    border-top: 1px solid var(--fm-border);
    color: var(--fm-text-soft);
}


/* ===================================================
   FM DASHBOARD – CARD SYSTEM
=================================================== */

/* Anasayfa kutularını hedef al */
.skin-vector-2022 .mw-parser-output > div {
    background: #151b25;
    color: #e6ecf3;
    border-radius: 14px;
    padding: 1.4rem 1.6rem;
    margin-bottom: 1.3rem;
    border: 1px solid rgba(255,255,255,.045);
    box-shadow: 0 10px 28px rgba(0,0,0,.55);
}

/* Sağ kolon kartları da aynı sistem */
.skin-vector-2022 .mw-parser-output > div > div {
    background: #151b25;
    border-radius: 12px;
    padding: 1.2rem 1.4rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(255,255,255,.04);
}

/* Kart içindeki listeler */
.skin-vector-2022 .mw-parser-output ul {
    margin-top: .5rem;
}

/* Kart hover – FM’deki hafif fokus efekti */
.skin-vector-2022 .mw-parser-output > div:hover {
    background: #182232;
    transform: translateY(-1px);
    transition: background .2s ease, transform .2s ease;
}