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;
}
/* ===================================================
FM PANEL HEADERS
=================================================== */
.skin-vector-2022 .mw-parser-output h2 {
display: flex;
align-items: center;
gap: .6rem;
padding: .6rem 0 .6rem .8rem;
margin-bottom: .4rem;
border-left: none;
border-radius: 8px;
background: linear-gradient(
to right,
rgba(52,168,107,.18),
rgba(52,168,107,0)
);
color: #f3f6fb;
font-weight: 650;
}
.skin-vector-2022 .mw-parser-output a {
color: #6fcf97;
}
.skin-vector-2022 .mw-parser-output a:hover {
color: #8fe8b9;
}
/* ===================================================
FM READABILITY FIX
=================================================== */
/* ANA METİNLERİ NETLEŞTİR */
.skin-vector-2022 .mw-parser-output p,
.skin-vector-2022 .mw-parser-output li,
.skin-vector-2022 .mw-parser-output td {
color: #dde5f0;
font-size: .95rem;
}
/* ALT AÇIKLAMA METİNLERİ */
.skin-vector-2022 .mw-parser-output .mw-empty-elt,
.skin-vector-2022 .mw-parser-output small {
color: #9aa6b6;
}
/* BAŞLIKLAR DAHA AYDINLIK */
.skin-vector-2022 h2,
.skin-vector-2022 h3 {
color: #f4f7fc;
}
/* SECTION BAR (senin yeşil şeritler) */
.skin-vector-2022 .mw-parser-output h2 {
background: linear-gradient(
to right,
rgba(52,168,107,.22),
rgba(52,168,107,0)
);
padding: .65rem .8rem;
border-radius: 8px;
}
/* TABLOLAR – hücreleri aydınlat */
.skin-vector-2022 table.wikitable td {
background: rgba(255,255,255,.015);
color: #e3e9f2;
}
/* TABLO BAŞLIKLARI */
.skin-vector-2022 table.wikitable th {
background: #111827;
color: #f5f8fc;
}
/* BULLET / MADDE NOKTALARI KAYBOLMASIN */
.skin-vector-2022 .mw-parser-output ul li::marker {
color: #6fcf97;
}
/* SAĞ INFOBOX OKUNABİLİRLİK */
.skin-vector-2022 .infobox,
.skin-vector-2022 .infobox-role {
background: #f5f7fb;
color: #111827;
}
.skin-vector-2022 .infobox th {
color: #374151;
}
.skin-vector-2022 .infobox td {
color: #111827;
}
/* INFOBOX BAŞLIK */
.skin-vector-2022 .infobox caption {
background: linear-gradient(135deg, #1f2937, #3fa86b);
color: #ffffff;
}
/* LINKLER ZEMİNDEN AYRILSIN */
.skin-vector-2022 .mw-parser-output a {
color: #76d19f;
font-weight: 500;
}
/* ===================================================
FM HEADER OVERRIDE
=================================================== */
.skin-vector-2022 .vector-header-container,
.skin-vector-2022 .vector-sticky-header {
background: linear-gradient(
to bottom,
#0b0f14 0%,
#0e141d 100%
) !important;
border-bottom: 1px solid rgba(255,255,255,.06);
box-shadow: 0 4px 18px rgba(0,0,0,.65);
}
/* Header içindeki yazılar */
.skin-vector-2022 .vector-header a,
.skin-vector-2022 .vector-header span,
.skin-vector-2022 .vector-header label {
color: #e5ecf5 !important;
}
/* Aktif sekmeler */
.skin-vector-2022 .vector-menu-tabs .selected a {
background: #1f7f52;
color: #ffffff !important;
border-radius: 999px;
}
/* ===================================================
FM BACKGROUND AMBIENCE
=================================================== */
.skin-vector-2022 body {
background:
radial-gradient(
circle at top center,
rgba(52,168,107,.12),
rgba(11,15,20,0.95) 55%
),
linear-gradient(
to bottom,
#05080d,
#0b0f14 60%,
#05080d
);
background-attachment: fixed;
}
/* ===================================================
FM DASHBOARD CARDS (HOMEPAGE)
=================================================== */
.skin-vector-2022 .mw-parser-output > div {
background: rgba(21,27,37,.92);
backdrop-filter: blur(4px);
border-radius: 16px;
box-shadow:
0 12px 34px rgba(0,0,0,.65),
inset 0 0 0 1px rgba(255,255,255,.04);
}
/* Sağ kolon kartları */
.skin-vector-2022 .mw-parser-output > div > div {
background: rgba(24,31,42,.95);
}