MediaWiki:Monobook.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.

/* Buradaki tüm CSS kodu Monobook teması kullanan kullanıcılar için yüklenir */
/* SOSYAL MEDYA ÇUBUĞU */
#monobook-social-bar {
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    padding: 6px 0;
    text-align: center;
    line-height: 0;
    margin-bottom: 10px;
}

#monobook-social-bar a {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 5px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.8;
    transition: all 0.2s;
    text-indent: -9999px; /* Metni gizle */
    overflow: hidden;
}

#monobook-social-bar a:hover {
    opacity: 1;
    transform: scale(1.1);
}

/* İKONLAR (FontAwesome kullanımı) */
#monobook-discord { background-image: url(https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/discord.svg); }
#monobook-telegram { background-image: url(https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/telegram.svg); }
#monobook-deviantart { background-image: url(https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/deviantart.svg); }
#monobook-steam { background-image: url(https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/steam.svg); }