/*Theme Name: D3wa Description: تصميم خاص بموقع دعوة. Version: 1.0 Author: Khalid AlGhamdi*/ /*CSS General Reset*/* { padding: 0; border: 0; text-decoration: none; vertical-align: baseline; white-space: normal;} body { font-size: 12px; font-family:tahoma, Helvetica, sans-serif; background: #fafaed url(images/background.png) repeat-x ; color: #555; margin:0; padding:0; }#wrap { width:960px; margin:0 auto; } /* Headings */ h1,h2,h3,h4,h5,h6 { font-family:tahoma, "Times New Roman", Times, serif; font-weight:normal; }h1{ font-size:16px; } h2{ font-size:14px; } h3{ font-size:14px; } h4{ font-size:13px; } h5{ font-size:10px; } h6{ font-size:8px; } /* General Links */a:link,a:active,a:visited,a:hover{ color:#0000ff; outline: none; text-decoration:none; } a:hover{ text-decoration:none; color:#222; } /* Top */ #top{ margin:5px 0 0 0; padding:0; } /* Header */ #header { margin:0; padding:0; height:120px; } #header h1 { margin:20px 0 10px 0; padding: 0; font-size:25px; font-family:Georgia, "Times New Roman", Times, serif; } #header h1 a:link,#header h1 a:active,#header h1 a:visited{ display:block; background: url(images/logo.png) no-repeat right; height:120px; width:200px; } .description { font-size:14px; margin:0; padding:0; color:#fff; } img.head-add{ float:left; width:500px; margin-top:50px; margin-right:10px; } /* Navbar */ #nav{ margin:10px 0 15px 0; height:40px; padding:0; } ul.nav{ width:660px; float:right; } #nav ul { margin: 5px 0 0 0; padding: 0 ; list-style: none; }#nav li { margin: 0; float:right; padding:0; } #nav ul li a:link,#nav ul li a:active,#nav ul li a:visited { display: block; margin: 1px; padding:10px 12px 11px 12px; text-decoration: none; font-family:tahoma, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; text-transform:uppercase; color:#fff; height:18px; height:18px; } #nav ul li a:hover { display: block; color:#333366; background:url(images/top_menu_active.png) repeat-x; } .current_page_item a:link, .current_page_item a:visited, .current_page_item a:active { color: #333366 !important; background:url(images/top_menu_active.png) repeat-x; } #nav li ul { position: absolute; width: 10em; left: -999em; }#nav li:hover ul { left: auto; display: block;} #nav li:hover ul, #nav li.sfhover ul { left: -999em;} /* Search Box */ .search-box { margin:0 3px ; padding:0; float:left; } #search #searchsubmit { margin:5px; } input#s { background:#ffff; border:1px solid #d3d3d3; height:18px; width:160px; padding:0 2px 3px 5px; float:left; margin-right:3px; margin-top:13px; color:#333; } input#sbutt { margin:8px 0 0px 8px ; padding:0; height:30px; width:30px; color:#eee; background: url(images/search.png) no-repeat; border:none; } /* Content */ #content { margin:0 0 10px 0; padding:5px 0 0 0; height:1%; } .clear { height:1px; clear:both; } /* Left Container */ #left-container { width:630px; margin:0; float:left; } /* archive */ .archive { margin:0 10px 10px 5px; padding:5px; background:#355175 ; border:1px solid #d3d3d3; } .archive h2 { font-size:16px; font-weight: bold; background: url(images/ico_posts.png) no-repeat right 0px ; font-family:arial; color:#fff; margin:0px; padding:0px 25px 3px 3px; } /* Entry */ .entry { margin:0 10px 10px 5px; padding:10px; background:#fff ; border:1px solid #d3d3d3; } .entry h2 { font-size:20px; font-weight: bold; text-align:center; font-family:Simplified Arabic; color:#0000ff; margin:5px 0 10px 0; } .article { font-size:18px; font-family:Simplified Arabic; margin:0 0 10px 0; line-height:30px; } .post .info { line-height: 20px; float: right; padding-left: 20px; margin-left:0px; background: url(images/datesmall.gif) no-repeat left center;} .post .viewsc { line-height: 20px; float: right; margin-left:15px; background: url(images/monitor.png) no-repeat left center; padding-left: 20px;} .post .category { line-height: 20px; float: right; padding-left: 20px; margin-left:15px; margin-right:15px; font-size: 1em; color: #aaa; background: url(images/catsmall.png) no-repeat left center;} .post_author{ line-height: 20px; float: right; padding-left: 20px; margin-left:15px; font-size: 1em; background: url(images/author.png) no-repeat left center;} .post .tags { float: left; color: #aaa; border-top: 0px solid #eee;} .entry { margin:0 10px 10px 5px; padding:10px; background:#fff ; border:1px solid #d3d3d3; } .post_follow { background: #fffff4; padding: 5px; color: #666; border: 1px solid #d3d3d3;} .postcat { background:#f0f0f0; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; margin:0px; padding:3px; } /* Right Container */ #right-container { width:330px; margin:0; float:right; margin-right:0px; } /* Sidebar */ #sidebar {margin:0 0 10px 0;} #sidebar h2{ font-size:13px; font-weight: bold; margin:0 0 5px 0; padding:3px 10px 0 10px; color:#fff; background:#355175; height:24px; } #sidebar ul { margin:0; padding:0; list-style:none; } #sidebar li { padding:3px; margin:0px 1px 10px 1px; display:block; background:#fff ; border:1px solid #d3d3d3; } #sidebar ul ul li{ margin:0; padding:5px; background: url(images/libg.gif) no-repeat right; padding-right:15px; border:0px } #sidebar ul ul ul { margin:0; padding:0; } #sidebar ul ul ul li{ margin:0; padding:3px 2px 3px 20px; border-bottom:none; } #tag_cloud {padding:0 0 10px 0; } #tag_cloud h2{ margin-bottom:10px; } #tag_cloud a{ padding-left:5px; } .sidebar1 {width: 330px;}.sidebar2 { width: 160px; float: left; display: inline;} .sidebar1 ul ul, .sidebar2 ul ul { font-size:12px; color: #777; line-height: 1.4em;} .sidebar1 li li { padding: 5px 2px 2px 5px;} .sidebar2 li li { padding: 5px 2px 2px 5px;} .sidebar1 li li li { padding: 5px 2px 2px 5px;} .sidebar2 li li li { padding: 5px 2px 2px 5px;} /* Adds */ .adds{ padding:23px 5px 8px 17px; background:#fff; margin:0 0 13px 0; border:1px solid #d3d3d3; } .adds img{ margin:0px 7px 0 7px; } /*Comments*/ .post .commentnum { float: left; margin-left:15px; background: url(images/comments.png) no-repeat left center; padding-left: 20px; line-height:16px; } .commentlistdiv { margin-top: 10px; padding: 10px;} .commentlistdiv h1 { font-size: 1.3em; color: #366799; border-bottom: 1px solid #eee; line-height: 1.5em;} .commentlist li { display: block; background: #F1F1F1; margin: 10px; border: 1px dotted #ddd; font-size: 13px; color: #666;} .commentlist li.alt { display: block; background: #fff; margin-top: 10px; border: 1px dotted #ddd; font-size: 13px; color: #666;} .pane_l { float: left; display: inline; width: 160px; min-width: 160px; max-width: 160px; border-right: 1px dotted #ddd; padding-right: 20px; margin-right: 20px;} .pane_r { display: block; line-height: 1.5em; margin-left: 201px;} .c_author { font-size: 0.9em; font-weight: bold; margin: 0px 0px 7px 0px;} .c_avatar { display: block; margin: 0px 0px 7px 0px;}.c_date { color: #aaa; font-size: 0.9em; margin: 0px 0px 7px 0px;} .c_approved { color: #aaa; font-size: 0.9em;} /*Reply*/.reply { margin-top: 10px; padding: 10px; font-size: 13px; color: #666;} .reply h1 { font-size:13px; color: #366799; border-bottom: 1px solid #d3d3d3; line-height: 1.5em;} .reply label { margin-top: 5px; margin-bottom: 5px; vertical-align: middle; color: #666; margin-left: 5px;} .replytext { width: 200px; background: #FFF; margin-top: 5px; margin-bottom: 5px; vertical-align: middle; color: #666; border: 1px solid #d3d3d3; padding: 2px;} .replytext:focus { background: #fffff9;} .replyarea { width: 500px; height: 100px; background: #FFF; margin-top: 5px; margin-bottom: 5px; vertical-align: middle; color: #666; border: 1px solid #d3d3d3; padding: 2px;} .replyarea:focus {background: #fffff9;} .replybutton { cursor: pointer; font-size: 0.9em; font-weight: bold; background: url(images/commentbutton.gif) no-repeat; width: 100px; height: 22px; margin-top: 5px; margin-bottom: 5px; vertical-align: middle; color: #fff;} .replybutton:hover { background: url(images/commentbutton_on.gif) no-repeat;}/* Miscellaneous */.navigation { margin:0; padding:0; } div.aligncenter { display: block; margin-left: auto; margin-right: auto; background:#fff; } .alignright {float: left; margin:3px; padding:3px;border: 1px solid #d3d3d3; } .alignleft {float: left; margin:3px; padding:3px;border: 1px solid #d3d3d3; } blockquote p{ padding:5px; margin:0; border:2px solid #d3d3d3; background:#ffffcc; } /* Captions */.wp-caption { text-align: center; padding-top: 4px; border:1px solid #ddd; background:#eee;}.wp-caption img { margin: 0; padding: 0; border: 0 none;} .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} /* Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } /* Home Entry */ #home-entry { margin:0; padding:0; } .home-entry-1 { width:605px; margin:0 13px 13px 0; padding:5px; background:#fff ; position:relative; border:1px solid #d3d3d3; } .home-entry-post { width:290px; margin:0 13px 13px 0; padding:5px; background:#fff ; position:relative; border:1px solid #d3d3d3; float:left; } .home-entry-post h2{ margin:0; padding:0 0 5px 0; font-size:20px; } .home-entry-post h2 a:link , .home-entry-post h2 a:visited { color:#0000ff; } .home-entry-post h2 a:hover { color:#ab0707; } .home-entry-post p{ padding: 0; margin:0px 0; } .home_author{ line-height: 17px; float: left; padding-left: 20px; margin-left:10px; font-size: 1em; background: url(images/author.png) no-repeat left center; } .home_info { line-height: 17px; float: left; padding-left: 20px; margin-left:0px; background: url(images/datesmall.gif) no-repeat left center; } .home-date { margin:0 0 10px 0; padding-bottom:20px; padding-top:5px; border-bottom:1px solid #d3d3d3; font-size:11px; } .home-date em {float:left;padding:0px;font-style:normal;color:#a0bde3; } .read { display:block; margin-top:10px; } .read img{ border:none;} .read a:link,.read a:active,.read a:visited{ background: url(images/read.png) no-repeat; display:block; height:18px; width:100px; } .home-thumb { width:80px; height:80px; background:#eee; margin:2px 5px 5px 0; padding:3px; border:1px solid #ddd; float:left; } .home-thumb img { border:none; width:80px; height:80px; } img.add { margin-bottom:15px; } .comm{ width:32px; height:32px; position:absolute; right:5px; top:5px; background: url(images/comment.png) no-repeat; } .comm a:link, .comm a:active, .comm a:visited{ margin:11px; font-size:15px; line-height:1.8em; color:#000; } .comm a:hover{ color:#ab0707; } /* Video */ #video { margin-bottom:15px; padding:10px; background:#e9e8e5; border:1px solid #aaa; } h2 .video{ margin-top:5px;} /*Blog Information Section*/#bloginfo { background: #355175; margin-top:10px; border-top: 2px solid #a6a694; border-bottom: 0px solid #000000;} #bloginfobox { width: 960px; font-size: 0.8em; margin-right: auto; margin-left: auto; padding: 0px;} #bloginfo ul {width: 960px;} #bloginfo ul li.posts ul { width: 300px; padding: 0px;} #bloginfo ul li.comments ul {width: 300px;padding: 0px;} #bloginfo ul li.tags ul {width: 300px;padding: 0px;}#bloginfo a {color: #d3d3d3;}#bloginfo a:hover {text-decoration: underline;}#bloginfo ul li {display: block;float: right; margin:3px;} #bloginfo ul li ul li {float: none} #bloginfo ul li.posts h2 { display: block; background: url(images/ico_posts.png) no-repeat right 3px; border-bottom: 3px solid #5486b7; padding-right: 30px; margin:5px; line-height: 1.7em; font-size:13px; color: #fff;} #bloginfo ul li.comments h2 { display: block; background: url(images/ico_comments.png) no-repeat right 3px; border-bottom: 3px solid #5486b7; padding-right: 30px; margin:5px; line-height: 1.7em; font-size:13px; color: #fff;} #bloginfo ul li.tags h2 { display: block; background: url(images/ico_tags.png) no-repeat right 3px; border-bottom: 3px solid #5486b7; padding-right: 30px; margin:5px; line-height: 1.7em; font-size:13px; color: #fff;}#bloginfo ul li.posts ul li { display: block; background: url(images/bullet.png) no-repeat right 8px; padding-right: 10px; margin:0px 10px 0px 0px;} #bloginfo ul li.comments ul li { border-bottom: 1px solid #767676; padding: 3px; margin:10px;} #bloginfo ul li.tags ul li { border-bottom: 1px solid #767676; padding: 3px; margin:10px;} #bloginfo ul li.comments ul li a { display: block; background: url(images/ico_comment.png) no-repeat right 3px; padding-right: 20px; line-height: 1.8em; font-weight: bold;} #bloginfo ul li.comments ul li a span { font-weight: normal;} #bloginfo ul li.tags ul li a {line-height: 1.3em;text-transform: lowercase;} .r_time {font-size: 0.7em;float:left;}.r_head {font-size: 13px;} /*Footer CSS*/#footer {background:#2a3f66;} #footer a { color: #FFF;} #footer a:hover { color: #FFF;} .copyright { color:#fff; margin-right: auto; margin-left: auto; text-align: center; padding: 15px; line-height: 3em;} .credit { float: right; color: #999; line-height: 2em;} a.sitename { border-bottom: 1px dotted #ff9600;} a.footrss { background: url(images/icon-rss.png) no-repeat right center; padding-right: 20px; margin-right: 5px;}.credit a { font-weight: bold; color: #666;} .credit a:hover { color: #ff9600;} /* Coldskin #2 for Contact Coldform WordPress Plugin*/ div#coldform * { padding: 0; margin: 0; border: 0;} div#coldform { font-family: Tahoma; font-size: 12px; margin: 11px 0; width: 500px; color: #777;} div#coldform fieldset { border: 0 none; display: block; clear: both;}div#coldform legend.hide { display: none;} .input:focus, textarea:focus { border: 1px solid #777; color: #aaa;} div#coldform label.label { font-size: 1.1em; color: #888888; display: block; margin: 5px 0; padding-top: 5px; width: 60px; clear: right; float: right;} div#coldform label.label2 {color:#;display:block;font-family:Tahoma;font-size:12px;padding-bottom:10px;width:463px;float:right;clear:right;} div#coldform input.input { font-family: Tahoma; border: 1px solid #dbdbdb; background: #fff; padding: 3px 3px; font-size: 12px; margin-top: 10px; margin-right: 0px; display: block; width: 200px; color: #888; clear: left; float: right;} div#coldform textarea#coldform_message { font-family: tahoma; border: 1px solid #dbdbdb; background: #fff; padding: 1px 3px; font-size: 12px; margin-top: 0px; margin-right: 60px; display: block; width: 470px; color: #888888; clear: right; float: right;} div#coldform input.submit { font-family: Tahoma; border: 1px solid #dbdbdb; margin-right: 60px; margin-top: 10px; background:#355175; font-size: 12px; cursor: pointer; display: block; padding: 3px; width: 150px; color: #FFF; clear: right; float: right;} div#coldform input.check {display:block;margin: 0;padding-bottom: 5px;width:37px;float:right;clear:right;} /* Log in box in side bar*/div#login input.login_submit { font-family: Tahoma; border: 1px solid #dbdbdb; margin-top: 10px; background:#355175; font-size: 12px; cursor: pointer; display: block; padding: 3px; color: #FFF; width: 130px;} div#login input.login_input { font-family: Tahoma; border: 1px solid #dbdbdb; background: #fff; padding: 3px 3px; font-size: 12px; margin: 3px; display: block; color: #888;} div#login { font-family: Tahoma; font-size: 12px; padding:3px; color: #777;} .avatar_container { border: 1px solid #dbdbdb; padding:2px; float:left;} /* Log in box in nav bar */ .login { padding:5px; background:#ffffcc ; border:1px solid #d3d3d3; margin-bottom:10px; } .sidebar_top ul { margin:0; padding:0; list-style:none; } .user_name { font-size:13px; margin:0px; padding:0px; color:#0000ff; height:0px; } /* header Adv*/.adv { float:left; background:#eeeeee; padding:2px; border:0px solid #000000; margin:10px 0px 0px 0px; } /* Related Posts*/ .related_posts { margin:0 10px 10px 5px; padding: 10px; background:#fff ; border:1px solid #d3d3d3; } .related_posts li{ margin:0; display:block; padding:5px; background: url(images/libg.gif) no-repeat right; padding-right:15px; border:0px } .featuredposts { margin:0 12px 10px 0px; padding: 3px; background:#fff ; border:1px solid #d3d3d3; }