overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
body {
background-color: #EDEDED; /*خلفية المنتدى*/
margin: 1px 1px 1px 1px;
}
a:link, /*لون الروابط*/
a:visited,
a:active{
background: transparent;
color: #013E46;
text-decoration: none;
}
a:hover{/*لون النص عند وقوف الماوس عليه*/
background: transparent;
color: #000080;
text-decoration: none;
}
.tcat /*تكاد*/
{
background: #D8D8D8 url(../images/gradient_tcat.gif) repeat-x;
font-family: Tahoma;
font-size: 9pt;
color: #fff;
text-align: center;
padding : 6px;
margin: 0px 0px 0px 0px;
}
.tcat a:link /*لون روابط التكاد*/
{
color: #fff;
text-decoration: none;
}
.tcat a:visited /*لون روابط التكاد التى تم زيارتها*/
{
color: #fff;
text-decoration: none;
}
.tcat a:hover, .tcat a:active /*لون روابط التكاد عند وقوف الماوس عليها*/
{
color: #fff;
text-decoration: none;
}
.tbar /*خيارات المراقبين*/
{
background: #D8D8D8 url(../images/main_bar.gif);
color: #fff;
font-family: Tahoma;
font-size: 9pt;
text-align: center;
padding : 5px;
}
.tbar_writer_info /*لون خلفية المواضيع*/
{
background-color: #F5F8F7;
color: #696757;
font: 11px Tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding : 5px;
}
.writer_info /*لون خلفية معلومات العضو*/
{
background: #fff;
border-left:1px solid #5B878C;
border-right:6px solid #5B878C;
border-top:1px solid #5B878C;
border-bottom:1px solid #5B878C;
font-family: Tahoma;
font-size: 8pt;
color: #2E5961;
margin: 5px 0 5px 0;
padding: 1px 5px 3px 5px;
text-align: right;
}
.tbar_review
{
background-color: #ACC8E4;
color: #696757;
font: 11px Tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding : 5px;
}
.tbar_pager
{
background: #D8D8D8 url(../images/main_bar.gif);
color: #fff;
font-family: Tahoma;
font-size: 5pt;
text-align: center;
padding : 5px;
}
.menu_popup /*القائمة المنسدلة1*/
{
background-color: #F5F8F7;
color: #006A74;
font: 11px Tahoma;
padding : 3px;
text-decoration: none;
padding-right: 3px;
text-align: right;
}
.menuon /*القائمة المنسدلة2*/
{
background-color: #F5F8F7;
font: 11px Tahoma;
color: #006A74;
padding-right: 3px;
padding : 3px;
text-decoration: none;
text-align: right;
}
.menuoff /*القائمة المنسدلة3*/
{
background-color: #F5F8F7;
font: 11px Tahoma;
color: #006A74;
padding : 3px;
text-decoration: none;
text-align: right;
}
.menuoff a:link,
.menuoff a:visited,
.menuoff a:active{
color: #006A74 !important;
text-decoration: none;
}
.menuon a:link,
.menuon a:visited,
.menuon a:active{
color: #006A74 !important;
text-decoration: none;
}
.menu_popup a:link,
.menu_popup a:visited,
.menu_popup a:active{
color: #006A74 !important;
text-decoration: none;
}
.thead /*ثياد*/
{
background-image: url(../images/gradient_thead.gif);
color: #2E5961;
font-family: Tahoma;
font-size: 8pt;
text-align: center;
padding : 6px;
}
.thead a:link /*لون روابط الثياد*/
{
color: #2E5961;
text-decoration: none;
}
.thead a:visited /*لون روابط الثياد التى تم زيارتها*/
{
color: #2E5961;
text-decoration: none;
}
.thead a:hover, .thead a:active /*لون روابط الثياد عند وقوف الماوس عليها*/
{
color: #2E5961;
text-decoration: none;
}
.thead1 /*ثياد1*/
{
background-image: url(../images/gradient_thead.gif);
color: #2E5961;
font-family: Tahoma;
font-size: 8pt;
text-align: right;
padding : 4px;
}
.thead1 a:link /*لون روابط الثياد1*/
{
color: #2E5961;
text-decoration: none;
}
.thead1 a:visited /*لون روابط الثياد 1 التى تم زارتها*/
{
color: #2E5961;
text-decoration: none;
}
.thead1 a:hover, .thead1 a:active /*لون روابط الثياد1 عند وقوف الماوس عليها*/
{
color: #2E5961;
text-decoration: none;
}
th,td { /*لون خط المنتدى الرئيسيى*/
font-family: Tahoma;
font-size: 9pt;
color: #2E5961;
}
font.highlight {
color: #FF0000;
font-weight: bold;
}
.main_bar{
background-image: url(../images/barl.gif);
border: 1px solid #EAE3D1;
font-family: Tahoma;
font-size: 9pt;
color: #fff;
margin: 5px 0 5px 0;
padding: 1px 5px 3px 5px;
text-align: center;
}
.main_bar a:link
{
color: #fff;
text-decoration: none;
}
.main_bar a:visited
{
color: #fff;
text-decoration: none;
}
.main_bar a:hover, .main_bar a:active
{
color: #fff;
text-decoration: none;
}
.mainbar{ /*خلفية شريط الروابط العلوى*/
background: #EDEDED url(../images/barl.gif);
margin: 0;
padding: 3px;
}
.main_bar_links{ /*mainbar*/
border-left:1px solid #969EA2;
border-right:0px solid #969EA2;
font-family: Tahoma;
font-size: 9pt;
color: #fff;
margin: 5px 0 5px 0;
padding: 1px 5px 3px 5px;
text-align: center;
}
.main_bar_MouseOver { /*تأثير الوقوف بالماوس*/
background-image: url(../images/gradient_thead.gif);
border-left:1px solid #969EA2;
border-right:0px solid #969EA2;
font-family: Tahoma;
font-size: 9pt;
color: #2E5961;
margin: 5px 0 5px 0;
padding: 1px 5px 3px 5px;
text-align: center;
}
.main_bar_links a:link
{
color: #fff;
text-decoration: none;
}
.main_bar_links a:visited
{
color: #fff;
text-decoration: none;
}
.main_bar_links a:hover, .main_bar_links a:active
{
color: #fff;
text-decoration: none;
}
.address_bar
{
background: #F9F6E0;
border: 1px solid #ffffff;
}
.r-right
{
float: right;
}
.l-left
{
float: left;
}
.pager-left
{
float: left;
padding-left: 25px;
}
.switch
{
float: left;
width: auto !important;
}
span.unreadpm { /*لون التنبيهات*/
color: #FF0000;
}
a:link.pm,a:active.pm,a:visited.pm {
color: #696757;
TEXT-DECORATION : none
}
td.header_menu { background: #D6FCF4; border-color: #D6FCF4 } /*تسجيل الدخول*/
td.header_welc { background: #F3EDF7; }
.context { background: #FFFFFF;border: 1px solid #DEDEDE; width:100%}
td.row1 { /*لون خلفية الاقسام1*/
background-color: #F5F8F7;
font: bold 15px Arial;
padding-right: 10px;
padding : 3px;
}
td.row2 { /*لون خلفية الاقسام2*/
background-color: #F5F8F7;
font: bold 15px Arial;
padding-right: 10px;
padding : 4px;
}
td.row3 { /*لون خلفية الاقسام3*/
background-color: #F5F8F7;
padding-right: 10px;
padding : 3px;
}
td.row4 { /*لون خلفية الاقسام4*/
background-color: #F5F8F7;
padding-right: 10px;
padding : 3px;
}
td.row5 { /*لون خلفية الاقسام5*/
background-color: #F5F8F7;
padding-right: 10px;
padding : 3px;
}
td.darkrow { background: #CFCBCC; padding-right: 10px; padding : 3px;}
.small { font-size: 11px; }
a:hover.pm { text-decoration: underline; }
p.main { color: #000000; }
span.spical { color: #696757; }
p.main1 {
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
}
font.main2 {
color: #FFFFFF;
}
.title_font { /*خلفية اسم الموضوع*/
background-color: #F5F8F7;
font: bold 15px Arial;
}
p.main2 {
color: #FFFFFF;
}
font.online { color: #008080; }
font.offline { color: #FF0000; }
td { border : 0px; }
table.border /*إطارات الجداول*/
{
background-color: #E7E9EB;
border-left:1px solid #969EA2;
border-right:1px solid #969EA2;
border-top:1px solid #969EA2;
border-bottom:1px solid #969EA2;
}
table.border_forums /*إطارات الاقسام*/
{
background-color: #E7E9EB;
border-left:1px solid #969EA2;
border-right:1px solid #969EA2;
border-top:0px;
border-bottom:1px solid #969EA2;
}
.info_bar { border: 1px solid #969EA2; padding : 1px;}
input {
background-color: #ffffff;
border: 1px solid #FFFFFF
color: #696757;
font-family: Tahoma;
font-size: 11px;
padding: 2px;
padding-right: 4px;
padding-left: 4px;
}
input.radio {
background: transparent;
border: 0px;
}
input.checkbox {
background: transparent;
border: 0px;
}
.smallfont
{
font: 11px Tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
td.smbox {
background-color: #F5F8F7;
font-family: Tahoma;
font-size: 9pt;
color: #696757;
padding : 0px;
}
.pager
{
background-image: url(../images/gradient_thead.gif);
color: #000;
font-family: Tahoma;
font-size: 8pt;
text-align: center;
padding : 0px;
border-color:#E8E8E8;
border-width:1px;
line-height: 60%;
}
.perpage
{
color: #996633;
font-family: Tahoma;
font-size: 9pt;
margin: 1px 0 1px 0;
padding: 0px 1px 0px 1px;
}
.text
{
font: bold 16px Arial;
color:#000;
}
.td_special
{
background-color: #CFF3EF;
background-image: url(../images/special.png);
background-repeat: no-repeat;
color: #696757;
font: 11px Tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding : 4px;
}
input,button
{
font-family:Tahoma;
font-size: 8pt;
background-color: #FFFFFF;
border: 1px solid #FFFFFF
color: #696757;
}
.input_text
{
font-family:Tahoma;
font-size: 8pt;
background: #D8D8D8 url(../images/main_bar.gif);
border: 1px solid #FFFFFF;
color: #fff;
border-width:1px;
}
.readonly
{
font-family:Tahoma;
font-size: 8pt;
background: #F0EEE1;
border-color:#C0C0DC;
border-width:1px;
color:#D1CFC0;
}
select
{
background: #FFF;
border: 1px solid #4C77B6;
color: #000;
font: normal 11px Tahoma;
margin: 5px;
padding: 1px;
vertical-align: middle;
}
textarea {
background: #ffffff;
border: 1px solid #B4B4B4;
color: #000000;
font: bold 16px Arial;
padding: 2px;
padding-right: 6px;
padding-left: 6px;
}
form {
margin: 0px 0px 0px 0px;
}
.footer /*لون خطوط الفوتر*/
{
color: #000;
font-family: Tahoma;
font-size: 8pt;
text-align: center;
margin: 5px 0 5px 10px;
padding: 0;
}
.footer a:link /*لون الروابط بالفوتر*/
{
color: #000;
text-decoration: none;
}
.footer a:visited /*لون الروابط بالفوتر التى تم زيارتها*/
{
color: #000;
text-decoration: none;
}
.footer a:hover, .footer a:active /*لون الروابط بالفوتر عند وقوف الماوس عليها*/
{
color: #000;
text-decoration: none;
}
.footer_bar_links{ /* لون خط شريط الفوتر*/
border-left:1px solid #969EA2;
border-right:0px solid #969EA2;
font-family: Tahoma;
font-size: 8pt;
color: #fff;
margin: 5px 0 5px 0;
padding: 1px 5px 4px 5px;
}
.footer_bar_links a:link /*لون الروابط بشريط الفوتر*/
{
color: #fff;
text-decoration: none;
}
.footer_bar_links a:visited /*لون الروابط بشريط الفوتر التى تم زيارتها*/
{
color: #fff;
text-decoration: none;
}
.footer_bar_links a:hover, .footer_bar_links a:active /*لون الروابط بشريط الفوتر عند وقوف الماوس عليها*/
{
color: #fff;
text-decoration: none;
}
table.footer_bar{ /*شريط الفوتر*/
background: transparent url(../images/barl.gif);
border: 1px solid #949C9F;
color: #fff;
text-align: center;
padding: 5px;
width: 98%;
height: 30px;
}
#footer_bar td{
color: #FFF;
font: normal 11px Tahoma;
}
#footer_bar a:link,
#footer_bar a:visited{
color: #FFF;
font: bold 15px Arial;
}
/* start Css Editor*/
.inputbox
{
width:540px;
height:250px;
}
.editoriframe { /*صفحة كتابة الموضوع*/
background: #ffffff;
border: 1px solid #969EA2;
color: #000000;
font-family: Arial;
font-size: 16px;
font-weight: bold;
width:98%;
height:250px;
display:none;
padding: 2px;
padding-right: 6px;
padding-left: 6px;
}
.editortoolbar /*خلفية ادوات الموضوع*/
{
background-color: #F5F8F7;
background-repeat: repeat-x;
font: 11px tahoma;
padding:0px;
margin:0px;
text-align: right;
}
.editoricon /*خلفية الابتسامات*/
{
background-color: #F5F8F7;
text-align: right;
font: 11px tahoma;
padding:0px;
margin:0px;
}
.editorbutton,
.editortoolbar
{
padding: 2px;
align:right;
}
.editoroover
{
padding: 2px;
}
.editorselect /*قوائم الموضوع*/
{
color: #333333;
background-color: #FAFAFA;
font-family: Tahoma;
font-size: 1.1em;
font-weight: normal;
border: 1px solid #A9B8C2;
padding: 1px;
}
.container
{
width:100%;
min-width:570px;
background-color:#FFFFFF;
border:1px solid #B5C4DD;
}
.toolbar
{
background-image:url('../images/editor/toolbar_background.gif');
padding-left:0;
padding-right:0;
padding-top:4px;
padding-bottom:4px;
}
.toolbar2
{
background-image:url('../images/editor/toolbar_background.gif');
height:26px;
padding:0;
}
.button
{
padding:2px;
}
.oover
{
border:1px solid #316ac5;
background:#f1f6f8;
padding:1px;
}
#sddm
{
margin:0;
padding:0;
z-index:30;
}
#sddm li
{
margin:0;
padding:0;
list-style:none;
float:left;
font:bold 11px arial;
}
#sddm li img
{
display:block;
margin:0 1px 0 0;
padding:1px 2px;
}
#sddm li a
{
display:block;
background-image:url('../images/editor/custom.gif');
width:116px;
color:#989898;
text-align:center;
text-decoration:none;
margin-left:0;
margin-right:1px;
margin-top:0;
margin-bottom:0;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:3px;
}
#sddm div
{
overflow:auto;
width:160px;
height:120px;
-moz-opacity:.8;
filter:alpha(opacity=80);
opacity:.80;
position:absolute;
visibility:hidden;
margin:0;
padding:0;
background:#fff;
border:1px solid #eee;
}
#sddm div img
{
width:120px;
}
#sddm div a
{
position:relative;
display:block;
margin:0;
padding:5px 10px;
width:auto;
white-space:nowrap;
text-align:left;
text-decoration:none;
background:#FFF;
color:#000;
}
#sddm div a:hover
{
background:#eee;
color:#545454;
border:1px solid #7d7d7d
}
.rteStart
{
background-image:url('../images/editor/start.gif');
float:left;
height:25px;
width:7px;
background:#FFF;
}
/* End css Editor*/
.time /*الوقت*/
{
color: #666686;
font: 11px Tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
text-align: center;
width: 98%;
}
.describe
{
color: #666686;
font: 11px Tahoma, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(../images/resiz_images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/resiz_images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('../images/resiz_images/nextlabel.gif') no-repeat right 15%; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}
#pm_popup {
position:absolute;
top:150px;
border:1px solid;
width:45%;
margin-right: 0 0 0 0;
margin-left: 0 0 0 0;
}
table.guest_border
{
border: 1px solid #EAE3D1;
background-color: #D5DAE2;
}
.quotetop{
background: #EDE7E2 url(../images/css_img_quote.gif) no-repeat left;
border: 1px dotted #000;
border-bottom: 0;
border-left: 4px solid #9E9A89;
color: #000;
font-family: Tahoma;
font-weight: bold;
font-size: 10px;
margin: 2px auto 0 auto;
padding: 5px;
}
.quotemain{
background: #FFF;
border: 1px dotted #000;
border-left: 4px solid #9E9A89;
border-top: 0;
color: #000;
padding: 4px;
margin: 0 auto 0 auto;
}
.codetop,
.sqltop,
.htmltop{
background: #EEEEEE url(../images/css_img_code.gif) no-repeat left;
border: 1px dotted #000;
color: #000;
font-weight: bold;
margin: 0px;
padding: 6px;
width: 730px;
float: left;
}
.codemain {
background: #FAFCFE;
color: #465584;
font-family: Tahoma;
font-size: 11px;
margin: 0 auto;
margin-left: 0px;
padding: 6px;
border: 1px dotted #000;
height: 15%;
width: 730px;
text-align: left;
overflow: auto;
direction: ltr;
clear: both;
}
.resizebar{
background: #ffffe1 url(../images/resize.gif) no-repeat right;
border: 1px dotted #000;
color: #000;
font-family: Tahoma;
font-size: 7pt;
padding-bottom:7px;
}
.preview {
background: #F5F8F7;
font: bold 16px Arial;
}
.alerts
{
color: #000080;
}
table.tools_table{
background: transparent url(../images/barl.gif);
border: 1px solid #989A9C;
text-align: center;
padding: 6px;
width: 98%;
}
table.tools_table td{
color: #fff;
font: normal 11px Tahoma;
padding: 3px;
}
.tools_table a:link
{
color: #fff;
text-decoration: none;
}
.tools_table a:visited
{
color: #fff;
text-decoration: none;
}
.tools_table a:hover, .tools_table a:active
{
color: #fff;
text-decoration: none;
}
.pbbmenu
{
background: #D8D8D8 url(../images/main_bar.gif);
border: 1px solid #ffffff;
color: #fff;
font-family: Tahoma;
font-size: 9pt;
text-align: center;
padding : 5px;
}
.pbbmenu a:link
{
color: #fff;
text-decoration: none;
}
.pbbmenu a:visited
{
color: #fff;
text-decoration: none;
}
.pbbmenu a:hover, .pbbmenu a:active
{
color: #fff;
text-decoration: none;
}
.top_forum_bar{ /*mainbar*/
background: #D8D8D8 url(../images/main_bar.gif);
font-family: Tahoma;
color: #fff;
padding : 3px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;
}
.top_forum_bar a:link
{
color: #fff;
text-decoration: none;
}
.options_subject_bar
{
border: 0px 0px 0px 0px;
}
.redirect
{
border-left: 1px solid #969EA2;
border-right: 1px solid #969EA2;
border-bottom: 1px solid #969EA2;
background-color: #F0F4F7;
font-family: Tahoma;
color: #fff;
font-size: 9pt;
}
/* Start CSS Calendar */
.Calendar_Main_Border {
border: 1px solid #6593CF;
font-family: Tahoma;
font-size: 9pt;
padding : 6px;
}
.Calendar_Title_Background_Color {
background-color: #F0F4F7;
background-image: url(../images/main_bar.gif);
border-bottom: 1px solid #ffffff;
font-family: Tahoma;
font-size: 9pt;
padding : 6px;
color: #fff;
}
.Calendar_ToDay_Background_Color {
background-color: #ECECF5;
background: #00FF00 url(../images/gradient_tcat.gif);
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
font-family: Tahoma;
font-size: 10pt;
color: #ffffff;
font-weight: bold;
padding : 10px;
}
.Calendar_NormalDay_Background_Color {
background-color: #E1E9F0;
background: #D8D8D8 url(../images/main_bar.gif);
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
padding : 10px;
color: #fff;
}
.Calendar_MouseOver {
background-color: #F5F8F7;
border-left: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
font-family: Tahoma;
font-size: 10pt;
font-weight: bold;
padding : 10px;
}
.Calendar_first_day_array
{
background-color: #F5F8F7;
border-width: 1px;
border-style: solid;
text-align: center;
padding : 6px;
}
/* END CSS Calendar */
#logostrip{
background: #EDEDED url(../images/bg_header.gif);
height: 83px;
margin: 0;
padding: 0;
}
#logographic{
background: transparent url(../images/logo.jpg) no-repeat right;
height: 83px;
margin: 0;
padding: 0;
}
.drop_menu /*القائمة المنسدلة للأزرار*/
{
position: absolute;
z-index: 1;
border:1px solid #969EA2;
}
.popmenubutton{ /*لون الازرار*/
width:95px;
white-space:nowrap;
background-color: #EDEDED;
border:1px solid #3A4F6C;
color: #013E46;
font-family: Tahoma;
font-size: 9pt;
float:left;
height:15px;
text-align:center;
margin:0px;
padding:3px;
}
.popmenubutton a:link,
.popmenubutton a:visited
{
color: #3A4F6C;
text-decoration: none;
}
.popmenubutton a:hover
{
color: #5176B5;
text-decoration: none;
}
.searchlite {
background-color:yellow;
font-weight:bold;
color: red;
}
[1]
مَلَفْ [css] مَعْ اَلْشَرْحْ
رَبِنَـآ‘ يِوَفَقْكُمٍْ 
تحميل محتوى الموضوع
عرض نسخة صالحة للطباعة
أرسل هذا الموضوع إلى صديق