تسعدني مشاركاتكم في استايل اليوم الوطني 1444

[الجنوبيه]

السلام عليكم
ومساكم الله بالخير جميعا :MonTaseR_158:

حابه تشاركوني وتعطوني ملاحظاتكم واضافااتكم
على الاستايل المجاني لهاي السنه الخاص باليوم الوطني

صراحة الى الان ما صممته فا حابه اقتبس الفكره
من مشاااركتكم
في الانتظار :m11: مقدمااا

[نواف]

عليكم السلام

هلابك ام هتان



مجرد اقتراح ان يضاف للستايل بعض المقتطفات من رؤية المملكة 2030 مثل بعض التطورات والمشاريع مثل نيوم ومشروع البحر الاحمر والقديه تعكس صورة النهضة والتطور



وان شاء الله اكون وفقت في الاقتراح



وربي يعطيك الف عافيه على مجهودك ومبادرتك الرائعة

[الجنوبيه]

ويعافيك يارب نورت المووضوع
واقتراح في محله
وان شاء الله تكون هناك فكره مناسبه لذالك
الف شكر يانواف لاعدم

[العراقي الطائي]

اهلا ام هتان من رئيي تقطيع الصور تكون اقل
من المرات السابقه حتا يكون اجميل صور الفئات تكون بثماني صور
هدا قصدي تمنياتي لكي بالموفقيه

[الجنوبيه]

مرحبا يالعراقي
المعذرة معاد امداني اعمل لهذه السنه
...
وبخصوص فكرتك احاول اوصلها
خصوصاً في التوزيع الا تتكلم عنه
اما تقليل تقطيع الصور فا صدقت حتى يكون خفيف الاستايل في التصفح
....
اذا عندك اكواد تظهر
الجداول بطريقة مرتبه
بحيث لا استخدم التعديل ع القوالب
بمعنى استخدمها
في خانة

تعاريف CSS الإضافية/Additional CSS Definitions

[العراقي الطائي]

نعم موجود كي اس اس

سوف اقوم بنسخها من نفس منتداكي
كي تكون شغاله تمام على المنتدى تستطيعين
التحكم بكل كي اس اس من هده الاكواد واي شي تريدين تغيرين عليه قوليلي

[العراقي الطائي]

هده الاكواد ام هتان الخاصه بمنتداكي كي اس اس
ادا تريدين اغيرلك عليها حتا تكون مثل الفكره اللي قلتلك عليها قوليلي
وتقدرين انتي كمان تغيرين حاولي ادا ما قدرتي بلغيني اعدلك عليهم
body
{
background: #1f0619;
color: #FFCCCC;
font: 10pt Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding: 0px;
}
a:link, body_alink
{
color: #a9a192;
}
a:visited, body_avisited
{
color: #a9a192;
}
a:hover, a:active, body_ahover
{
color: #FFFFFF;
}
.page
{
background: #1f0619;
color: #a9a192;
font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.page a:link, .page_alink
{
color: #660066;
}
.page a:visited, .page_avisited
{
color: #660066;
}
td, th, p, li
{
color: #660066;
font: 10pt Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
background: #000000;
color: #a9a192;
font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000000;

}
.tcat
{
background: #11020d url(../../hpop/s.png) repeat-x;
color: #FFFFFF;
font: bold 10pt Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000000;

}
.tcat a:link, .tcat_alink
{
color: #ffffff;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #ffffff;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #FFFF66;
text-decoration: underline;
}
.thead
{
background: url(../../hpop/ss.png);
color: #FFFFFF;
font: bold 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000000;

}
.thead a:link, .thead_alink
{
color: #FFFFFF;
text-decoration: none;
}
.thead a:visited, .thead_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #FFFF00;
}
.tfoot
{
background: url(../../hpop/ss.png);
color: #a9a192;
font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000000;

}
.tfoot a:link, .tfoot_alink
{
color: #E0E0F6;
text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
color: #E0E0F6;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #FFFF66;
}
.alt1, .alt1Active
{
background: #000000 url(../../hpop/s.png) repeat-x;
color: #FFCCCC;
font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000000;

}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
color: #a9a192;
text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
color: #a9a192;
text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
color: #FFFFFF;
}
.alt2, .alt2Active
{
background: #000000 url(../../hpop/s.png) repeat-x;
color: #FFCCCC;
font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000000;

}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
color: #a9a192;
text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
color: #a9a192;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
color: #FFFFFF;
}
.inlinemod
{
background: #FFFFCC;
color: #660066;
font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.inlinemod a:link, .inlinemod_alink
{
color: #FF99CC;
}
.inlinemod a:visited, .inlinemod_avisited
{
color: #FF99CC;
}
.wysiwyg
{
background: #000000 url(../../hpop/s.png) repeat-x;
color: #FFCCCC;
font: 10pt Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000000;

}
.wysiwyg a:link, .wysiwyg_alink
{
color: #a9a192;
text-decoration: none;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
color: #a9a192;
text-decoration: none;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
color: #FFFFFF;
}
textarea, .bginput
{
background: #000000 url(../../hpop/s.png) repeat-x;
color: #FFCCCC;
font: 10pt Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000000;

}
.bginput option, .bginput optgroup
{
font-size: 10pt;
font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
background: #000000;
color: #FFCCCC;
font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000000;

}
select
{
background: #000000;
color: #FFCCCC;
font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000000;

}
option, optgroup
{
font-size: 11px;
font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
color: #6699FF;
font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #669966;
font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.navbar
{
color: #660066;
font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.navbar a:link, .navbar_alink
{
color: #660066;
}
.navbar a:visited, .navbar_avisited
{
color: #660066;
}
.highlight
{
color: #990099;
font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
font-weight: bold;
}
.fjsel
{
background: #11020d url(../../hpop/s.png) repeat-x;
color: #CC66FF;
}
.fjdpth0
{
background: #11020d url(../../hpop/s.png) repeat-x;
color: #CC66FF;
}
.panel
{
background: #11020d url(../../hpop/s.png) repeat-x;
color: #FFCCFF;
font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000000;

}
.panel a:link, .panel_alink
{
color: #660066;
}
.panel a:visited, .panel_avisited
{
color: #660066;
}
.panelsurround
{
background: url(../../hpop/ss.png);
color: #FF99CC;
font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000000;

}
legend
{
color: #22229C;
font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background: url(../../hpop/ss.png);
color: #FFFFFF;
font: bold 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000000;

}
.vbmenu_control a:link, .vbmenu_control_alink
{
color: #FFCCCC;
text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #FFCCFF;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #663366;
text-decoration: underline;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #660066;
font-family: Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000000;

}
.vbmenu_option
{
background: #000000 url(../../hpop/s.png) repeat-x;
color: #FF99CC;
font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000000;

}
.vbmenu_option a:link, .vbmenu_option_alink
{
color: #FFCCCC;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #0099FF;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite
{
background: url(../../hpop/ss.png);
color: #FFFFFF;
font: 11px Droid Arabic Kufi,verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #000000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-box-shadow: 0px 0px 5px #000000;

}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #FFFFFF;
text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
.gh1{
background-image:url('../../hpop/gh1.png');
background-repeat:repeat-x;
height:141px;
}
.gh2{
background-image:url('../../hpop/gh2.png');
background-repeat:no-repeat;
height:141px;
width:96px;
float:right;

}
.gh3{
background-image:url('../../hpop/gh3.png');
background-repeat:no-repeat;
height:141px;
width:174px;
float:left;




}
.gh4{
background-image:url('../../hpop/gh4.png');
background-repeat:no-repeat;
height:141px;
width:507px;
margin:auto;

}
.gf1{
background-image:url('../../hpop/gf1.png');
background-repeat:repeat-x;
height:94px;

}
.gf2{
background-image:url('../../hpop/gf2.png');
background-repeat:no-repeat;
height:94px;
width:156px;
float:right;



}
.gf3{
background-image:url('../../hpop/gf3.png');
background-repeat:no-repeat;
height:94px;
width:223px;
float:left;


}
.gf4{
background-image:url('../../hpop/gf4.png');
background-repeat:no-repeat;
height:94px;
width:407px;
margin:auto;


}

.g{
background:transparent;
color:#ffffff;
}

.ga{
background: url('../../hpop/ga.png') repeat-y right center;
padding-right:20px;


}

.gaa{
background:url('../../hpop/gaa.png') repeat-y left center;
padding-left:19px;
}




.hd1{
background-image:url('../../hpop/hd1.gif');

background-repeat:repeat-x;
height:425px;
}

.hd2{
background-image:url('../../hpop/hd2.gif');
background-repeat:no-repeat;
height:425px;
width:56px;
float:right;

}

.hd3{
background-image:url('../../hpop/hd3.gif');
background-repeat:no-repeat;
height:425px;
width:89px;
float:left;
}

.hd4{
background-image:url('../../hpop/hd4.gif');
background-repeat:no-repeat;
height:425px;
width:673px;
margin:auto;
}

.fo1{
background-image:url('../../hpop/fo1.png');
background-repeat:repeat-x;
height:128px;
}
.fo2{
background-image:url('../../hpop/fo2.png');
background-repeat:no-repeat;
height:128px;
width:618px;
margin: auto;

}
/*
* Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess
*/
@font-face {
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot);
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
font-family: 'Droid Arabic Kufi';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot);
src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'),
url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype');
}

[العراقي الطائي]

وهده اكواد جبتها من منتدى عشق الليالي
تقدري تستفادي منها ادا صعب عليكي الامر ابلغيني
باخد من هدول الاكواد وعدلك على اكواد منتداكي
/**
* vBulletin 3.8.8 CSS
* Style: 'إستايلَ منتديات عشق الليالي (7) CSS | DES‘ E7SAS / 2022'; Style ID: 18
*/
body
{
background: #0f070c;
color: #b3587f;
font: Bold 13pt 'Droid Arabic Kufi';
margin: 0px 0px 0px 0px;
padding: 0px;
}
a:link, body_alink
{
color: #307b94;
text-decoration: none;
}
a:visited, body_avisited
{
color: #307b94;
text-decoration: none;
}
a:hover, a:active, body_ahover
{
color: #b3587f;
text-decoration: none;
}
.page
{
background: #0f070c;
color: #307b94;
font: Bold 13pt 'Droid Arabic Kufi';
}
.page a:link, .page_alink
{
color: #b3587f;
text-decoration: none;
}
.page a:visited, .page_avisited
{
color: #b3587f;
text-decoration: none;
}
.page a:hover, .page a:active, .page_ahover
{
color: #307b94;
text-decoration: none;
}
td, th, p, li
{
font: 13pt 'Droid Arabic Kufi';
}
.tborder
{
background: #000000;
border: 1px solid #2f1625;
}
.tcat
{
background: url(ESHQLAYALY-2022/back.gif);
color: #b3587f;
font: bold 18pt 'Droid Arabic Kufi';
}
.tcat a:link, .tcat_alink
{
background: #000000;
color: #b3587f;
text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
color: #b3587f;
text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
color: #307b94;
text-decoration: none;
}
.thead
{
background: url(ESHQLAYALY-2022/back2.gif);
color: #b3587f;
font: bold 13px 'Droid Arabic Kufi';;
}
.thead a:link, .thead_alink
{
color: #307b94;
text-decoration: none;
}
.thead a:visited, .thead_avisited
{
color: #b3587f;
text-decoration: none;
}
.thead a:hover, .thead a:active, .thead_ahover
{
color: #307b94;
text-decoration: none;
}
.tfoot
{
background: #0f070c;
color: #b3587f;
font: bold 13px 'Droid Arabic Kufi';;
}
.tfoot a:link, .tfoot_alink
{
color: #307b94;
text-decoration: none;
}
.tfoot a:visited, .tfoot_avisited
{
color: #307b94;
text-decoration: none;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
color: #b3587f;
text-decoration: none;
}
.alt1, .alt1Active
{
background: #000000;
color: #b3587f;
font: bold 14px 'Droid Arabic Kufi';;
border-bottom:1px #29131e dashed;
}
.alt1 a:link, .alt1_alink, .alt1Active a:link, .alt1Active_alink
{
color: #307b94;
text-decoration: none;
}
.alt1 a:visited, .alt1_avisited, .alt1Active a:visited, .alt1Active_avisited
{
color: #b3587f;
text-decoration: none;
}
.alt1 a:hover, .alt1 a:active, .alt1_ahover, .alt1Active a:hover, .alt1Active a:active, .alt1Active_ahover
{
color: #b3587f;
text-decoration: none;
}
.alt2, .alt2Active
{
background: #000000;
color: #307b94;
font: bold 13px 'Droid Arabic Kufi';;
border-bottom:1px #29131e dashed;
}
.alt2 a:link, .alt2_alink, .alt2Active a:link, .alt2Active_alink
{
color: #b3587f;
text-decoration: none;
}
.alt2 a:visited, .alt2_avisited, .alt2Active a:visited, .alt2Active_avisited
{
color: #307b94;
text-decoration: none;
}
.alt2 a:hover, .alt2 a:active, .alt2_ahover, .alt2Active a:hover, .alt2Active a:active, .alt2Active_ahover
{
color: #307b94;
text-decoration: none;
}
.inlinemod
{
background: #b3587f;
color: #000000;
}
.wysiwyg
{
background: #000000;
color: #307b94;
font: bold 15pt 'Droid Arabic Kufi';;
border-bottom:1px #29131e dashed;
}
.wysiwyg a:link, .wysiwyg_alink
{
color: #307b94;
text-decoration: none;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
color: #307b94;
text-decoration: none;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
color: #b3587f;
text-decoration: none;
}
textarea, .bginput
{
font: 10pt 'Droid Arabic Kufi';;
}
.bginput option, .bginput optgroup
{
font-size: 10pt;
font-family: 'Droid Arabic Kufi';;
}
.button
{
background: url(ESHQLAYALY-2022/back3.gif);
color: #b3587f;
font: bold 11px 'Droid Arabic Kufi';;
text-shadow: 1px 1px 0px #000000;
border:1px solid #000000;
border-bottom:2px solid #000000;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
select
{
background: #000000;
color: #b3587f;
font: bold 11px 'Droid Arabic Kufi';;
text-shadow: 1px 1px 0px #000000;
border:1px solid #000000;
border-bottom:2px solid #000000;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
option, optgroup
{
font-size: 11px;
font-family: 'Droid Arabic Kufi';;
}
.smallfont
{
font: 12px 'Droid Arabic Kufi';;
}
.time
{
background: url(ESHQLAYALY-2022/back3.gif);
color: #b3587f;
font: 12px 'Droid Arabic Kufi';;
text-shadow: 1px 1px 0px #000000;
border:1px solid #000000;
border-bottom:2px solid #000000;
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.navbar
{
font: 12px 'Droid Arabic Kufi';;
}
.navbar a:link, .navbar_alink
{
text-decoration: none;
}
.navbar a:visited, .navbar_avisited
{
text-decoration: none;
}
.navbar a:hover, .navbar a:active, .navbar_ahover
{
text-decoration: none;
}
.highlight
{
color: #b3587f;
font-weight: bold;
}
.fjsel
{
background: #000000;
color: #b3587f;
}
.fjdpth0
{
background: #000000;
color: #307b94;
}
.panel
{
background: #000000;
color: #b3587f;
font: bold 11px 'Droid Arabic Kufi';;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background: #000000;
color: #307b94;
font-family: 'Droid Arabic Kufi';;
}
legend
{
color: #b3587f;
font: 11px 'Droid Arabic Kufi';;
}
.vbmenu_control
{
background: url(ESHQLAYALY-2022/back.gif);
color: #FFFFFF;
font: bold 11px 'Droid Arabic Kufi';;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
background: #000000;
color: #307b94;
text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
color: #b3587f;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
color: #307b94;
text-decoration: none;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #b3587f;
border: 1px solid #d70f14;
}
.vbmenu_option
{
background: #0f070c;
color: #307b94;
font: 11px 'Droid Arabic Kufi';;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
background: #000000;
color: #b3587f;
text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
color: #b3587f;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
color: #307b94;
text-decoration: none;
}
.vbmenu_hilite
{
background: #0d0c0c;
color: #FFFFFF;
font: 11px 'Droid Arabic Kufi';;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
color: #FFFFFF;
text-decoration: none;
}
/* * Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess */ @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot); src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Regular.ttf) format('truetype'); } @font-face { font-family: 'Droid Arabic Kufi'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot); src: url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/droidarabickufi/v6/DroidKufi-Bold.ttf) format('truetype'); }

/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
.ht {
background-image:url('ESHQLAYALY-2022/images/ht.png');
background-repeat:repeat-x;
height:648px;
}
.h1 {
background-image:url('ESHQLAYALY-2022/images/h1.gif');
background-repeat:repeat-x;
height:648px;
width:1122px;
float:right;
}
.h2 {
background-image:url('ESHQLAYALY-2022/images/h2.gif');
background-repeat:repeat-y;
height:648px;
width:150px;
float:left;
}
.zt1 {
background-image:url('ESHQLAYALY-2022/images/zt1.png');
background-repeat:repeat-x;
height:409px;
}
.z1 {
background-image:url('ESHQLAYALY-2022/images/z1.gif');
background-repeat:no-repeat;
height:409px;
width:673px;
float:right;
}
.z2 {
background-image:url('ESHQLAYALY-2022/images/z2.png');
background-repeat:no-repeat;
height:409px;
width:162px;
float:left;
}
.zt2 {
background-image:url('ESHQLAYALY-2022/images/zt2.png');
background-repeat:repeat-x;
height:220px;
}
.z3 {
background-image:url('ESHQLAYALY-2022/images/z3.gif');
background-repeat:no-repeat;
height:220px;
width:673px;
float:right;
}
.z4 {
background-image:url('ESHQLAYALY-2022/images/z4.png');
background-repeat:no-repeat;
height:220px;
width:162px;
float:left;
}
.backg {
background:transparent;
color:maroon;
}
.a1 {
background-image:url('ESHQLAYALY-2022/images/a1.png');
background-repeat:repeat-y;
background-position:left;
padding-left:21px;
}
.a2 {
background-image:url('ESHQLAYALY-2022/images/a2.png');
background-repeat:repeat-y;
background-position:right;
padding-right:25px;
}
.ft {
background-image:url('ESHQLAYALY-2022/images/ft.png');
background-repeat:repeat-x;
height:648px;
}
.f1 {
background-image:url('ESHQLAYALY-2022/images/f1.gif');
background-repeat:no-repeat;
height:648px;
width:1100px;
float:left;
position:relative;
}
a.s1 {
position:absolute;
height:0px;
width:0px;
left:0px;
top:0px
}


.quo-H-t {
background-image:url('ESHQLAYALY-2022/quote/quotes-ht.jpg');
background-repeat: repeat-x;
height:246px;
}

.quo-H-r {
background-image:url('ESHQLAYALY-2022/quote/quotes-h1.jpg');
background-repeat: no-repeat;
float: right;
width:128px;
height:246px;
}

.quo-H-l {
background-image:url('ESHQLAYALY-2022/quote/quotes-h2.jpg');
background-repeat: no-repeat;
float:left;
width:365px;
height:246px;
}


.quote_bg {
background-image:url('ESHQLAYALY-2022/quote/quotes-pt.jpg');
text-align: justify;
}

.quote_Col-l {
padding-left: 81px;
background-image:url('ESHQLAYALY-2022/quote/quotes-p1.jpg');
background-repeat:repeat-y;
background-position:left;
}
.quote_col-R {
padding-right:77px;
background-image:url('ESHQLAYALY-2022/quote/quotes-p2.jpg');
background-repeat:repeat-y;
background-position:right;
}

.quo-F-t {
background-image:url('ESHQLAYALY-2022/quote/quotes-ft.jpg');
background-repeat: repeat-x;
height:113px;
}
.quo-F-r{
background-image:url('ESHQLAYALY-2022/quote/quotes-f1.jpg');
background-repeat: no-repeat;
height:113px;
width:128px;
float: right;

}
.quo-F-l{
background-image:url('ESHQLAYALY-2022/quote/quotes-f2.jpg');
background-repeat: no-repeat;
height:113px;
width:187px;
float: left;
}

[الجنوبيه]

يعطيك العافية يارب
راح اشوفها واطبقها ع المنتدى
بالطريقة الا فهمتها وان شاء الله تكون صح
وارد لك