/* Theme Name: NewsTube Theme URI: http://www.komala.com Description: A news/magazine theme. Author: Rzgar Author URI: http://www.komala.com Version: 1.0 Tags: 2-columns, advertise-ready, widget-ready, advanced-theme-options */ /*---------------------------------------------------------------------------------------- INDEX 1. Reset 2. Defaults 3. Hyperlinks 4. Advertisement 5. Search Form 6. Header 7. Dropdown Menu 8. Container 9. Featured News 10. Breaking News 11. Postbox 12. Content 13. Entry 14. Paths 15. Archive 16. Images 17. Sidebar 18. Subscribe 19. Tabber 20. Widgets 21. Calendar 22. Comments 23. Comments Form 24. Pagination 25. Footer ------------------------------------------------------------------------------------------*/ /* 1. Reset */ @import "css/reset.css"; /* 2. Defaults */ body { background-color: #DDD; /*background-image: url(/wp-content/themes/rzgar/images/single.png); background-repeat: no-repeat;*/ font-size:13px; font-family: Tahoma, "unikurd web", Arial; font-color: #282828; direction:rtl; line-height:150%; } input { font-family: Tahoma, "unikurd web", Arial, Helvetica, sans-serif; } .clear { clear: both; } .right { float: right; } .left { float: left; } /* 3. Hyperlinks */ a, a:visited, a:active { color: #bf5d06; text-decoration: none; } a:hover { color: #16387c; text-decoration: none; } a:focus, a:hover, a:active { outline: none; } a img { border: #fff solid; } /* 4. Advertisement */ .ad728x90 { width: 728px; height: 90px; margin: 9px 0px 0px 0px; border: 0px solid #fff; } .ad300x250 { width: 300px; height: 250px; margin-bottom: 10px; padding: 0px 0px 15px 0px; border-bottom: 4px solid #B8240D; } /* 5. Search Form */ #search { margin: 2px 0px 0px 0px;} .searchinput { display: inline; float: right; width: 100px; height: 14px; margin: 1px 0px 0px 0px; padding: 2px 4px 2px 5px; font-size: 11px; color: #666; border: 1px solid #e6e6e6; } .searchsubmit { display: inline; float: left; background: url(images/search.png) repeat-x center; width: 29px; height: 20px; margin: 2px 5px 0px 3px; border: none; cursor: pointer; } /* 6. Header */ #header { background:#EC1D24; background-image: url(images/bg-header.png) repeat-x; height: 110px; margin: 0px 0px 0px 0px; padding: 5px 7px; line-height: 90px; border-top: 0px solid #fff; } .imagelogo { float: left; background: url(images/logo.png) no-repeat; width: 260px; height: 100px; margin: 10px 0px 0px 0px; cursor: pointer; } .textlogo { display: inline; float: left; width: 210px; margin: 20px 0px 0px 5px; text-transform: uppercase; color: #fff; } .textlogo h1 { margin: 0px 0px 7px 0px; font: 44px/44px "unikurd web", Impact, Arial Black; } .textlogo h2 { font: 12px/16px Arial; } .textlogo a, .textlogo a:hover, .textlogo a:visited { color: #fff; text-decoration: none; } /* 7. Dropdown Menu */ #menu { background: #010D37; height: 35px; border-top: 1px dotted #FFFFFF; border-bottom:1px solid #efefef; position:relative; z-index: 100; } #menu ul { float:right; } #menu ul li { position: relative; display: inline; float:right;} #menu ul li .first { background: none !important; padding-right: 10px; } #menu ul li a { display: block; background: url(images/slash.png) no-repeat left center; padding: 3px 4px 2px 14px; font: 16px "Times New Roman", Arial, Tahoma, "unikurd web", sans-serif; font-weight:bold; /*text-transform: uppercase;*/ color:#dfdfdf; } * html #menu ul li a { display: inline-block; float: right;} * html #menu ul li ul li a { float: none; } #menu ul li a:link, #menu ul li a:visited{ color: #FFFFFF; text-decoration: none;} #menu ul li a:hover, #menu .current-cat a, #menu .current-cat-parent a, #menu .select a{ /*background-color: #EC1D24;#16387c*/ text-decoration: underline;} #menu ul li ul { display: block; position: absolute; left: 0px; margin: 0px 0px 0px 4px; padding: 0px; visibility: hidden; border-bottom: 1px solid #afafaf; z-index: 95;} #menu ul li ul li { display: list-item; float: none; background: none; padding: 0px; font-size: 12px; } #menu ul li ul li ul { top: 0px; margin: 0px; } #menu ul li ul li a, #menu .select ul li a { width: 150px; height: auto; font: bold 12px Tahoma, "unikurd web", Arial; color:#171717; padding: 3px 10px; margin: 0px; background: #f9f9f9; text-align: right; text-decoration: none; text-transform: capitalize; color: #222; border-top: 1px solid #afafaf;} #menu ul li ul li a:hover{ background: #f0f0f0; color: #222; text-decoration: none; } /* 8. Container */ #wrapper { background: #FFFFEE; width: 960px; margin: 5px auto; } #inner { background: #fff; width: 930px; padding: 20px 15px 15px 15px; } #column1 { float: left; background: #fff; width: 600px; padding: 0px 15px 0px 0px; border-right: 1px solid #ddd; } /* 9. Featured News */ #featured { background: #fff; margin: 0px 0px 15px 0px; } #featured h1 { margin: 0px 0px 5px 0px; font: 19px/22px "Times New Roman", "Unikurd web", Tahoma, Times, serif; font-weight: bold; } #featured h2 { margin: 10px 0px 3px 0px; font: 17px/18px "Times New Roman", "Unikurd web", Tahoma, Times, serif; font-weight: bold; } #featured h1 a { color: #B81212; } #featured h2 a { color: #094F95; } .featuredthumb { position: relative; } .featuredpost { background: #111; opacity: .75;filter: alpha(opacity=75); position: absolute; width: 285px; left: 0px; bottom: 4px; padding: 5px; } .featuredpost a, .featuredpost a:hover { font: 18px/20px arial, "unikurd web", Georgia, "Times New Roman", Times, serif; color: #fff; } /* 10. Breaking News*/ #breaking { background: #fff; width: 600px; padding: 10px 0px 15px 0px; border-top: 4px solid #B8240D; } .breakingbox { display: inline; float: left; background: #f5f5f5; width: 140px; height: 140px; margin: 10px 10px 0px 0px; border-bottom: 1px dotted #ccc; } .breakingbox h2 { padding: 0px 5px; font: 15px/14px Arial, Tahoma, "unikurd web", Helvetica, sans-serif; text-align:center; line-height:120%;} .breakingbox a {color:#500000;} /* 11. Postbox */ .postbox { width: 600px; padding: 10px 0px 15px 0px; border-top: 4px solid #B8240D; } .postbox h2 { margin: 3px 0px 5px 0px; font: 16px/18px "unikurd web", Georgia, "Times New Roman", Times, serif; font-weight: bold; } .postbox h2 a, .postbox h2 a:visited { color: #16387c; } .postbox h2.normal { margin-top: 0px; font-weight: normal; } .postbox ul { margin: 10px 0px 0px 0px; } .postbox li { background: url(images/dot-gray.gif) no-repeat right 8px; padding: 2px 0px 3px 10px; font-size: 1em; line-height: 15px; } .postbox li a, .postbox li a:visited { color: #16387c; margin: 10px 9px 0px 0px; } .boxleft { float: left; width: 295px; margin: 10px 0px 0px 0px; } .boxright { float: right; width: 295px; margin: 10px 0px 0px 0px; } .date { font-size: 10px; color: #B8240D; text-transform: uppercase; } .gray { font-size: 9px; color: #666; } .readmore a { font-size: 11px; font-style: italic; color: #B8240D; } /* 12. Content */ #fullcontent { float: left; background: #fff; width: 930px; margin: 0px 0px 15px 0px; } #content { float: left; background: #fff; width: 600px; padding: 0px 15px 15px 0px; border-right: 1px solid #ddd; } h2.pagetitle { padding: 0px 0px 10px 0px; font-family: "unikurd web", Impact; font-size: 22px;} h2.pagetitle a, h2.pagetitle a:hover { color: #222 !important; text-decoration: none; } .posttitle { margin: 0px 0px 10px 0px; font: 19px/24px Tahoma, "unikurd web", Georgia, "Times New Roman", Times, serif; color: #700000; } .posttitle a, .posttitle a:visited { color: #222; } .postmeta { width: 100%; margin: 0px 0px 5px 0px; } .postmeta .comment { background: url(images/comment.png) no-repeat right 0px; padding: 0px 20px 0px 0px; } /* 13. Entry */ .entry { padding: 15px 0px 10px 0px; color: #222; line-height: 1.4em; border-top: 1px solid #ddd; } .entry p { font: 15px/17px Tahoma, "unikurd web", Georgia, "Times New Roman", Times, serif; line-height:150%; padding-bottom: 10px; } .entry strong { font-weight: bold; } .entry em { font-style: italic; font-weight: normal; } .entry strong em, .entry em strong { font-style: italic; font-weight: bold; } .entry h1 { font: 22px/24px "unikurd web", Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 0px 0px 7px 0px; } .entry h2 { font: 20px/22px "unikurd web", Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 0px 0px 7px 0px; } .entry h3 { font: 18px/20px "unikurd web", Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 0px 0px 7px 0px; } .entry h4 { font: 16px/18px "unikurd web", Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 0px 0px 7px 0px; } .entry h5 { font: 14px/16px "unikurd web", Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 0px 0px 7px 0px; } .entry h6 { font: 13px/15px "unikurd web", Georgia, "Times New Roman", Times, serif; font-weight: bold; padding: 0px 0px 7px 0px; } .entry a, .entry a:visited { color: #16387c; } .entry a:hover { color: #16387c; text-decoration: underline; } .entry a img { border: none; } .entry ul { margin: 0px 0px 0px 7px; padding-bottom: 10px; list-style: none;} .entry ol { margin: 0px 0px 10px 25px; list-style-type: decimal; } .entry ol ol { list-style: upper-alpha; } .entry ol ol ol { list-style: lower-roman; } .entry ol ol ol ol { list-style: lower-alpha; } .entry ul ul, .entry ol ol, .entry ul ol, .entry ol ul { margin-bottom: 0px; } .entry ul li { background: url(images/dot-gray.gif) no-repeat 0 7px; padding: 2px 0px 3px 10px; font-size: 12px; line-height: 15px; } .entry ol li { padding: 3px 0px 3px 0px; font-size: 12px; line-height: 15px; } .entry li a:link, .entry li a:visited { color: #222; } .entry li a:hover { color: #16387c; } .entry li ul { margin: 0px;padding: 0px; } .entry del { text-decoration: line-through;color: #aaa; } .entry ins { text-decoration: underline; font-weight: bold; } .entry blockquote { margin:20px 0; padding:15px 15px 1px 15px; background: #f5f5f5; border: 1px solid #eee; border-width: 1px 0px; font-family: "unikurd web", Georgia,"Times New Roman",Times,serif; } .entry blockquote p, blockquote a, blockquote { color:#999; font-style:italic; font-size: 1em; } .entry dfn { font-weight: bold; } .entry pre, .entry code, .entry tt { margin: 1.5em 0px; white-space: pre; display: block; } .entry pre, .entry code, .entry tt { font: 0.8em 'unikurd web', 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.7; background: #f5f5f5; overflow: auto; padding: 1em; color: #999; } .entry hr { background: #e6e6e6; color: #e6e6e6; clear: both; width: 100%; height: 1px; margin: 15px 0px; border: none; } .entry input, .entry textarea { font-size: 1em; padding: 3px; } .tags { background: #fff url(images/tag.gif) no-repeat right; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 20px; color: #222; } .tags a, .tags a:visited { color: #222; text-decoration: none; } .tags a:hover { color: #16387c; text-decoration: underline; } /* Paths */ #paths {width: 580px;border:1px solid #ddd;float:left;margin-bottom:25px;padding:6px 10px;overflow:hidden;font-size: 12px;color: #444;} #paths a,#paths a:visited,#paths strong {padding:5px 0px;} #paths strong { font-weight: bold; } #paths a {color: #16387c;text-decoration: underline;} #paths a:hover { text-decoration: none;} #paths a.home, #paths a.home:visited { background:url(images/icon_home.png) no-repeat right center; padding-right:14px; } /* 15. Archive */ .archive { padding: 15px 0px; border-bottom: 1px solid #ddd; } .archive img { padding: 0px 10px 0px 0px; } .archive h2 { margin: 0px 0px 8px 0px; font: 20px/22px "unikurd web", Georgia, "Times New Roman", Times, serif; } .archive h2 a, .archive h2 a:visited { color: #16387c; } /* 16. Images */ img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0px; } img.alignnone { padding: 0px; margin: 0px 0px 10px 0px; display: inline; } img.alignright { padding: 0px; margin: 0px 0px 10px 10px; display: inline; } img.alignleft { padding: 0px; margin: 0px 10px 10px 0px; display: inline; } .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } .alignright { float: right; margin: 0px 0px 10px 10px; } .alignleft { float: left; margin: 0px 10px 10px 0px; } .wp-caption { background: #F7F7F7; text-align: center; padding: 4px 0px 5px 0px; border: 1px solid #e6e6e6; } .wp-caption img { margin: 0px 0px 5px 0px; padding: 0px; border: 0px; } .wp-caption p.wp-caption-text { margin: 0px; padding: 0px; font-size: 12px; font-weight: normal; line-height: 12px; } /* 17. Sidebar */ #sidebar { float: right; background: #fff; width: 300px; } #sidebar li ul { border: none;} #sidebar a, #sidebar a:visited { color: #191919; } #sidebar a:hover { color: #16387c; } .widgetbox { margin: 10px 0px 10px 0px; padding-bottom: 15px; border-bottom: 4px solid #B8240D; } .widgettitle { font-family:"Times New Roman", Tahom, serif; font-size:14px; color:#F00;} .widgetnews { background: #f5f5f5; margin: 0px 0px 1px 0px; padding: 10px 5px; border-bottom: 1px solid #eee; } .widgetnews img { float: left; padding: 0px 10px 0px 0px; } .adtext {margin-bottom: 10px;color: #999;font-size: 10px;text-transform: uppercase;} /* 18. Subscribe */ #subscribe { background: #fafafa url(images/graybg.png) repeat-x scroll center bottom; padding: 8px 5px; border: 1px solid #ddd; font-size: 90%; } .subscribe_icons { width: 285px; margin: 0px auto; } .subscribe_icons li { display: inline; float:left; margin: 0px 2px 5px 2px; width: 52px; text-align: center; font-size: 11px; } .subscribe_icons a { display:block; padding: 40px 0 2px; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; } .subscribe_icons a:hover { color:#444; text-decoration: none; -moz-box-shadow: 0 2px 4px hsla(0,0%,0%,.35); -webkit-box-shadow: 0 2px 4px hsla(0,0%,0%,.35); } .subscribe_icons .subscribe_buzz a { background: url(images/buzz.png) center top no-repeat; } .subscribe_icons .subscribe_twitter a { background: url(images/twitter.png) center top no-repeat; } .subscribe_icons .subscribe_facebook a { background: url(images/facebook.png) center top no-repeat; } .subscribe_icons .subscribe_rss a { background: url(images/rss.png) center top no-repeat; } .subscribe_icons .subscribe_email a { background: url(images/email.png) center top no-repeat; } /* 19. Tabber */ .tabber { width: 298px; margin: 0px 0px 5px 0px; } .tabber ul { background: #fff; } .tabs { display: block; margin: 1px 0px 0px 0px; } .tabs li { float: right; display: inline; background: #f9fafa url(images/graybg.png) repeat-x; } .tabs li a { display: block; margin: 1px 0px 0px 0px; padding: 2px 8px; font-size: 11px; font-weight: bold; /*text-transform: uppercase;*/ border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } .tabs li a:hover { color: #16387c; text-decoration: none; } .tabs li a.selected, .tabs li a.selected:hover { background: #fff; color: #16387c; border-bottom: 1px solid #fff !important;} .tabcontent { display: none; width: 278px; margin: -1px 0px 0px 0px; padding: 10px 10px 5px 10px; border: 1px solid #ddd; } .tabcontent li { list-style:decimal inside; margin: 0px 0px 0px 18px; padding: 0px 0px 5px 0px; color: #666; } /* 20. Widgets */ .widget { width: 300px;} .widget ul li { background: url(images/dot-gray.gif) no-repeat left 9px; padding: 3px 0px 3px 10px; } .halfwidth ul li { float: left; width: 140px; } h1.widgettitle { padding: 0px 0px 0px 0px; font-family: "unikurd web", Impact; font-size: 22px; text-transform: uppercase; } h1.widgettitle a, h1.widgettitle a:hover { color: #222 !important; text-decoration: none; } /* 21. Calendar*/ #wp-calendar { width: 100%; } #wp-calendar, #wp-calendar th, #wp-calendar caption { text-align:center; } #wp-calendar th { background: #f5f5f5; padding: 3px; border: 1px solid #f0f0f0; } #wp-calendar td { padding: 5px 2px; border: 1px solid #f0f0f0; } #wp-calendar caption { background:transparent; font-weight:bold;padding: 3px 0px 7px 0px; color: #333; } #wp-calendar #today { background: #f5f5f5; font-weight:bold; } /* 22.Comments */ #comments { border-top: 1px solid #ddd; position: relative; margin-top: 0px;padding: 20px 0px 0px 0px; } #comments h3 { font-size: 16px; font-weight: bold; color: #333; padding-bottom: 20px; } #comments .comment { margin-top: -1px !important; list-style-type: none;} #comments .avatar { float: left; } #comments img.avatar { background: #fff; padding: 2px; border: 1px solid #e6e6e6; } #comments .comment-right { margin-left: 75px; } #comments .comment .comment-container { padding: 3px 0px; } #comments .comment-head { border-bottom: 1px solid #ddd; height: 30px; line-height: 30px; padding: 0px; margin: 0px; } #comments .comment-head .name { font-family: "unikurd web", Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 0px 0px -5px 0px; font-weight: bold; font-size: 12px; } #comments .comment-head .date { font-family: "unikurd web", Georgia, "Times New Roman", Times, serif; text-transform: none; } #comments .comment-head .date a, #comments .comment-head .edit { font-size: 11px; color:#777; padding: 0px 5px 0px 0px; } #comments .comment-entry { background:#fff; color:#555; padding:10px 0px 0px 0px; border-width:0 1px 1px 1px; font-size:14px; line-height:150%; } #comments .comment-entry p { margin: 0 0 0px 0; } #comments li { padding: 15px; border: 1px solid #ddd; } #comments ul.children { padding:10px 10px 10px 25px;margin:0; } #comments .cancel-comment-reply {margin-bottom:10px; font-family: "unikurd web", Georgia, "Times New Roman", Times, serif; } #comments .cancel-comment-reply a { color: #16387c; } #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments .reply { margin: 15px 0px 0px 0px; } #comments a.comment-reply-link { color:#16387c; font-family: "unikurd web", Georgia, "Times New Roman", Times, serif; font-size:11px; text-decoration: underline; } #comments a.comment-reply-link:hover { text-decoration: none; } #comments .unapproved { text-align:center; padding: 5px; } /* 23. Comments Form */ #respond { margin: 0px; padding: 25px 0px 20px; border-bottom: 1px solid #ddd;} #comments #respond { padding:20px 0px; } #respond h3 { font-size: 16px; font-weight: bold; color:#222; padding-bottom:10px; } #respond .left { float: left; width: 200px; } #respond .right { float: left; width: 350px; } #commentform { margin: 15px 0 0 0; font-family: "unikurd web", Arial, Helvetica, sans-serif; } #commentform input.txt { color: #555; width: 180px; margin: 0px 10px 10px 0px; } #commentform textarea { color: #555; width: 100% !important; } #commentform #submit { margin: 15px 0px 0px 0px; } #commentform #submit { padding: 3px 6px; color: #fff; font-weight: bold; font-size: 11px; text-transform: uppercase; text-shadow: #555 0px 1px; background-color: #16387c; border: 1px solid #ddd; } #commentform #submit:hover { cursor:pointer; opacity:0.8; } input.txt,textarea{ background: #f5f5f5 !important; border:1px solid #ddd; border-color: #ddd #eee #eee #ddd; padding: 3px 5px;} input.txt:focus,textarea:focus { background:#FFF !important; border:1px solid #ccc; color: #111!important;} /* 24. Pagination */ .pagenavi { padding: 10px 0px 0px 0px; } .nextprev a { padding: 7px 0px; } /* 25. Footer */ #footer { background: #fff; margin: 10px 0px 0px 0px; font-size: 11px; } #footer ul { display: inline; } #footer li ul { display: inline; background: none; margin: 0px; padding: 0px; border: none; } #footer ul li { display: inline; float: left; margin: 0px 0px 0px 0px; padding: 0px 8px 0px 0px; list-style: none;} #footer li li { display: inline; } #footer li a { color: #16387c; } .footerline { float: left; display: inline; width: 600px; height: 1px; margin: 0px 0px 0px 0px; border-top: 4px solid #B8240D; } .footerlogo { margin: 0px 10px 0px 0px; }