MediaWiki:Vector.css: Revizyonlar arasındaki fark

FM Wiki sitesinden
Gezinti kısmına atla Arama kısmına atla
Değişiklik özeti yok
Değişiklik özeti yok
 
(Aynı kullanıcının aradaki diğer 16 değişikliği gösterilmiyor)
1. satır: 1. satır:
/* ========================================================================
/* --- Vector skin: Logo boyutu + merkezleme + çerçeve --- */
  FM TACTICAL UI - VECTOR 2022 OVERRIDE
  Tema: Football Manager Dark / Professional / Analytical
  ======================================================================== */


:root {
#p-logo {
     /* --- RENK PALETİ (FM STİLİ) --- */
     width: 100%;             /* panel genişliği kadar */
    --fm-bg-dark:       #1b262c; /* Ana arka plan (Koyu Lacivert/Gri) */
     padding: 8px 0 12px;
    --fm-bg-panel:      #242f36; /* İçerik kartları */
     margin: 0 auto 8px auto;  /* üstte, ortalanmış halde */
     --fm-bg-header:     #121a1f; /* Header ve Sidebar */
     text-align: center;       /* içerdiği linki ortala */
     --fm-border:       #3a4b55; /* İnce ayırıcılar */
   
    --fm-green-deep:    #18453b; /* Koyu Futbol Yeşili (Başlıklar) */
    --fm-green-accent: #2ecc71; /* Linkler ve Vurgular */
     --fm-green-hover:  #27ae60; /* Hover durumu */
   
    --fm-text-main:     #ecf0f1; /* Ana metin (Kirli Beyaz) */
    --fm-text-muted:    #95a5a6; /* İkincil metin */
   
    /* --- MEDIAWIKI DEĞİŞKENLERİNİ EZİYORUZ --- */
    --background-color-base: var(--fm-bg-panel);
    --background-color-interactive: var(--fm-bg-panel);
    --color-base: var(--fm-text-main);
    --color-emphasized: #ffffff;
    --color-subtle: var(--fm-text-muted);
    --color-primary: var(--fm-green-accent);
    --color-primary--hover: var(--fm-green-hover);
    --border-color-base: var(--fm-border);
    --border-color-subtle: var(--fm-border);
}
}


/* ========================================================================
/* Asıl logo linki */
  1. GENEL YAPI & ARKA PLAN
#p-logo .mw-wiki-logo {
  ======================================================================== */
    width: 135px;
    height: 135px;
    margin: 0 auto;
    display: block;
 
    /* Logoyu kutuya düzgün oturt */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;


body {
    /* Şık çerçeve + hafif kart efekti */
     background-color: var(--fm-bg-dark);
    border-radius: 12px;
     font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    border: 2px solid #1b2836;            /* koyu çerçeve */
    color: var(--fm-text-main);
     background-color: #fff;             /* koyu lacivert arka plan */
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.35),
                0 0 0 1px rgba(255, 255, 255, 0.03); /* hafif glow */
}
}


/* Ana Sayfa Konteyneri */
.mw-page-container {
    background-color: transparent;
    max-width: 1400px; /* Geniş ekranlarda daha fazla veri göstermek için */
    margin: 0 auto;
}


/* İçerik Kartı (Main Content Card) */
.mw-content-container {
    border-bottom: none;
    background-color: transparent;
}


.mw-body {
 
     background-color: var(--fm-bg-panel);
/* Hızlı Başlangıç kutusu */
     border: 1px solid var(--fm-border);
.wikitable.fm-quickbox {
     border-radius: 4px;
     width: 100%;
     padding: 30px;
     border: 1px solid #1b2836;
     box-shadow: 0 4px 20px rgba(0,0,0,0.3);
    margin-bottom: 1em;
     border-collapse: separate;
     border-radius: 10px;
     overflow: hidden;
}
}


/* ========================================================================
.fm-quickbox-header {
  2. HEADER (ÜST PANEL) - ANALİTİK DASHBOARD
     padding: 0.75em 1em;
  ======================================================================== */
     background: #e5e7eb;
 
     font-size: 140%;
.vector-header-container {
     text-align: left;
     background-color: var(--fm-bg-header);
     border-bottom: 2px solid var(--fm-green-deep);
     box-shadow: 0 2px 10px rgba(0,0,0,0.2);
     height: 60px; /* Daha kompakt */
}
}


/* Site Logosu ve Başlığı */
.fm-quickbox-body {
.mw-logo-wordmark {
     padding: 0.9em 1.2em;
     color: #ffffff !important;
     background: #020617;
     font-weight: 800;
     color: #e5e7eb;
     letter-spacing: -0.5px;
    text-transform: uppercase;
}
}


/* Arama Kutusu (Database Search Style) */
/* Kutudaki link renkleri */
.vector-search-box-input {
.fm-quickbox-body a,
    background-color: #0f1418 !important;
.fm-quickbox-body a:visited {
    border: 1px solid #3a4b55 !important;
     color: #38bdf8;         /* FM tarzı açık mavi */
     color: #ffffff !important;
     text-decoration: none;
    border-radius: 3px !important;
     font-size: 0.9em;
}
}


.vector-search-box-input::placeholder {
.fm-quickbox-body a:hover {
    color: #5d707a;
     text-decoration: underline;
     text-transform: uppercase;
    font-size: 0.85em;
    font-weight: 600;
}
}


/* Kullanıcı Menüsü */
/* Kırmızı linkleri (henüz olmayan sayfa) daha şık hale getir */
.vector-user-links {
.fm-quickbox-body a.new {
     font-size: 0.9em;
     color: #f97316;         /* turuncumsu vurgulu renk */
    font-weight: 600;
}
}


/* ========================================================================
  3. SIDEBAR & NAVİGASYON (SOL MENÜ)
  ======================================================================== */


.vector-main-menu-container {
    background-color: transparent;
}


.vector-main-menu-group-label {
/* FM rol tablosu – modern görünüm */
     color: var(--fm-green-accent);
.wikitable.fm-role-table {
     font-size: 0.75rem;
     width: 100%;
     text-transform: uppercase;
    border-collapse: separate;
     letter-spacing: 1px;
     border-spacing: 0;
     border-bottom: 1px solid var(--fm-border);
     background: #020617;
     padding-bottom: 5px;
     color: #e5e7eb;
     margin-bottom: 10px;
     border: 1px solid #1f2933;
    border-radius: 10px;
     overflow: hidden;
     font-size: 95%;
}
}


.vector-main-menu-link {
.fm-role-table th,
    color: var(--fm-text-muted) !important;
.fm-role-table td {
     padding: 6px 10px;
     padding: 0.6em 0.8em;
     border-radius: 3px;
     border: none;
     transition: all 0.2s ease;
     color:#efefef;
}
}


.vector-main-menu-link:hover {
/* FM rol tablosu – başlıkları belirginleştir */
     background-color: rgba(255,255,255,0.05);
.fm-role-table th {
     color: #ffffff !important;
     background: linear-gradient(90deg, #111827, #1f2937);
     padding-left: 14px; /* Hafif sağa kayma efekti */
     color: #f9fafb !important;     /* zorla açık renk yazı */
     text-align: left;
    font-weight: 700;
    font-size: 100%;
    border-bottom: 1px solid #1f2933;
}
}


/* ========================================================================
  4. TİPOGRAFİ & BAŞLIKLAR
  ======================================================================== */


h1, h2, h3, h4, h5, h6 {
/* Zebra satırlar */
    color: #ffffff;
.fm-role-table tr:nth-child(even) td {
    font-weight: 700;
     background: #020b1a;
    margin-bottom: 0.5em;
     font-family: 'Segoe UI', Roboto, sans-serif; /* Daha teknik font */
}
}


/* Sayfa Ana Başlığı (H1) */
/* İlk sütuna vurgu (Bölge) */
.firstHeading {
.fm-role-table td:first-child {
    border-bottom: 3px solid var(--fm-green-deep);
     font-weight: 600;
     padding-bottom: 10px;
     color: #bfdbfe;
     font-size: 2em;
     border-right: 1px solid #1f2933;
     letter-spacing: -1px;
}
}


/* Alt Başlıklar (H2) */
/* Hover efekti */
h2 {
.fm-role-table tr:hover td {
    border-bottom: 1px solid var(--fm-border);
     background: #041021;
    font-size: 1.4em;
    margin-top: 1.5em;
     padding-bottom: 5px;
}
}


/* Linkler */
a {
    color: var(--fm-green-accent);
    text-decoration: none;
    transition: color 0.2s;
}


a:hover {
    color: var(--fm-green-hover);
    text-decoration: underline;
}


/* ========================================================================
/* === Genel tablo stili: tüm wikitable'lar için modern FM görünümü === */
  5. TABLOLAR (SCOUTING & DATA STİLİ)
  ======================================================================== */


table.wikitable {
table.wikitable {
    background-color: #1e252b;
    border: none;
     width: 100%;
     width: 100%;
    margin: 20px 0;
     border-collapse: separate;
     border-collapse: separate;
     border-spacing: 0;
     border-spacing: 0;
     border-radius: 4px;
    background: #020617;
    color: #e5e7eb;
    border: 1px solid #1f2933;
     border-radius: 10px;
     overflow: hidden;
     overflow: hidden;
     box-shadow: 0 2px 5px rgba(0,0,0,0.2);
     font-size: 95%;
}
}


/* Tablo Başlığı */
/* Hücreler */
table.wikitable > tr > th,  
table.wikitable th,
table.wikitable > * > tr > th {
table.wikitable td {
     background-color: #151a1e; /* Çok koyu gri */
     padding: 0.6em 0.8em;
    color: var(--fm-text-muted);
     border: none; /* MediaWiki'nin varsayılan gri çizgilerini kaldır */
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 700;
     border: none;
    border-bottom: 2px solid var(--fm-green-deep);
    padding: 12px 15px;
    text-align: left;
}
}


/* Tablo Hücreleri */
/* Başlık satırı */
table.wikitable > tr > td,
table.wikitable th {
table.wikitable > * > tr > td {
     background: linear-gradient(90deg, #111827, #1f2937);
     border: none;
     color: #f9fafb !important;
    border-bottom: 1px solid #2c3940;
     text-align: left;
    padding: 10px 15px;
     font-weight: 700;
    color: var(--fm-text-main);
     font-size: 100%;
}
     border-bottom: 1px solid #1f2933;
 
/* Satır Hover Efekti (Veri okumayı kolaylaştırır) */
table.wikitable > tr:hover > td {
    background-color: rgba(46, 204, 113, 0.05); /* Çok hafif yeşil */
}
 
/* ========================================================================
  6. UI BİLEŞENLERİ & INFOBOX
  ======================================================================== */
 
/* Infobox (Oyuncu/Kulüp Kartı Görünümü) */
.infobox {
     background-color: #1e252b;
     border: 1px solid var(--fm-border);
     border-top: 4px solid var(--fm-green-accent);
     color: var(--fm-text-main);
    padding: 15px;
     border-radius: 4px;
    float: right;
    margin: 0 0 1em 1em;
}
}


.infobox th {
/* Zebra satırlar */
    background-color: transparent !important;
table.wikitable tr:nth-child(even) td {
    color: var(--fm-text-muted);
     background: #020b1a;
     text-align: left;
}
}


/* Toc (İçindekiler Tablosu) - Modern HUD */
/* Hover efekti */
.vector-toc {
table.wikitable tr:hover td {
     background-color: transparent;
     background: #041021;
}
.vector-toc-title {
    color: var(--fm-text-muted);
    text-transform: uppercase;
    font-size: 0.8rem;
}
.vector-toc-link {
    color: var(--fm-text-main) !important;
}
.vector-toc-list-item-active > .vector-toc-link {
    color: var(--fm-green-accent) !important;
    border-left: 2px solid var(--fm-green-accent);
}
}


/* Kod Blokları (Taktik Paylaşımları İçin) */
pre, code {
    background-color: #121619;
    border: 1px solid var(--fm-border);
    color: #a29bfe; /* Syntax highlight benzeri */
    border-radius: 4px;
    font-family: 'Consolas', monospace;
}


/* ========================================================================
  7. FM ÖZEL ELEMENTLERİ
  ======================================================================== */


/* Edit / History Butonları (Sağ Üst) */
/* Koyu zeminli FM tablolarında link renkleri */
.vector-p-views-menu .vector-menu-content-list li a {
table.wikitable a,
     color: var(--fm-text-muted);
table.wikitable a:visited {
    font-size: 0.85rem;
     color: #38bdf8;             /* açık mavi, okunaklı */
     text-transform: uppercase;
     text-decoration: none;
    font-weight: 600;
}
}


.vector-p-views-menu .vector-menu-content-list li.selected a {
table.wikitable a:hover {
     color: var(--fm-green-accent);
     color: #7dd3fc;             /* hover'da biraz aç */
     border-bottom: 2px solid var(--fm-green-accent);
     text-decoration: underline;
}
}


/* Sayfa Altı Kategoriler */
/* Henüz oluşturulmamış sayfa linkleri (kırmızı rezaletini çözelim) */
.catlinks {
table.wikitable a.new {
     background-color: transparent;
     color: #f97316;             /* turuncu vurgulu */
    border: 1px dashed var(--fm-border);
    margin-top: 40px;
}
}

21.41, 6 Aralık 2025 itibarı ile sayfanın şu anki hâli

/* --- Vector skin: Logo boyutu + merkezleme + çerçeve --- */

#p-logo {
    width: 100%;              /* panel genişliği kadar */
    padding: 8px 0 12px;
    margin: 0 auto 8px auto;  /* üstte, ortalanmış halde */
    text-align: center;       /* içerdiği linki ortala */
}

/* Asıl logo linki */
#p-logo .mw-wiki-logo {
    width: 135px;
    height: 135px;
    margin: 0 auto;
    display: block;

    /* Logoyu kutuya düzgün oturt */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

    /* Şık çerçeve + hafif kart efekti */
    border-radius: 12px;
    border: 2px solid #1b2836;             /* koyu çerçeve */
    background-color: #fff;             /* koyu lacivert arka plan */
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.35),
                0 0 0 1px rgba(255, 255, 255, 0.03); /* hafif glow */
}




/* Hızlı Başlangıç kutusu */
.wikitable.fm-quickbox {
    width: 100%;
    border: 1px solid #1b2836;
    margin-bottom: 1em;
    border-collapse: separate;
    border-radius: 10px;
    overflow: hidden;
}

.fm-quickbox-header {
    padding: 0.75em 1em;
    background: #e5e7eb;
    font-size: 140%;
    text-align: left;
}

.fm-quickbox-body {
    padding: 0.9em 1.2em;
    background: #020617;
    color: #e5e7eb;
}

/* Kutudaki link renkleri */
.fm-quickbox-body a,
.fm-quickbox-body a:visited {
    color: #38bdf8;          /* FM tarzı açık mavi */
    text-decoration: none;
}

.fm-quickbox-body a:hover {
    text-decoration: underline;
}

/* Kırmızı linkleri (henüz olmayan sayfa) daha şık hale getir */
.fm-quickbox-body a.new {
    color: #f97316;          /* turuncumsu vurgulu renk */
}



/* FM rol tablosu – modern görünüm */
.wikitable.fm-role-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #020617;
    color: #e5e7eb;
    border: 1px solid #1f2933;
    border-radius: 10px;
    overflow: hidden;
    font-size: 95%;
}

.fm-role-table th,
.fm-role-table td {
    padding: 0.6em 0.8em;
    border: none;
    color:#efefef;
}

/* FM rol tablosu – başlıkları belirginleştir */
.fm-role-table th {
    background: linear-gradient(90deg, #111827, #1f2937);
    color: #f9fafb !important;     /* zorla açık renk yazı */
    text-align: left;
    font-weight: 700;
    font-size: 100%;
    border-bottom: 1px solid #1f2933;
}


/* Zebra satırlar */
.fm-role-table tr:nth-child(even) td {
    background: #020b1a;
}

/* İlk sütuna vurgu (Bölge) */
.fm-role-table td:first-child {
    font-weight: 600;
    color: #bfdbfe;
    border-right: 1px solid #1f2933;
}

/* Hover efekti */
.fm-role-table tr:hover td {
    background: #041021;
}



/* === Genel tablo stili: tüm wikitable'lar için modern FM görünümü === */

table.wikitable {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #020617;
    color: #e5e7eb;
    border: 1px solid #1f2933;
    border-radius: 10px;
    overflow: hidden;
    font-size: 95%;
}

/* Hücreler */
table.wikitable th,
table.wikitable td {
    padding: 0.6em 0.8em;
    border: none; /* MediaWiki'nin varsayılan gri çizgilerini kaldır */
}

/* Başlık satırı */
table.wikitable th {
    background: linear-gradient(90deg, #111827, #1f2937);
    color: #f9fafb !important;
    text-align: left;
    font-weight: 700;
    font-size: 100%;
    border-bottom: 1px solid #1f2933;
}

/* Zebra satırlar */
table.wikitable tr:nth-child(even) td {
    background: #020b1a;
}

/* Hover efekti */
table.wikitable tr:hover td {
    background: #041021;
}



/* Koyu zeminli FM tablolarında link renkleri */
table.wikitable a,
table.wikitable a:visited {
    color: #38bdf8;              /* açık mavi, okunaklı */
    text-decoration: none;
}

table.wikitable a:hover {
    color: #7dd3fc;              /* hover'da biraz aç */
    text-decoration: underline;
}

/* Henüz oluşturulmamış sayfa linkleri (kırmızı rezaletini çözelim) */
table.wikitable a.new {
    color: #f97316;              /* turuncu vurgulu */
}