İç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 --- */
/* Footer alanındaki listeyi esnek kutu (flex) moduna alır */
/* Footer alanındaki listeyi esnek kutu (flex) moduna alır */
#footer-icons {
#footer-icons {
23. satır: 25. satır:
     vertical-align: middle !important;
     vertical-align: middle !important;
}
}


/* 🔒 Sadece MediaWiki otomatik koruma (kilit) simgesini gizle */
/* 🔒 Sadece MediaWiki otomatik koruma (kilit) simgesini gizle */
29. satır: 30. satır:
.mw-protect-icon {
.mw-protect-icon {
     display: none !important;
     display: none !important;
}
/* --- 🌙 KOYU MOD (DARK MODE) UYUMLULUK KODLARI --- */
/* Bu bölüm, ana sayfada beyaz kalan (hardcoded background) kutuları
  otomatik olarak algılar ve koyu moda uygun hale getirir.
*/
@media screen {
    /* Hem sistem ayarı (night mode) hem de tercihli koyu mod için */
    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 okunabilirliğini artırır */
    html.skin-theme-clientpref-night .mw-parser-output a {
        color: #8ab4f8 !important;
    }
}
/* Tarayıcı seviyesinde karanlık mod algılaması için ek önlem */
@media (prefers-color-scheme: dark) {
    .mw-parser-output div[style*="background"],
    .mw-parser-output table[style*="background"],
    .mw-parser-output td[style*="background"] {
        background-color: #1a1b1c !important;
        color: #eaecf0 !important;
        border-color: #3c4043 !important;
    }
}
}

14.30, 11 Ocak 2026 tarihindeki hâli

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

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

/* Her bir ikon kutusunu hizala */
#footer-icons li {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Resimlerin altında kalan boşluğu temizler */
#footer-icons img {
    display: block !important;
    vertical-align: middle !important;
}

/* 🔒 Sadece MediaWiki otomatik koruma (kilit) simgesini gizle */
#mw-indicator-mw-protect,
.mw-protect-icon {
    display: none !important;
}

/* --- 🌙 KOYU MOD (DARK MODE) UYUMLULUK KODLARI --- */

/* Bu bölüm, ana sayfada beyaz kalan (hardcoded background) kutuları 
   otomatik olarak algılar ve koyu moda uygun hale getirir.
*/

@media screen {
    /* Hem sistem ayarı (night mode) hem de tercihli koyu mod için */
    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 okunabilirliğini artırır */
    html.skin-theme-clientpref-night .mw-parser-output a {
        color: #8ab4f8 !important;
    }
}

/* Tarayıcı seviyesinde karanlık mod algılaması için ek önlem */
@media (prefers-color-scheme: dark) {
    .mw-parser-output div[style*="background"], 
    .mw-parser-output table[style*="background"],
    .mw-parser-output td[style*="background"] {
        background-color: #1a1b1c !important;
        color: #eaecf0 !important;
        border-color: #3c4043 !important;
    }
}