كود:
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');
}