/* ========================================================= RAŞİDİ — NAVIGATION + SAMAN METALİK ÜST MENÜ + FORUM BAŞLIKLARI KIRMIZI HOVER SÜRÜMÜ Rashit-Default-White-Basic-W2 temasına uyarlanmıştır ========================================================= */ :root { --rashidi-accent: #8b0000; /* ← KOYU KIRMIZI (hover rengi) */ --rashidi-accent-text: #ffffff; --rashidi-metin: #4A3A1A; /* ← KOYU SAMAN (ana metin) */ --rashidi-metin-koyu: #2A1A00; /* ← DAHA KOYU SAMAN (vurgu) */ } /* ========================================================= 1) NAVIGATION — Forum/Konu hiyerarşisi ========================================================= */ .navigation { color: var(--rashidi-metin, #4A3A1A); font-size: 14px; line-height: 1.6; } .navigation a:link, .navigation a:visited { display: inline-block; padding: 3px 7px; border-radius: 3px; color: var(--rashidi-metin, #4A3A1A); text-decoration: none; font-weight: bold; transition: background-color .18s ease, color .18s ease, box-shadow .18s ease; } .navigation a:hover, .navigation a:active { background: var(--rashidi-accent, #8b0000) !important; color: var(--rashidi-accent-text, #fff) !important; text-decoration: none !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); } .navigation .active { color: var(--rashidi-metin-koyu, #2A1A00); font-size: 14px; font-weight: bold; } /* ========================================================= 2) FOOTER BAŞLIKLARI ========================================================= */ #rashidi-footer-links .rashidi-footer-title { color: var(--rashidi-metin, #4A3A1A) !important; } /* ========================================================= 3) RAŞİDİ ÜST MENÜ — SAMAN METALİK ŞERİT Tam genişlik + Köşesiz + 15px font ========================================================= */ #rashidi-mainmenu { display: block; width: 100%; margin: 0; padding: 0; } #rashidi-mainmenu ul.rashidi-menu { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin: 0; padding: 0; list-style: none; width: 100%; background: linear-gradient(to bottom, #F3CC6E 0%, #EABF5A 45%, #D9AE44 55%, #C99A3A 100%); border-top: 1px solid #E0C88A; border-bottom: 1px solid #A87F20; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), inset 0 -1px 0 rgba(120,90,20,0.55), 0 2px 6px rgba(120,90,20,0.25); } #rashidi-mainmenu ul.rashidi-menu li { flex: 1 1 0; margin: 0; padding: 0; list-style: none; display: flex; } /* Buton — PARLAK METALİK SAMAN */ #rashidi-mainmenu ul.rashidi-menu li a, #rashidi-mainmenu ul.rashidi-menu li a:link, #rashidi-mainmenu ul.rashidi-menu li a:visited { display: flex !important; align-items: center; justify-content: center; width: 100%; padding: 14px 10px !important; margin: 0 !important; border-radius: 0 !important; border: none !important; border-right: 1px solid #B88F2E !important; color: var(--rashidi-metin, #4A3A1A) !important; text-decoration: none !important; font-weight: bold !important; font-size: 15px !important; letter-spacing: .4px; white-space: nowrap; text-align: center; background: linear-gradient(to bottom, #FBE6A8 0%, #F3CC6E 8%, #EABF5A 45%, #D9AE44 52%, #E0B84E 70%, #F3CC6E 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), inset 0 -1px 0 rgba(150,110,20,0.55), inset 0 8px 12px -6px rgba(255,255,255,0.35), inset 0 -8px 12px -6px rgba(150,110,20,0.35), 0 1px 3px rgba(150,110,20,0.35) !important; text-shadow: 0 1px 0 rgba(255,255,255,0.5), 0 -1px 0 rgba(150,110,20,0.25) !important; background-repeat: no-repeat !important; transition: background .2s ease, box-shadow .2s ease, color .2s ease; } #rashidi-mainmenu ul.rashidi-menu li:last-child a { border-right: none !important; } /* Hover — KIRMIZI */ #rashidi-mainmenu ul.rashidi-menu li a:hover, #rashidi-mainmenu ul.rashidi-menu li a:focus, #rashidi-mainmenu ul.rashidi-menu li a:active { color: #ffffff !important; text-decoration: none !important; background: var(--rashidi-accent, #8b0000) !important; border-color: #5A0000 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), inset 0 -1px 0 rgba(0,0,0,0.45), 0 0 14px rgba(139,0,0,0.65), 0 2px 6px rgba(90,0,0,0.55) !important; text-shadow: 0 1px 2px rgba(0,0,0,0.9) !important; } #rashidi-mainmenu ul.rashidi-menu li.current a, #rashidi-mainmenu ul.rashidi-menu li a.active { background: var(--rashidi-accent, #8b0000) !important; color: #fff !important; } /* Eski menü kalıntısı */ #header ul.menu.top_links { background: transparent !important; padding: 0 !important; border-radius: 0 !important; } /* ========================================================= 4) FORUM / ALT FORUM / KONU BAŞLIKLARI — KOYU SAMAN ========================================================= */ a.forumtitle, a.forumtitle:link, a.forumtitle:visited, a.subforumtitle, a.subforumtitle:link, a.subforumtitle:visited, a.subject, a.subject:link, a.subject:visited, a.subject_old, a.subject_old:link, a.subject_old:visited, a.threadtitle, a.threadtitle:link, a.threadtitle:visited, a.lastpostlink, a.lastpostlink:link, a.lastpostlink:visited { color: var(--rashidi-metin, #4A3A1A) !important; text-decoration: none !important; } /* Hover — KIRMIZI */ a.forumtitle:hover, a.forumtitle:active, a.subforumtitle:hover, a.subforumtitle:active, a.subject:hover, a.subject:active, a.subject_old:hover, a.subject_old:active, a.threadtitle:hover, a.threadtitle:active, a.lastpostlink:hover, a.lastpostlink:active { color: var(--rashidi-accent, #8b0000) !important; text-decoration: none !important; } /* Yedek: tablo içindeki linkler */ tbody tr td a:link, tbody tr td a:visited { color: var(--rashidi-metin, #4A3A1A) !important; } tbody tr td a:hover { color: var(--rashidi-accent, #8b0000) !important; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 700px) { #rashidi-mainmenu ul.rashidi-menu { flex-wrap: wrap; } #rashidi-mainmenu ul.rashidi-menu li { flex: 1 1 50%; } #rashidi-mainmenu ul.rashidi-menu li a { padding: 11px 8px !important; font-size: 13px !important; } }