MediaWiki:Monobook.css: Revizyonlar arasındaki fark

korna ansiklopedisi sitesinden
Gezinti kısmına atlaArama kısmına atla
Değişiklik özeti yok
Değişiklik özeti yok
Etiket: Elle geri alma
 
(Aynı kullanıcının aradaki diğer 8 değişikliği gösterilmiyor)
1. satır: 1. satır:
/* Buradaki tüm CSS kodu Monobook teması kullanan kullanıcılar için yüklenir */
/* SOSYAL BAR - BAŞLIĞIN HEMEN ÜSTÜ */
/* SOSYAL MEDYA ÇUBUĞU */
#korna-social-header {
#monobook-social-bar {
    position: relative;
     background: #f5f5f5;
    width: 100%;
     border-bottom: 1px solid #ddd;
     background: #f8f9fa;
    padding: 6px 0;
     border-bottom: 1px solid #e1e1e1;
     text-align: center;
     text-align: center;
     line-height: 0;
     padding: 5px 0;
     margin-bottom: 10px;
     margin: 0;
    z-index: 100;
    display: flex;
    justify-content: center; /* Yatayda tam ortala */
    align-items: center; /* Dikeyde tam ortala */
}
}


#monobook-social-bar a {
#korna-social-links {
     display: inline-block;
     display: inline-flex;
     width: 32px;
     gap: 15px;
     height: 32px;
     align-items: center;
     margin: 0 5px;
     margin: 0 auto; /* Ekstra ortalamak için */
     background-size: contain;
}
     background-repeat: no-repeat;
 
#korna-social-links a {
    display: flex;
    align-items: center;
    color: #2c3e50;
     font-size: 13px;
     font-weight: bold;
    text-decoration: none;
    padding: 2px 5px;
}
 
#korna-social-links img {
    width: 16px;
    height: 16px;
    margin-right: 4px;
     opacity: 0.8;
     opacity: 0.8;
     transition: all 0.2s;
     transition: opacity 0.2s;
    text-indent: -9999px; /* Metni gizle */
    overflow: hidden;
}
}


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


/* İKONLAR (FontAwesome kullanımı) */
/* BAŞLIK KONUMU DÜZELTME */
#monobook-discord { background-image: url(https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/discord.svg); }
#firstHeading {
#monobook-telegram { background-image: url(https://cdn.jsdelivr.net/npm/simple-icons@v5/icons/telegram.svg); }
    margin-top: 10px !important;
#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); }

14.21, 10 Mayıs 2025 itibarı ile sayfanın şu anki hâli

/* SOSYAL BAR - BAŞLIĞIN HEMEN ÜSTÜ */
#korna-social-header {
    position: relative;
    width: 100%;
    background: #f8f9fa;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    padding: 5px 0;
    margin: 0;
    z-index: 100;
    display: flex;
    justify-content: center; /* Yatayda tam ortala */
    align-items: center; /* Dikeyde tam ortala */
}

#korna-social-links {
    display: inline-flex;
    gap: 15px;
    align-items: center;
    margin: 0 auto; /* Ekstra ortalamak için */
}

#korna-social-links a {
    display: flex;
    align-items: center;
    color: #2c3e50;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 5px;
}

#korna-social-links img {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    opacity: 0.8;
    transition: opacity 0.2s;
}

#korna-social-links a:hover img {
    opacity: 1;
}

/* BAŞLIK KONUMU DÜZELTME */
#firstHeading {
    margin-top: 10px !important;
}