MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* --- 1. SLOGAN (TAGLINE) STİLİ --- */
/* Bu kısım görseldeki "Vikipedi, özgür ansiklopedi" yazısını taklit eder */
#siteSub {
    display: block !important;
    font-size: 12.5px !important;
    color: #54595d !important;
    margin: -5px 0 15px 0 !important; /* Başlığa yakın olması için negatif margin */
    padding: 0 !important;
    border: none !important;
    font-weight: normal !important;
}

/* --- 2. SENİN DİL MENÜSÜ KODLARIN (GELİŞTİRİLMİŞ) --- */
#languageDropdown {
    position: relative;
    margin: 20px auto;
    text-align: center;
    z-index: 1000;
    font-family: sans-serif;
    font-size: 14px;
}

#languageDropdown button {
    background: #f8f9fa;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 10px;
    cursor: pointer;
    transition: background 0.2s ease;
}

#languageDropdown button:hover {
    background: #e1e1e1;
}

#languageDropdownContent {
    display: none;
    position: absolute; /* Menü açıldığında içeriği aşağı kaydırmasın diye absolute */
    left: 50%;
    transform: translateX(-50%);
    background: white;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-width: 120px;
    margin-top: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    text-align: left;
}

#languageDropdownContent a {
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    color: #0078d4;
}

#languageDropdownContent a:hover {
    background: #f1f1f1;
}

/* --- 3. GECE MODU (DARK MODE) UYUMU --- */
/* Sitenin gece modunda dil menüsünün de renk değiştirmesi için */
html.skin-theme-clientpref-night #siteSub {
    color: #a2a9b1 !important;
}

html.skin-theme-clientpref-night #languageDropdown button {
    background: #202122 !important;
    color: #f8f9fa !important;
    border-color: #3c4043 !important;
}

html.skin-theme-clientpref-night #languageDropdownContent {
    background: #1a1b1c !important;
    border-color: #3c4043 !important;
}

html.skin-theme-clientpref-night #languageDropdownContent a {
    color: #8ab4f8 !important;
}

html.skin-theme-clientpref-night #languageDropdownContent a:hover {
    background: #2d2e2f !important;
}