نوسة والعم عزوز - مسرحية للأطفال ~ مدونة أعمال الكاتب السيد حافظ

Add a dynamically-resized background image to the page.txt Sayed Hafez (sayedhafez948@gmail.com) جارٍ عرض Add a dynamically-resized background image to the page.txt. /* حقل البحث — استهداف واسع لأن أسماء العناصر تختلف بين القوالب */ .search-box input[type="text"], .search-box input[type .search-box input[type="search"], .search input[type="text"], .search input[type="search"], .widget input[type="text"], .widget input[type="search"], input.gsc-input, input.gsc-search-input, input.gsfi, input[name="q"], input#Search1, input#search { width: 360px !important; max-width: 90% !important; padding: 12px 16px !important; font-size: 18px !important; border: 2px solid #333 !important; border-radius: 25px 0 0 25px !important; outline: none !important; box-shadow: 0 0 5px rgba(0,0,0,0.2) !important; background-color: #fff !important; color: #000 !important; display: inline-block !important; vertical-align: middle !important; } /* زر البحث — استهداف واسع */ .search-box button, .search button, .widget .search-button, input.gsc-search-button, button.gsc-search-button, .gsc-search-button-v2, input[type="submit"][value="Search"], button[type="submit"] { padding: 12px 18px !important; font-si-color: #555; } /* ===================== بحث: محاولات استهداف شاملة ===================== */ /* الحاوية المركزية */ .search-box, .search-form, .widget.Search, .widget .search-box, .gsc-search-box { display: flex !important; justify-content: center !important; align-items: center !important; margin: 20px auto !important; } /* حقل البحث — استهداف واسع لأن أسماء العناصر تختلف بين القوالب */ .search-box input[type="text"], .search-box input[type .search-box input[type="search"], .search input[type="text"], .search input[type="search"], .widget input[type="text"], .widget input[type="search"], input.gsc-input, input.gsc-search-input, input.gsfi, input[name="q"], input#Search1, input#search { width: 360px !important; max-width: 90% !important; padding: 12px 16px !important; font-size: 18px !important; border: 2px solid #333 !important; border-radius: 25px 0 0 25px !important; outline: none !important; box-shadow: 0 0 5px rgba(0,0,0,0.2) !important; background-color: #fff !important; color: #000 !important; display: inline-block !important; vertical-align: middle !important; } /* زر البحث — استهداف واسع */ .search-box button, .search button, .widget .search-button, input.gsc-search-button, button.gsc-search-button, .gsc-search-button-v2, input[type="submit"][value="Search"], button[type="submit"] { padding: 12px 18px -color: #555; } /* ===================== بحث: محاولات استهداف شاملة ===================== */ /* الحاوية المركزية */ .search-box, .search-form, .widget.Search, .widget .search-box, .gsc-search-box { display: flex !important; justify-content: center !important; align-items: center !important; margin: 20px auto !important; } /* حقل البحث — استهداف واسع لأن أسماء العناصر تختلف بين القوالب */ .search-box input[type="text"], .search-box input[type .search-box input[type="search"], .search input[type="text"], .search input[type="search"], .widget input[type="text"], .widget input[type="search"], input.gsc-input, input.gsc-search-input, input.gsfi, input[name="q"], input#Search1, input#search { width: 360px !important; max-width: 90% !important; padding: 12px 16px !important; font-size: 18px !important; border: 2px solid #333 !important; border-radius: 25px 0 0 25px !important; outline: none !important; box-shadow: 0 0 5px rgba(0,0,0,0.2) !important; background-color: #fff !important; color: #000 !important; display: inline-block !important; vertical-align: middle !important; } /* زر البحث — استهداف واسع */ .search-box button, .search button, .widget .search-button, input.gsc-search-button, button.gsc-search-button, .gsc-search-button-v2, input[type="submit"][value="Search"], button[type="submit"] { padding: 12px 18px !important; font-size: 18px !important; border: 2px solid #333 !important; border-left: none !important; border-radius: 0 25px 25px 0 !important; background-color: #333 !important; color: #fff !important;!important; font-size: 18px !important; border: 2px solid #333 !impor } /* ===================== بحث: محاولات استهداف شاملة ===================== */ /* الحاوية المركزية */ .search-box, .search-form, .widget.Search, .widget .search-box, .gsc-search-box { display: flex !important; justify-content: center !important; align-items: center !important; margin: 20px auto !important; } /* حقل البحث — استهداف واسع لأن أسماء العناصر تختلف بين القوالب */ .search-box input[type="text"], .search-box input[type .search-box input[type="search"], .search input[type="text"], .search input[type="search"], .widget input[type="text"], .widget input[type="search"], input.gsc-input, input.gsc-search-input, input.gsfi, input[name="q"], input#Search1, input#search { width: 360px !important; max-width: 90% !important; padding: 12px 16px !important; font-size: 18px !important; border: 2px solid #333 !important; border-radius: 25px 0 0 25px !important; outline: none !important; box-shadow: 0 0 5px rgba(0,0,0,0.2) !important; background-color: #fff !important; color: #000 !important; display: inline-block !important; vertical-align: middle !important; } /* زر البحث — استهداف واسع */ .search-box button, .search button, .widget .search-button, input.gsc-search-button, button.gsc-search-button, .gsc-search-button-v2, input[type="submit"][value="Search"], button[type="submit"] { padding: 12px 18px !important; font-size: 18px !important; border: 2px solid #333 !important; border-left: none !important; border-radius: 0 25px 25px 0 !important; background-color: #333 !important; color: #fff !important;!important; font-size: 18px !important; border: 2px solid #333 !important; border-left: none !important; border-radius: 0 25px 25px 0 !important; background-color: #333 !important; color: #fff !important;ze: 18pxtant; border-left: none !important; border-radius: 0 25px 25px 0 !important; background-color: #333 !important; color: #fff !important;ze: 18px !important; border: 2px solid #333 !important; border-left: none !important; border-radius: 0 25px 25px 0 !important; background-color: #333 !important; color: #fff !important; cursor: pointer !important; display: inline-block !important; vertical-align: middle !important; } /* بعض نسخ Google CSE تستخدم عناصر فرعية */ .gsc-search-button-v2 .gsc-search-button, .gsc-search-button input[type="button"], .gsc="search"], .search input[type="text"], .search input[type="search"], .widget input[type="text"], .widget input[type="search"], input.gsc-input, input.gsc-search-input, input.gsfi, input[name="q"], input#Search1, input#search { width: 360px !important; max-width: 90% !important; padding: 12px 16px !important; font-size: 18px !important; border: 2px solid #333 !important; border-radius: 25px 0 0 25px !important; outline: none !important; box-shadow: 0 0 5px rgba(0,0,0,0.2) !important; background-color: #fff !important; color: #000 !important; display: inline-block !important; vertical-align: middle !important; } /* زر البحث — استهداف واسع */ .search-box button, .search button, .widget .search-button, input.gsc-search-button, button.gsc-search-button, .gsc-search-button-v2, input[type="submit"][value="Search"], button[type="submit"] { padding: 12px 18px !important; font-size: 18px !important; border: 2px solid #333 !important; border-left: none !important; border-radius: 0 25px 25px 0 !important; background-color: #333 !important; color: #fff !important; cursor: pointer !important; display: inline-block !important; vertical-align: middle !important; } /* بعض نسخ Google CSE تستخدم عناصر فرعية */ .gsc-search-button-v2 .gsc-search-button, .gsc-search-button input[type="button"], .gsc-search-button input[type="submit"] { padding: 10px 14px !important; } /* أيقونة بديلة إن لم تكن داخل الزر */ .search-box button:before { content: "🔍"; font-size: 18px; } /* إخفاء نسخة قديمة من أداة البحث لو أردت استبدالها (اختياري) */ /* .widget.Search, .widget .BlogSearch { display: none !important; } */ } /* عناوين التدوينات في الرئيسية */ .post-title.entry-title a { color: #e60000 !important; /* أحمر */ font-weight: bold !important; font-size: 22px !important; /* حجم أكبر شوية */ } /* العناوين داخل صفحة التدوينة */ .post-body h1, .post-body h2, .post-body h3 { color: #0066ff !important; /* أزرق */ font-weight: bold !important; } /* عند المرور بالماوس على العنوان */ .post-title.entry-title a:hover { color: #ff6600 !important; /* برتقالي */ } /* 🎯 تنسيق المشاركات الشائعة */ .PopularPosts { background: #f5f7fa; /* خلفية ناعمة رمادية مائلة للأزرق */ border-radius: 12px; padding: 12px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); } .PopularPosts h2 { color: #004aad; /* عنوان القسم */ font-size: 18px; border-bottom: 2px solid #004aad; padding-bottom: 6px; margin-bottom: 10px; } /* روابط العناوين داخل المشاركات */ .PopularPosts .item-title a { color: #222 !important; /* نص غامق وواضح */ font-size: 15px; line-height: 1.6; font-weight: 600; text-decoration: none; transition: color 0.3s ease-in-out; } .PopularPosts .item-title a:hover { color: #ff6600 !important; /* برتقالي عند المرور */ } /* صور المشاركات الشائعة إن وُجدت */ .PopularPosts img { border-radius: 8px; transition: transform 0.3s ease; } .PopularPosts img:hover { transform: scale(1.05); }