خريطة الموقع

/* ═══════════════════════════════════════════════════════════ تصميم مخصّص لمدونة "الوقفات" — كلاسيكي روحاني انسخ هذا الكود كاملاً والصقه في: لوحة Blogger ← المظهر ← تخصيص ← متقدم ← إضافة CSS ═══════════════════════════════════════════════════════════ */ /* استيراد خطوط عربية أنيقة من Google Fonts */ @import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Tajawal:wght@400;500;700&family=Reem+Kufi:wght@500;700&display=swap'); /* ─── الخلفية العامة ─── */ body { font-family: 'Tajawal', 'Cairo', sans-serif !important; background: #faf6ef !important; color: #2c2418 !important; line-height: 1.95 !important; font-size: 17px !important; } /* لمسة زخرفية خفيفة في الخلفية */ body::before { content: ''; position: fixed; inset: 0; background-image: radial-gradient(circle at 20% 10%, rgba(184, 134, 11, 0.04) 0%, transparent 40%), radial-gradient(circle at 80% 90%, rgba(101, 67, 33, 0.05) 0%, transparent 40%); pointer-events: none; z-index: 0; } /* ─── رأس المدونة (Header) ─── */ .header-outer, .header-inner, header { background: linear-gradient(135deg, #3d2817 0%, #5a3a23 100%) !important; color: #f5e6c4 !important; border-bottom: 4px solid #b8860b !important; box-shadow: 0 4px 20px rgba(0,0,0,0.15); } .header h1, .header h1 a, .Header h1, .Header h1 a { font-family: 'Amiri', serif !important; color: #f5e6c4 !important; font-size: 2.6em !important; font-weight: 700 !important; text-shadow: 2px 2px 6px rgba(0,0,0,0.4); letter-spacing: 1px; } .header .description, .Header .description { font-family: 'Reem Kufi', sans-serif !important; color: #d4b87a !important; font-size: 1.1em !important; font-style: italic; margin-top: 8px; } /* ─── عناوين المقالات ─── */ .post-title, .post h3, h3.post-title, h2.post-title { font-family: 'Amiri', serif !important; color: #6b4423 !important; font-size: 2em !important; font-weight: 700 !important; border-bottom: 2px dashed #b8860b !important; padding-bottom: 12px !important; margin-bottom: 20px !important; line-height: 1.5 !important; } .post-title a, h3.post-title a, h2.post-title a { color: #6b4423 !important; text-decoration: none !important; transition: all 0.3s ease; } .post-title a:hover, h3.post-title a:hover { color: #b8860b !important; text-shadow: 1px 1px 3px rgba(184, 134, 11, 0.3); } /* ─── بطاقة المقال ─── */ .post, .post-outer, article { background: #ffffff !important; border-radius: 12px !important; padding: 30px 35px !important; margin-bottom: 30px !important; box-shadow: 0 4px 18px rgba(101, 67, 33, 0.08) !important; border: 1px solid #e8dcc4 !important; position: relative; z-index: 1; } /* زخرفة في زوايا البطاقة */ .post-outer::before { content: '۞'; position: absolute; top: 12px; left: 18px; color: #b8860b; font-size: 22px; opacity: 0.5; } /* ─── نص المقال ─── */ .post-body, .post-body p { font-family: 'Tajawal', sans-serif !important; color: #3a2e1f !important; font-size: 18px !important; line-height: 2 !important; text-align: justify !important; } .post-body h2, .post-body h3, .post-body h4 { font-family: 'Reem Kufi', sans-serif !important; color: #6b4423 !important; margin-top: 25px !important; border-right: 4px solid #b8860b !important; padding-right: 12px !important; } /* ─── الاقتباسات (مهم لمدونة وقفات) ─── */ blockquote { background: linear-gradient(to left, #fdf8ec 0%, #faf0d4 100%) !important; border-right: 5px solid #b8860b !important; border-radius: 8px !important; padding: 22px 28px !important; margin: 25px 0 !important; font-family: 'Amiri', serif !important; font-size: 1.2em !important; color: #5a3a23 !important; font-style: italic; box-shadow: 0 2px 10px rgba(184, 134, 11, 0.1); position: relative; } blockquote::before { content: '"'; position: absolute; top: -10px; right: 15px; font-size: 60px; color: #b8860b; opacity: 0.4; font-family: serif; } /* ─── الروابط ─── */ a { color: #b8860b !important; text-decoration: none !important; border-bottom: 1px dotted #b8860b; transition: all 0.3s ease; } a:hover { color: #6b4423 !important; border-bottom: 1px solid #6b4423 !important; } /* ─── الأزرار (مشاركة، تعليق، إلخ) ─── */ button, .button, input[type="submit"], .post-share-buttons a { background: linear-gradient(135deg, #b8860b 0%, #d4a017 100%) !important; color: #ffffff !important; border: none !important; border-radius: 25px !important; padding: 10px 24px !important; font-family: 'Tajawal', sans-serif !important; font-weight: 500 !important; cursor: pointer; box-shadow: 0 3px 8px rgba(184, 134, 11, 0.3); transition: all 0.3s ease; } button:hover, .button:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(184, 134, 11, 0.5); background: linear-gradient(135deg, #6b4423 0%, #8b5a2b 100%) !important; } /* ─── معلومات المقال (التاريخ، الكاتب) ─── */ .post-header, .post-footer, .post-meta { font-family: 'Tajawal', sans-serif !important; color: #8b6f47 !important; font-size: 0.9em !important; } .post-labels a { background: #fdf8ec !important; border: 1px solid #e8dcc4 !important; border-radius: 15px !important; padding: 4px 12px !important; margin: 3px !important; display: inline-block; color: #6b4423 !important; } /* ─── الشريط الجانبي ─── */ .sidebar, aside, .gadget { background: #ffffff !important; border-radius: 10px !important; padding: 20px !important; box-shadow: 0 3px 12px rgba(101, 67, 33, 0.06) !important; border: 1px solid #e8dcc4 !important; margin-bottom: 20px; } .sidebar h2, aside h2, .gadget h2 { font-family: 'Reem Kufi', sans-serif !important; color: #6b4423 !important; border-bottom: 2px solid #b8860b !important; padding-bottom: 10px !important; margin-bottom: 15px !important; font-size: 1.3em !important; } /* ─── التذييل (Footer) ─── */ .footer, footer { background: linear-gradient(135deg, #3d2817 0%, #5a3a23 100%) !important; color: #d4b87a !important; padding: 30px 20px !important; text-align: center; border-top: 4px solid #b8860b !important; font-family: 'Amiri', serif !important; } .footer a, footer a { color: #f5e6c4 !important; border-bottom-color: #f5e6c4 !important; } /* ─── شريط التنقل (Navigation) ─── */ .tabs, .tabs-outer { background: #fdf8ec !important; border-bottom: 2px solid #b8860b !important; } .tabs li a { font-family: 'Reem Kufi', sans-serif !important; color: #6b4423 !important; font-weight: 500 !important; } .tabs li.selected a, .tabs li a:hover { background: #b8860b !important; color: #ffffff !important; } /* ─── التعليقات ─── */ .comments { background: #fdf8ec !important; border-radius: 10px !important; padding: 25px !important; margin-top: 30px; } .comments h4, .comments-content { font-family: 'Tajawal', sans-serif !important; color: #3a2e1f !important; } /* ─── تجاوب الجوال ─── */ @media screen and (max-width: 768px) { body { font-size: 16px !important; } .header h1 { font-size: 1.8em !important; } .post-title { font-size: 1.5em !important; } .post { padding: 20px !important; } blockquote { padding: 16px 20px !important; font-size: 1.05em !important; } } /* ═══════════════════════════════════════════════════════════ نهاية التصميم — وقفة هانئة 🌿 ═══════════════════════════════════════════════════════════ */

WAQFH

بحث هذه المدونة الإلكترونية

خريطة الموقع