/* Theme Name: iEDITOR Minimal Tema Theme URI: https://# Author: Kodlama Desteği (Sizinle birlikte) Author URI: https://# Description: iEDITOR eklentisi ile uyumlu, minimalist, siyah-beyaz haber teması. Gece/gündüz modu içerir. Version: 1.1 (Dinamik Tipografi ve Renkler) License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: ieditor-minimal */ /* -------------------------------------------------------------------------- * 1. CSS Değişkenleri (Renk Paleti) * -------------------------------------------------------------------------- */ :root { /* * BU DEĞERLER SADECE YEDEKTİR (FALLBACK). * Gerçek değerler functions.php'deki 'ieditor_minimal_generate_dynamic_css' * fonksiyonu tarafından etiketine basılan CSS değişkenleri * tarafından EZİLECEKTİR. */ /* Gündüz Modu (Varsayılan) */ --color-bg: #ffffff; --color-text: #121212; /* (Dinamik --color-text-body tarafından ezilir) */ --color-text-heading: #121212; /* (Dinamik --color-text-heading tarafından ezilir) */ --color-border: #e0e0e0; --color-link: #0073aa; /* (Dinamik --color-link-primary tarafından ezilir) */ --color-header-bg: #f9f9f9; /* * Font Aileleri (Dinamik --font-family... tarafından ezilir) */ --font-family-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --font-family-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; /* * Font Boyutları (Dinamik --font-size... tarafından ezilir) */ --font-size-body-mobile: 16px; --font-size-body-desktop: 17px; --font-size-h1-mobile: 32px; --font-size-h1-desktop: 40px; --font-size-h2-mobile: 26px; --font-size-h2-desktop: 32px; --font-size-h3-mobile: 22px; --font-size-h3-desktop: 26px; } html[data-theme="dark"] { /* Gece Modu */ --color-bg: #121212; --color-text: #f0f0f0; /* (Dinamik olarak ezilir) */ --color-text-heading: #f0f0f0; /* (Dinamik olarak ezilir) */ --color-border: #333333; --color-link: #00a0d2; /* (Dinamik olarak ezilir) */ --color-header-bg: #1e1e1e; } /* -------------------------------------------------------------------------- * 2. Temel ve Minimalist Stiller * -------------------------------------------------------------------------- */ body { background-color: var(--color-bg); color: var(--color-text); font-family: var(--font-family-body); /* DİNAMİK */ line-height: 1.6; margin: 0; padding: 0; transition: background-color 0.3s ease, color 0.3s ease; } .container { max-width: 100%; margin: 20px auto; padding: 0 20px; box-sizing: border-box; } a { color: var(--color-link); /* DİNAMİK */ text-decoration: none; } a:hover { text-decoration: underline; } /* DİNAMİK BAŞLIKLAR (Font ailesi) */ h1, h2, h3, h4, h5, h6 { line-height: 1.3; font-family: var(--font-family-heading); /* DİNAMİK */ color: var(--color-text-heading); /* DİNAMİK */ margin-top: 1.5em; margin-bottom: 0.8em; } /* DİNAMİK BAŞLIK BOYUTLARI (Mobil Varsayılan) */ h1, .post-title, .search-modal-title, .editor-profile-header .editor-details h1 { font-size: var(--font-size-h1-mobile); } h2, .comments-title, .comment-reply-title, .editor-profile-page-wrapper h2 { font-size: var(--font-size-h2-mobile); } h3, .ieditor-eniyiler-title, .ieditor-haber-item h3 { font-size: var(--font-size-h3-mobile); } /* DİNAMİK BAŞLIK BOYUTLARI (Desktop) */ @media (min-width: 769px) { h1, .post-title, .search-modal-title, .editor-profile-header .editor-details h1 { font-size: var(--font-size-h1-desktop); } h2, .comments-title, .comment-reply-title, .editor-profile-page-wrapper h2 { font-size: var(--font-size-h2-desktop); } h3, .ieditor-eniyiler-title, .ieditor-haber-item h3 { font-size: var(--font-size-h3-desktop); } } img { max-width: 100%; height: auto; } hr { border: 0; border-top: 1px solid var(--color-border); } /* -------------------------------------------------------------------------- * 3. Header ve Navigasyon * -------------------------------------------------------------------------- */ .site-header { background-color: var(--color-header-bg); border-bottom: 1px solid var(--color-border); padding: 20px; margin-bottom: 30px; display: flex; justify-content: space-between; align-items: center; /* === YENİ: MASAÜSTÜ SABİT HEADER === */ position: sticky; /* Yapışkan özellik */ position: -webkit-sticky; /* Safari desteği */ top: 0; /* Sayfanın en tepesine yapış */ z-index: 99999; /* Her şeyin üstünde dur (Admin barın altında kalırsa 999 yapabilirsin) */ /* Kaydırma sırasında içerikten ayrışması için hafif gölge */ box-shadow: 0 4px 20px rgba(0,0,0,0.05); } /* (Site başlığı H1/P etiketleri kullanır, boyutları yukarıda dinamik olarak ayarlandı) */ .site-title a { font-weight: bold; color: var(--color-text-heading); /* DİNAMİK BAŞLIK RENGİ */ text-decoration: none; } .site-title a:hover { text-decoration: none; } .main-navigation a { color: var(--color-text); /* DİNAMİK METİN RENGİ */ text-decoration: none; padding: 5px 10px; border-radius: 4px; transition: background-color 0.3s ease; } .main-navigation a:hover { background-color: var(--color-border); color: var(--color-text); text-decoration: none; } /* ========================================================================= * 20. TUTARLI HOVER EFEKTLERİ (YENİ BÖLÜM) * ========================================================================= */ /* * Menü ikonlarının tümü için * üzerine gelince aynı şeffaflık efektini uygula. */ .menu-icon-search > a:hover, .menu-icon-theme > a:hover, .menu-icon-login > a:hover, .menu-icon-news > a:hover, .menu-icon-add > a:hover, .menu-icon-editors > a:hover { opacity: 0.7; text-decoration: none; /* Link alt çizgisini engelle */ } /* === Gece/Gündüz Modu Logo Stilleri (MOBİL HATASI DÜZELTİLDİ) === */ .site-branding a { display: inline-block; } /* 1. Ortak Logo Stilleri (Sadece boyut ve geçiş) */ .site-branding .logo-day, .site-branding .logo-night { max-height: 50px; width: auto; height: auto; transition: opacity 0.3s ease; } /* 2. Gündüz Modu (Varsayılan) */ .site-branding .logo-day { display: block; /* Gündüz logosunu GÖSTER */ } .site-branding .logo-night { display: none; /* Gece logosunu GİZLE */ } /* 3. Gece Modu (data-theme="dark") */ html[data-theme="dark"] .site-branding .logo-day { display: none; /* Gündüz logosunu GİZLE */ } html[data-theme="dark"] .site-branding .logo-night { display: block; /* Gece logosunu GÖSTER */ } /* === Logo Bitişi === */ /* -------------------------------------------------------------------------- * 4. İçerik ve Yazı Stilleri * -------------------------------------------------------------------------- */ .post-item, .page-content, .single-content { margin-bottom: 40px; border-bottom: 1px solid var(--color-border); padding-bottom: 30px; } .post-thumbnail img { border-radius: 5px; margin-bottom: 15px; max-height: 250px; width: auto; display: block; margin-left: auto; margin-right: auto; } .post-title { margin-top: 0; color: var(--color-text-heading); /* DİNAMİK */ } .post-title a { text-decoration: none; color: var(--color-text-heading); /* DİNAMİK */ } .post-title a:hover { color: var(--color-link); /* DİNAMİK */ } .post-meta { font-size: 0.9em; color: #777; /* (Bu, ana metin renginden bağımsız kalabilir) */ margin-bottom: 15px; } /* -------------------------------------------------------------------------- * 5. Eklenti Stilleri (Kısa Kodlar) * -------------------------------------------------------------------------- */ /* (Eklenti stilleri çoğunlukla var() kullandığı için zaten dinamikti) */ .ieditor-tab-container, .ieditor-profile-form, .ieditor-haber-form { border: 1px solid var(--color-border) !important; background-color: var(--color-header-bg) !important; } .ieditor-tab-nav button { background: var(--color-bg) !important; color: var(--color-text) !important; /* DİNAMİK */ } .ieditor-tab-nav button.active { background: var(--color-header-bg) !important; border-bottom-color: var(--color-link) !important; /* DİNAMİK */ } .ieditor-form input[type=text], .iedor-form input[type=email], .ieditor-form input[type=password], .ieditor-haber-form input[type=text], .ieditor-haber-form textarea { background: var(--color-bg) !important; color: var(--color-text) !important; /* DİNAMİK */ border: 1px solid var(--color-border) !important; } /* [eniyiler] tablosu */ .ieditor-eniyiler-listesi { border-color: var(--color-border) !important; } .ieditor-eniyiler-listesi th, .ieditor-eniyiler-listesi td { border-color: var(--color-border) !important; } .ieditor-eniyiler-listesi th { background-color: var(--color-header-bg) !important; } .ieditor-eniyiler-listesi img.avatar { border-radius: 5px; } /* [haberler] listesi */ .ieditor-haber-item { border-color: var(--color-border) !important; } /* Puanlama formu */ .ieditor-rating-form { background: var(--color-header-bg) !important; border-color: var(--color-border) !important; } /* -------------------------------------------------------------------------- * 6. Mobil Uyum ve Hamburger Menü * -------------------------------------------------------------------------- */ .header-toggles { display: flex; align-items: center; gap: 10px; } /* ========================================================================= * 6. NAVİGASYON (İKON MENÜSÜ) (GÜNCELLENDİ) * (Eski Hamburger Menü Stilleri Kaldırıldı) * ========================================================================= */ .main-navigation { /* Navigasyon konteynerini flex olarak ayarla */ display: flex; align-items: center; } .main-navigation ul { /* WordPress'in