/* ========================================================= RAŞİDİ FOOTER — TAM SÜRÜM (FIX v3) - 3 blok yan yana (grid 1fr 1fr 1fr) - Dost Sayfalar: metalik buton + yeşil hover - Portal butonları: metalik buton + yeşil hover - Sosyal medya: resimsiz CSS ikonlar, 6'lı tek satır ========================================================= */ /* ---------- ANA FOOTER GRID: 3 BLOK YAN YANA ---------- */ #rashidi-footer-links { width: 100%; box-sizing: border-box; display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 14px !important; align-items: start; margin: 0 auto; padding: 22px 10px 18px; background: #111; border-top: 1px solid #333; border-bottom: 1px solid #000; } #rashidi-footer-links .rashidi-footer-box { min-width: 0; background: linear-gradient(to bottom, #252525 0%, #101010 52%, #050505 100%); border: 1px solid #333; border-radius: 7px; padding: 0 12px 12px; box-shadow: 0 2px 8px rgba(0,0,0,.45); } #rashidi-footer-links .rashidi-footer-title { margin: 0 -12px 10px; padding: 9px 12px; text-align: center; background: var(--rashidi-accent, #386e21); color: var(--rashidi-accent-text, #fff) !important; border-radius: 6px 6px 0 0; font-size: 13px; font-weight: bold; text-shadow: 0 1px 0 rgba(255,255,255,.18); } #rashidi-footer-links ul { list-style: none; margin: 0; padding: 0; } /* ---------- DOST SAYFALAR: METALİK + YEŞİL HOVER ---------- */ #rashidi-footer-links .rashidi-friend-link, #rashidi-footer-links .rashidi-friend-link:link, #rashidi-footer-links .rashidi-friend-link:visited { display: block !important; margin: 5px 0 !important; padding: 7px 10px !important; border-radius: 7px !important; color: #ffffff !important; text-decoration: none !important; font-weight: bold !important; font-size: 12px !important; letter-spacing: .3px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border: 2px solid #000 !important; background: linear-gradient(to bottom, #4a4a4a 0%, #2a2a2a 45%, #111111 48%, #000000 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), inset 0 -1px 0 rgba(0,0,0,0.6), 0 2px 4px rgba(0,0,0,0.55) !important; text-shadow: 0 1px 1px #000 !important; transition: all .18s ease; } #rashidi-footer-links .rashidi-friend-link:hover, #rashidi-footer-links .rashidi-friend-link:focus, #rashidi-footer-links .rashidi-friend-link:active { color: #ffffff !important; text-decoration: none !important; background: #8C0000 !important; border-color: #000 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), inset 0 -1px 0 rgba(0,0,0,0.45), 0 0 14px rgba(140,0,0,0.75), 0 2px 6px rgba(0,0,0,0.7) !important; text-shadow: 0 1px 2px rgba(0,0,0,0.9) !important; transform: translateY(-1px); } /* ---------- PORTAL BUTONLARI: DEVAMINA BAK, FORUMA GİR vb. ---------- */ /* ========================================================= SOSYAL MEDYA — RESİMSİZ CSS İKONLAR Saf CSS + Unicode glyph, parlak metalik, hover yeşil glow ========================================================= */ #rashidi-footer-links .rashidi-social-grid { display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 6px !important; margin-top: 8px; width: 100%; box-sizing: border-box; justify-content: center; } #rashidi-footer-links .rashidi-social { position: relative; width: 100% !important; aspect-ratio: 1 / 1; min-width: 0; max-width: 100%; display: inline-flex !important; align-items: center; justify-content: center; box-sizing: border-box; padding: 0 !important; overflow: hidden; border-radius: 8px !important; border: 2px solid #000 !important; color: #ffffff !important; text-decoration: none !important; font-weight: bold; font-size: clamp(14px, 1.3vw, 22px); line-height: 1; text-shadow: 0 1px 2px rgba(0,0,0,.9); background: linear-gradient(to bottom, #4a4a4a 0%, #2a2a2a 45%, #111111 48%, #000000 100%) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), inset 0 -1px 0 rgba(0,0,0,0.6), 0 2px 4px rgba(0,0,0,0.55); transition: all .18s ease; } /* Hover: yeşil parlak glow */ #rashidi-footer-links .rashidi-social:hover, #rashidi-footer-links .rashidi-social:focus { background: #8C0000 !important; border-color: #000 !important; color: #ffffff !important; transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -1px 0 rgba(0,0,0,0.4), 0 0 16px rgba(140,0,0,0.85), 0 3px 8px rgba(0,0,0,0.7) !important; } /* Glyph fontu */ #rashidi-footer-links .rashidi-social::before { font-family: "Segoe UI Symbol", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", Arial, sans-serif; font-weight: 700; font-size: 1em; } /* --- İKON KARAKTERLERİ --- */ #rashidi-footer-links .rashidi-social.rsi-youtube::before { content: "▶"; } #rashidi-footer-links .rashidi-social.rsi-radio::before { content: "?"; } #rashidi-footer-links .rashidi-social.rsi-blog::before { content: "✎"; } #rashidi-footer-links .rashidi-social.rsi-book::before { content: "?"; } #rashidi-footer-links .rashidi-social.rsi-toplist::before { content: "★"; } #rashidi-footer-links .rashidi-social.rsi-pinterest::before { content: "P"; font-family: Georgia, serif; } #rashidi-footer-links .rashidi-social.rsi-flickr::before { content: "◉"; } #rashidi-footer-links .rashidi-social.rsi-deviantart::before{ content: "dA"; font-family: Arial, sans-serif; font-size: .7em; letter-spacing: -.5px; } #rashidi-footer-links .rashidi-social.rsi-tarikat::before { content: "☪"; } #rashidi-footer-links .rashidi-social.rsi-facebook::before { content: "f"; font-family: Georgia, serif; font-size: 1.05em; } #rashidi-footer-links .rashidi-social.rsi-x::before { content: "?"; } /* Instagram: özel gradyan + glyph */ #rashidi-footer-links .rashidi-social.rsi-instagram { background: radial-gradient(circle at 30% 110%, #feda75 0%, #fa7e1e 25%, #d62976 55%, #962fbf 80%, #4f5bd5 100%) !important; } #rashidi-footer-links .rashidi-social.rsi-instagram::before { content: "◉"; } /* ========================================================= RESPONSIVE ========================================================= */ /* 900px altı: 3 bloktan 2'ye */ @media (max-width: 900px) { #rashidi-footer-links { grid-template-columns: 1fr 1fr !important; } #rashidi-footer-links .rashidi-footer-box:last-child { grid-column: 1 / -1; } #rashidi-footer-links .rashidi-social-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } } /* 620px altı: tek sütun */ @media (max-width: 620px) { #rashidi-footer-links { grid-template-columns: 1fr !important; gap: 12px !important; padding: 15px 8px !important; } #rashidi-footer-links .rashidi-footer-box:last-child { grid-column: auto; } #rashidi-footer-links .rashidi-social-grid { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 5px !important; } #rashidi-footer-links .rashidi-social { border-radius: 6px !important; border-width: 1.5px !important; } #rashidi-footer-links .rashidi-friend-link { font-size: 11px !important; padding: 6px 8px !important; } } /* 420px altı: ikonlar küçülür ama 6'lı kalır */ @media (max-width: 420px) { #rashidi-footer-links .rashidi-social-grid { gap: 4px !important; } #rashidi-footer-links .rashidi-social { border-radius: 5px !important; } } /* YEDEK: portal buton rollover — global.css ezilirse diye */ body .rashidi-announcement-more a:hover, body .rashidi-quick-links a:hover { color: #ffffff !important; background: #8C0000 !important; background-image: linear-gradient(to bottom, #6BC13F 0%, #8C0000 50%, #3A7A1F 100%) !important; border-color: #000 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 -1px 0 rgba(0,0,0,0.4), 0 0 14px rgba(140,0,0,0.85), 0 2px 6px rgba(0,0,0,0.7) !important; }