MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
-/* Anasayfa altındaki dil menüsü */
+/* --- 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; /* fixed kaldırıldı */
+     position: relative;
-    top: auto;          /* fixed top değeri kaldırıldı */
+     margin: 20px auto;
-    right: auto;        /* sağa sabitleme kaldırıldı */
+     text-align: center;
-     margin: 20px auto;  /* ortalanmış alt boşluk */
-     text-align: center; /* içerik ortası */
      z-index: 1000;
      font-family: sans-serif;
@@ Line 17: / Line 27: @@
      padding: 5px 10px;
      cursor: pointer;
+    transition: background 0.2s ease;
 }
@@ Line 25: / Line 36: @@
 #languageDropdownContent {
      display: none;
-     position: relative; /* absolute kaldırıldı, menü flow içinde */
+     position: absolute; /* Menü açıldığında içeriği aşağı kaydırmasın diye absolute */
-     right: auto;
+     left: 50%;
+    transform: translateX(-50%);
      background: white;
      border: 1px solid #ccc;
      border-radius: 5px;
-     min-width: 100px;
+     min-width: 120px;
-     margin: 5px auto 0 auto; /* üstten boşluk, ortalama */
+     margin-top: 5px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.2);
-     text-align: left; /* linkleri sola yasla */
+     text-align: left;
 }
 #languageDropdownContent a {
      display: block;
-     padding: 5px 10px;
+     padding: 8px 12px;
      text-decoration: none;
      color: #0078d4;
@@ Line 45: / Line 57: @@
 #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;
 }