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 {
display: flex;
justify-content: center;
margin: 20px auto;
}
.search-box input[type="text"] {
width: 320px;
padding: 12px 16px;
font-size: 16px;
border: 2px solid #333;
border-radius: 25px 0 0 25px;
outline: none;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.search-box button {
padding: 12px 18px;
font-size: 18px;
border: 2px solid #333;
border-left: none;
border-radius: 0 25px 25px 0;
background-color: #333;
color: white;
cursor: pointer;
transition: background-color 0.3s ease;
}
.search-box button:hover {
background-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"],
.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; /* برتقالي */
}
0 التعليقات:
إرسال تعليق