/* Theme Name: View Best Ads Theme URI: http://www.viewbestads.com Description: Earn Money by Clicking Ads - An innovative idea to make money online. With Viewbestads.com you can Earn Money by Clicking Ads. Version: 1.0 Author: Indianic Infotech ltd. Author URI: http://www.indianic.com (can be the same project url) Tags: blue, custom header, fixed width, two columns, widgets CSS Version: 1.4 Version Archives ---------------- CSS V1.4 - 18.02.10 1. '.search' instead of '#search' - Search can be used multiple times in single page 2. 'HR' and 'BR' Removed from common elements list 3. 'a:focus' added to remove selected border effect from links in Firefox / Safari 4. '.container' - added as a common medium for spacing between Parent and Child elements to avoid conflicts of 'Width/Height' and 'Paddin/Margin' and get accuracy all across the browsers 5. 'table { padding:inherit; }' Inheritance added for Tables to avoid conflicts in the 'Cell-Padding' and 'Cell-Spacing' 6. '.small' removed to avoid conflict between Class and Element CSS V1.3 - 03.02.10 1. #navigation ID renamed to #nav - to match wordpress requirement avoid confuision with .navigation class 2. Generic usage of classes specially for text properties (text_property) 3. Addition of default UL, OL, LI elements for generic appearance sitewide CSS V1.2 - 19.01.10 1. Usage of Title Tags (H1, H2.. H6) - H1 : Usage only once in page for LOGO with text indent - H2 : Main page title - H3 : Sub titles - H4, H5, H6 : Other titles - All title tags (H1, H2.. H6) will be having FIX font-size, use '.large' and '.small' classes for other font-size variations - Title must be used in descending order (H1, H2.. H6) in HTML document 2. Usage of Padding/Margin - Spacing generated by Padding/Margin will be one directional ( Preferable : Top->Bottom / Left->Right ) - Never use Height/Width and Padding togather in same element ( use Parent(Height/Width) and Child(Padding) in such case ) CSS V1.1 - 12.01.10 1. ClearFix 2. Basic colorcode mention in CSS Doc 3. H1 tag for Logo Display DISCLAIMER ---------- 1. THIS DOCUMENT CONTAINS BASIC STRUCTURAL ELEMENTS AND CLASSES. WE HAVE LISTED OUT ALL THE POSSIBLE DEFAULT ELEMENTS/CLASSES, YOU CAN UPDATE/REMOVE OR CAN ADD ELEMENTS/CLASSES AS PER YOUR HTML STRUCTURE. 2. PLEASE REMOVE THE ELEMENTS THAT ARE NOT IN USE, DONT LEAVE THEM BLANK. 3. REMOVE ALL INFORMATIONAL COMMENTS BEFORE YOU START DEVELOPMENT, THESE COMMENTS ARE JUST FOR OUR INTERNAL USE. */ /* GO THROUGH ABOVE INSTRUCTIONS AND REMOVE THEM, DONT KEEP THEM IN THE DEVELOPMENT PHASE... Theme Name: Project Name Theme URI: http://www.projecturl.com Description: Project Description. Version: 1.0 Author: Client name Author URI: http://www.authorsite.com (can be the same project url) Tags: Get tags from this URL according to theme requirement : http://wordpress.org/extend/themes/tag-filter/ [Basic Color codes] : 1.ColorName : #------ ; 2.ColorName : #------ ; 3.ColorName : #------ ; */ /* !!!!! GLOBAL ELEMENTS !!!!! */ * { padding:0; margin:0; } /* It will remove padding and margin default values from all ELEMENTS */ body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, input, textarea, select, a, blockquote, table, td, th { font-family: Arial, Helvetica, sans-serif; } /* Apply common textual properties */ body { font-size:12px; color:#000000; /* If value is Alphabetic put it in CAPS eg. 'color:#ABCDEF;' */ background:url(images/bg-bodyforblog.jpg) left top repeat-x; } h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } /* HEADERS */ h1 { font-size:20px; } /* This Logo Title (logo - in general case) */ h2 { font-size:18px; } /* This will be sitewide main Title for Content and Elements */ h3 { font-size:16px; } h4 { font-size:15px; } h5 { font-size:14px; } h6 { font-size:23px; } p { } /* All content will be automatically generated in this tag, MUST TO DEFINE */ a,a:link, a:visited { text-decoration:none; color:#919191; } a:hover { text-decoration:underline; color:#000000; } a:active { color:#919191; } a:focus { outline:none; } a img { border:0px;} ul, ol { margin:0 0 10px 20px; } li { margin:0 0 5px 0; } form { margin:0px; } label, input, textarea, select { margin:0px; } table { padding:inherit; } /* padding:inherit; - required for table cell-spacing */ td, th { } /*___ end global elements ___*/ /* !!!!! GLOBAL CLASSES !!!!! */ .alignleft { float:left; } .alignright { float:right; } .alignnone { clear:both; } .spacer { height:12px; font-size:0px; clear:both; line-height:0px; } .spacer5px { height:5px; font-size:0px; clear:both; line-height:0px; } .spacer2px { height:2px; font-size:0px; clear:both; line-height:0px; } .clearfix:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }/* ----- clear fix for floats ----- */ .clearfix { display:inline-block; } * html .clearfix { height:1%; }/* hides clearfix from IE-mac */ .clearfix { display:block; }/* end hide from IE-mac */ small { font-size:10px; } .txt_medium { font-size:13px; } .txt_large { font-size:16px; } .txt_property { property:value;} /* Generic classs for font property : Change proeprty to color, font-size and apply related value */ /*___ end global classes ___*/ /* !!!!! STRUCTURAL CLASSES !!!!! */ #wrapper{ width:100%;} #page { width:900px; margin:0 auto; /* if center align */ } /* Main Parent DIV */ #header { background:url(images/bg-rays.png) center top no-repeat; } #content {margin:0px; padding:17px 0 15px 0; } /* Middle contents / post area */ /* DEFINE COLUMN STRUCTURE - YOU CAN ALSO ADD OTHER CLASSES eg. mediumcolumn AS PER YOUR THEME STRUCTURE */ .widecolumn { width:540px; padding: 0 15px; } .narrowcolumn { width:274px; padding-right:15px; } .container { padding:; margin:; } /* Use this div as an Spacing Element COMMOM for site contents - #header .container or #sidebar .container */ .mid-topcor{ background: url(images/bg-top-trans.png) center top no-repeat; height:7px; font-size:0px; line-height:0px;} .mid-botcor{ background: url(images/bg-middle-btm.jpg) center top no-repeat; height:5px; font-size:0px; line-height:0px;} .middlebody{ background:url(images/bg-middle-trans.png) center top repeat-y; padding: 0 7px;} .blog-heading{ background:url(images/title-shadow.jpg) center bottom no-repeat; text-align:center; padding:15px 0 25px 0;} #sidebar { } #sidebar h2 { color:#fd4653; font-size:18px; font-weight:normal; margin:0 0 14px 0;} #sidebar ul { margin:0px; padding:0px; list-style:none;} #sidebar ul li { } #sidebar ul li a { } /*___ end structural classes ___*/ /* !!!!! ELEMENT SPECIFIC CLASSES !!!!! */ /* LOGO */ h1#logo{ margin:0 auto; padding:11px 0 34px 338px;} h1#logo a { display:block; width:232px; height:50px; text-indent:-9999px; text-decoration:none; background:url(images/logo-view-best-ads.png) no-repeat 0 0; } .description {} /* Slogan */ /* USAGE IN HTML :

Company name

*/ /* NAVIGATION */ #nav { background:url(images/bg_nav.jpg) left top repeat-x;} /* To format the main navigation structure */ #nav ul { margin:0px; padding:0px; list-style:none; background:url(images/bg-nav-rt.jpg) right top no-repeat; height:39px;} #nav ul li {margin:0px; padding:0px; list-style:none; float:left; background:url(images/nav-seprater.jpg) right center no-repeat; } #nav ul li a.first{ background:url(images/bg-nav-lt.jpg) left top no-repeat; line-height:39px; display:block; } #nav ul li.last{ background:none;} #nav ul li.last a{ padding:0 19px;} #nav ul li a { line-height:39px; padding:0 21px; text-decoration:none; color:#fff;} #nav ul li a:hover{ color:#72eb37; text-decoration:none;} /* SEARCH BOX */ .search { margin-bottom:15px;} .search h2 {color:#fd4653; font-size:18px; font-weight:normal; margin:0 0 14px 0; } .search input { } .search .search_btn { } /* SUBSCRIBE */ #subscribe { margin-bottom:15px;} #subscribe h2 { color:#fd4653; font-size:18px; font-weight:normal; margin:0 0 14px 0;} #subscribe input { } #subscribe .subscribe_btn { } .subcribe-box{ background:#d1d6d9 url(images/subscribe-bg.jpg) left top repeat-x; border:solid 1px #d1d6d9; padding:7px 6px;} .rssicon{ width:60px; padding-top:2px; background:url(images/icn-rss.gif) no-repeat; height:47px;} .email-box{ width:194px;} .email-title{ margin-bottom:5px; display:block; color:#6d6d6d; font-size:15px;} .subcribe-box label{ float:left; padding-right:10px;} .subcribe-box input.txtfld{ width:127px; border:0px; font-size:12px; color:#6d6d6d; height:14px; padding:5px 5px; line-height:13px;} label.nopad{ padding:0px;} input.send{ background:url(images/bg-send.jpg) left top no-repeat; width:46px; height:26px; line-height:18px; border:0px; cursor:pointer;} /* ads - defult wp ads - SIDEBAR */ /*#ads-box{ background:#FAFAFA none repeat scroll 0 0; border:1px solid #D1D6D9; float:right; height:255px; margin-bottom:15px; padding:12px 0 2px 14px; width:256px;}*/ #ads-box ul{ margin:0px; padding:0px; list-style:none; } #sidebar #ads-box ul li{ list-style:none; float:left; margin:0px; padding:0px; border-bottom:0px;} #sidebar #ads-box ul li.pad16{ padding:0 4px 0px 0; } #sidebar #ads-box ul li a{ line-height:inherit; padding:0px; background:none;} /* PAGE LINKS NAVIGATION - defult page listing - SIDEBAR */ .navigation { padding:30px 0 0 0;} .navigation a.prev{ background:url(images/nxtl.gif) left top no-repeat; float:left; font-size:13px; font-weight:bold; text-decoration:none; color:#fff; padding:0 0 0 36px; } .navigation a.prev span{ float:left; background:url(images/nxtr.gif) right top no-repeat; line-height:28px; padding:0 22px 0 0px; cursor:pointer;} .navigation a.prev:hover{ background:url(images/nxtlh.gif) left top no-repeat; float:left; } .navigation a.prev:hover span{ float:left; background:url(images/nxtrh.gif) right top no-repeat;} .navigation a.next{ background:url(images/prvr.gif) right top no-repeat; float:left; font-size:13px; font-weight:bold; text-decoration:none; color:#fff; padding:0 36px 0 0px; } .navigation a.next span{ float:left; background:url(images/prvl.gif) left top no-repeat; line-height:28px; padding:0 0px 0 22px; cursor:pointer;} .navigation a.next:hover{ background:url(images/prvrh.gif) right top no-repeat; float:left; } .navigation a.next:hover span{ float:left; background:url(images/prvlh.gif) left top no-repeat;} /* CATEGORY LINKS NAVIGATION - defult category listing - SIDEBAR */ .category {margin-bottom:15px; } .category h2 {color:#fd4653; font-size:18px; font-weight:normal; margin:0 0 14px 0; } .category li { } .category li a { } /* ARCHIVES - default archives listing - SIDEBAR */ .archives { margin-bottom:15px;} .archives h2 {color:#fd4653; font-size:18px; font-weight:normal; margin:0 0 14px 0; } .archives li { border-bottom:solid 1px #e4e8ea; padding:8px 0;} .archives li.last{ border-bottom:0px;} .archives li a {color:#2d2d2d; line-height:14px; background:url(images/arrow-sidebar.gif) left 3px no-repeat; padding-left:15px; } .archives li a:hover{ text-decoration:none; color:#006597;} /* RECENT POSTS - default recent post listing - SIDEBAR */ .recent_post { margin-bottom:15px; } #sidebar h2 {color:#fd4653; font-size:18px; font-weight:normal; margin:0 0 14px 0; } #sidebar li{ border-bottom:solid 1px #e4e8ea; padding:8px 0; } .graybox li.last{ border-bottom:0px;} #sidebar li a { color:#2d2d2d; line-height:14px; background:url(images/arrow-sidebar.gif) left 3px no-repeat; padding-left:15px; } .#sidebar li a:hover{ text-decoration:none; color:#006597;} .graybox{ background:#f8fafc; border:solid 1px #d1d6d9; padding:10px 20px 10px 20px; margin-bottom:15px;} /* RECENT COMMENTS - default comments listing - SIDEBAR */ .recent-comments {margin-bottom:15px; } .recent-comments h2 {color:#fd4653; font-size:18px; font-weight:normal; margin:0 0 14px 0; } .recent-comments li { } .recent-comments li a { } /* RECENT POSTS - default recent post listing - SIDEBAR */ .find_us { margin-bottom:15px; } .find_us h2 {color:#fd4653; font-size:18px; font-weight:normal; margin:0 0 14px 0; } /* POST CLASSES */ .post { padding: 0 0 22px 0;/* float:left; */ width:540px; } .post h2 { color:#fd4653; font-size:18px; font-weight:normal; margin:0 0 14px 0;} .post h2 a{ color:#fd4653; text-decoration:none;} .post h2 a:hover{ text-decoration:none; color:#5ca437;} .entry { padding:14px 18px; background:#f8fafc; border:solid 1px #d1d6d9; line-height:17px; color:#526272; } .entry a:link { color:#919191; text-decoration:none; } .entry a:hover { color:#919191; text-decoration:underline; } .entry img { padding:6px; border:solid 1px #c7c6c7; margin-bottom:12px;} .entry a img { border:0; } .entry blockquote { } /* AN ELEMENT TO DISPLAY QUOTED TEXT */ .entry pre { } /* PREFORMATTED TEXT */ .entry ul { margin:0px;} .entry ul li { list-style: disc; } .entry ol { margin:0px; padding-left:20px; } /*NUMBERED LIST */ .entry ol li { list-style: decimal; } .entry h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; color:#2191c2; } .entry h1 { font-size:18px; } .entry h2 { font-size:16px; } .entry h3 { font-size:15px; } .entry h4 { font-size:14px; } .entry h5 { font-size:13px; } .entry h6 { font-size:12px; } .entry .postmetadata { padding:0 0 14px 0; color:#919191; line-height:16px; } /* Post meta content */ .entry .date{ background:url(images/icn-date.jpg) left top no-repeat; padding:0 45px 0 24px;} .entry .comments{ background:url(images/icn-comment.jpg) left top no-repeat; padding:0px 0 3px 24px; line-height:13px; margin-top:2px; } .entry p{ padding-bottom:15px; color:#526272; position:relative;} .entry a.read_more { color:#2191c2; text-decoration:none; font-weight:bold; /*float:right; */margin-top:6px; display:block; text-align:right;} .entry a.read_more:hover{ text-decoration:underline;} /* COMMENT TEMPLATE - Respond */ #comments { } #comments h3 { } #comments input, textarea, select { } #comments #submit { } /* Submit Button */ .navigation {} /* Previous - Next Post links */ .navigation a {} /*___ end structural classes ___*/ /* !!!!! MISC. CLASSES !!!!! */ /* TAGS */ .tags { } /* RSS */ .rss { } .rss h2 {color:#fd4653; font-size:18px; font-weight:normal; margin:0 0 14px 0; } .rss ul { } .rss ul li { } /* COPY RIGHT */ .copyright { } .copyright p { } .copyright a { } /*___ end misc. classes ___*/ /* !!!!! GENERAL CLASSES !!!!! */ /* FEATURED POST */ .featured_post {margin-bottom:15px; } .featured_post h2 {color:#fd4653; font-size:18px; font-weight:normal; margin:0 0 14px 0; } .featured_post p { } .featured_post a { } /*___ end general classes ___*/ /*footer css start here*/ #footer { width:100%; background:url(images/footer-bg.jpg) left 25px repeat-x; } .container { width:960px; margin:0 auto; } /* Middle contents / post area */ div.nomargin { margin:0px; } #footer .container{ background:url(images/footer-glow.png) center 26px no-repeat; } .footerbox{ width:294px; margin:0 38px 0 0; position:relative; padding-bottom:22px;} .footerbox-title{ text-indent:-9999px; overflow:hidden; width:294px; position:relative; margin-bottom:12px; } .latestnews{ background:url(images/latest-news.png) left top no-repeat; height:59px;} .ourblog{ background:url(images/our-blog.png) left bottom no-repeat; height:59px;} .followontwitter{ background:url(images/follow-on-twitter.png) left top no-repeat; height:59px;} .footerbox ul{ padding-bottom:12px; margin:0px; list-style:none;} .footerbox ul li{ font-size:11px; color:#83d2ff; background:url(images/bullate-icon.gif) 3px 5px no-repeat; padding:0 0 0 26px; position:relative; margin:0px; list-style:none;} .footerbox ul li p{ line-height:17px; display:block; background:url(images/footer-linebg.gif) center bottom no-repeat; padding-bottom:6px; margin-bottom:6px;} .footerbox ul li p a, .footerbox ul li p a:link, .footerbox ul li p a:visited{ text-decoration:none; color:#83d2ff;} .footerbox ul li p a:hover{ text-decoration:underline;} .footerbox ul li p.last{ background:none;} .viewall{ position:absolute; right:0px; bottom:8px;} .viewall a, .viewall a:link, .viewall a:visited { background:url(images/view-all-bg.gif) left top no-repeat; line-height:22px; text-align:center; width:61px; display:block; color:#83d2ff; text-decoration:none; } .viewall a:hover{ color:#bde14f; } .dateicon{ background:url(images/clock-icon.gif) left 2px no-repeat; line-height:16px; padding-left:20px; margin-top:8px; padding-bottom:4px;} .commenticon{ background:url(images/comment-icon.gif) left 5px no-repeat; line-height:16px; padding-left:18px; margin-top:8px; padding-bottom:4px; text-decoration:underline;} .twiterdate{ color:#fff; display:block; text-align:right;} ul.nopad{ padding:0px;} .sitevisitor{ width:120px; margin:0 auto; line-height:36px;} .copyright{ line-height:37px; color:#a09c9c; background:url(images/copyright-bg.jpg) left top repeat-x; font-size:11px;} a.developby{ background:url(images/indianic-logo.gif) right top no-repeat; width:83px; height:19px; text-indent:-9999px; overflow:hidden; display:block; margin:8px 0 0 10px; float:left } .copyright a:hover{ text-decoration:underline; color:#919191; } /* RSS G-lock Plugin CSS 23.04.10 */ .subcribe-box label.gsom-optin-div-label{display:none;} .subcribe-box div.gsom-optin-form div{float:left; margin:-3px 0 0 0;} .subcribe-box div.gsom-optin-form input[type="text"]{ border:0px; font-size:12px; color:#6d6d6d; padding:5px 5px; color:#6D6D6D; font-size:12px; line-height:13px; padding:5px; width:127px;} .subcribe-box div.gsom-optin-radiogroup input[type="submit"]{ background:url(images/bg-send.jpg) left top no-repeat; width:46px; height:26px; line-height:18px; border:0px; cursor:pointer; float:left;} .subcribe-box span.gsom-required-msg{float:none;} .copyright .container{ width:900px;} /* Added By Arpit for Subscription page*/ .green-button { background:transparent url(http://www.viewbestads.com/blog/wp-content/themes/vba/images/sbleft.gif) no-repeat scroll left top; float:left; font-size:16px; padding-left:18px; } .green-button input { background:transparent url(http://www.viewbestads.com/blog/wp-content/themes/vba/images/sbright.gif) no-repeat scroll right top; border:0 none; color:#FFFFFF; cursor:pointer; float:left; font-size:16px; font-weight:bold; height:39px; line-height:21px; overflow:visible; padding-bottom:4px; padding-right:18px; width:auto; } a.green-button { background:transparent url(http://www.viewbestads.com/blog/wp-content/themes/vba/images/sbleft.gif) no-repeat scroll left top; float:left; font-size:16px; padding-left:18px; text-decoration:none; } a.green-button span { background:transparent url(http://www.viewbestads.com/blog/wp-content/themes/vba/images/sbright.gif) no-repeat scroll right top; border:0 none; color:#FFFFFF; cursor:pointer; float:left; font-size:16px; font-weight:bold; line-height:39px; padding-bottom:4px; padding-right:18px; } .green-button-small { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(http://www.viewbestads.com/blog/wp-content/themes/vba/images/sbleft-sml.gif) no-repeat scroll left top; float:left; font-size:12px; padding-left:14px; } .green-button-small input { background:transparent url(http://www.viewbestads.com/blog/wp-content/themes/vba/images/sbright-sml.gif) no-repeat scroll right top; border:0 none; color:#FFFFFF; cursor:pointer; float:left; font-size:12px; font-weight:bold; height:26px; line-height:20px; overflow:visible; padding-bottom:4px; padding-right:14px; width:auto; } a.green-button-small { background:transparent url(http://www.viewbestads.com/blog/wp-content/themes/vba/images/sbleft-sml.gif) no-repeat scroll left top; float:left; font-size:12px; padding-left:14px; text-decoration:none; } a.green-button-small span { background:transparent url(http://www.viewbestads.com/blog/wp-content/themes/vba/images/sbright-sml.gif) no-repeat scroll right top; border:0 none; color:#FFFFFF; cursor:pointer; float:left; font-size:12px; font-weight:bold; line-height:26px; padding-bottom:0; padding-right:14px; } /* Added By Arpit for Subscription page*/