İçeriğe atla

MediaWiki:Common.css: Revizyonlar arasındaki fark

Sanarşiv, sanat ansiklopedisi
Değişiklik özeti yok
Değişiklik özeti yok
1. satır: 1. satır:
/* --- Mevcut Footer ve Koruma İkonu Kodların --- */
/* --- 1. Mevcut Footer ve Koruma İkonu Kodların --- */


/* Footer alanındaki listeyi esnek kutu (flex) moduna alır */
#footer-icons {
#footer-icons {
     display: flex !important;
     display: flex !important;
     align-items: center !important; /* Dikeyde ortalar */
     align-items: center !important;
     justify-content: flex-end !important; /* İkonları sağa yaslar */
     justify-content: flex-end !important;
     gap: 0 !important; /* Boşluğu biz spacer ile veriyoruz */
     gap: 0 !important;
     list-style: none !important;
     list-style: none !important;
     margin: 0 !important;
     margin: 0 !important;
12. satır: 11. satır:
}
}


/* Her bir ikon kutusunu hizala */
#footer-icons li {
#footer-icons li {
     display: flex !important;
     display: flex !important;
20. satır: 18. satır:
}
}


/* Resimlerin altında kalan boşluğu temizler */
#footer-icons img {
#footer-icons img {
     display: block !important;
     display: block !important;
26. satır: 23. satır:
}
}


/* 🔒 Sadece MediaWiki otomatik koruma (kilit) simgesini gizle */
#mw-indicator-mw-protect,
#mw-indicator-mw-protect,
.mw-protect-icon {
.mw-protect-icon {
32. satır: 28. satır:
}
}


/* --- 🌙 KOYU MOD (DARK MODE) UYUMLULUK KODLARI --- */
/* --- 2. SİTE TEMASINA DUYARLI RENK DÜZENLEMESİ --- */


/* Bu bölüm, ana sayfada beyaz kalan (hardcoded background) kutuları
/* 🌙 SADECE SİTE TEMASI "KOYU/GECE" SEÇİLDİĞİNDE ÇALIŞIR */
  otomatik olarak algılar ve koyu moda uygun hale getirir.
html.skin-theme-clientpref-night .mw-parser-output div[style*="background"],
*/
html.skin-theme-clientpref-night .mw-parser-output table[style*="background"],
 
html.skin-theme-clientpref-night .mw-parser-output td[style*="background"] {
@media screen {
    background-color: #1a1b1c !important; /* Koyu arka plan */
    /* Hem sistem ayarı (night mode) hem de tercihli koyu mod için */
    color: #eaecf0 !important;          /* Açık renk yazı */
    html.skin-theme-clientpref-night .mw-parser-output div[style*="background"],
    border-color: #3c4043 !important;    /* Koyu gri çerçeve */
    html.skin-theme-clientpref-night .mw-parser-output table[style*="background"],
}
    html.skin-theme-clientpref-night .mw-parser-output td[style*="background"] {
        background-color: #1a1b1c !important; /* Koyu arka plan */
        color: #eaecf0 !important;          /* Açık renk yazı */
        border-color: #3c4043 !important;    /* Koyu gri çerçeve */
    }


    /* Koyu modda linklerin okunabilirliğini artırır */
/* Koyu modda linklerin daha iyi görünmesi için */
    html.skin-theme-clientpref-night .mw-parser-output a {
html.skin-theme-clientpref-night .mw-parser-output a {
        color: #8ab4f8 !important;
    color: #8ab4f8 !important;
    }
}
}


/* Tarayıcı seviyesinde karanlık mod algılaması için ek önlem */
/* ☀️ SADECE SİTE TEMASI "AYDINLIK" SEÇİLDİĞİNDE ÇALIŞIR */
@media (prefers-color-scheme: dark) {
/* Bu kısım, şablonlardaki orijinal renklerin geri gelmesini sağlar */
    .mw-parser-output div[style*="background"],  
html.skin-theme-clientpref-day .mw-parser-output div[style*="background"],
    .mw-parser-output table[style*="background"],
html.skin-theme-clientpref-day .mw-parser-output table[style*="background"],
    .mw-parser-output td[style*="background"] {
html.skin-theme-clientpref-day .mw-parser-output td[style*="background"] {
        background-color: #1a1b1c !important;
    background-color: inherit; /* Orijinal (beyaz vb.) rengine döner */
        color: #eaecf0 !important;
    color: inherit;
        border-color: #3c4043 !important;
    }
}
}

14.31, 11 Ocak 2026 tarihindeki hâli

/* --- 1. Mevcut Footer ve Koruma İkonu Kodların --- */

#footer-icons {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#footer-icons li {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

#footer-icons img {
    display: block !important;
    vertical-align: middle !important;
}

#mw-indicator-mw-protect,
.mw-protect-icon {
    display: none !important;
}

/* --- 2. SİTE TEMASINA DUYARLI RENK DÜZENLEMESİ --- */

/* 🌙 SADECE SİTE TEMASI "KOYU/GECE" SEÇİLDİĞİNDE ÇALIŞIR */
html.skin-theme-clientpref-night .mw-parser-output div[style*="background"],
html.skin-theme-clientpref-night .mw-parser-output table[style*="background"],
html.skin-theme-clientpref-night .mw-parser-output td[style*="background"] {
    background-color: #1a1b1c !important; /* Koyu arka plan */
    color: #eaecf0 !important;           /* Açık renk yazı */
    border-color: #3c4043 !important;     /* Koyu gri çerçeve */
}

/* Koyu modda linklerin daha iyi görünmesi için */
html.skin-theme-clientpref-night .mw-parser-output a {
    color: #8ab4f8 !important;
}

/* ☀️ SADECE SİTE TEMASI "AYDINLIK" SEÇİLDİĞİNDE ÇALIŞIR */
/* Bu kısım, şablonlardaki orijinal renklerin geri gelmesini sağlar */
html.skin-theme-clientpref-day .mw-parser-output div[style*="background"],
html.skin-theme-clientpref-day .mw-parser-output table[style*="background"],
html.skin-theme-clientpref-day .mw-parser-output td[style*="background"] {
    background-color: inherit; /* Orijinal (beyaz vb.) rengine döner */
    color: inherit;
}