/* Theme Name: vNine Network Theme URI: http://vnine.com/ Description: This WordPress theme was released for vNine Network. Version: 1.0 Author: webrulon Author URI: http://webrulon.com/ */ body { background: url(images/background_body.jpg) no-repeat; padding: 0px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 12px; color : #43494f;} /* General */ a:link { text-decoration : none; color : #859d00; border: 0px; outline: none; -moz-outline-style: none;} a:active { text-decoration : underline; color : #859d00; border: 0px; outline: none; -moz-outline-style: none;} a:visited { text-decoration : none; color : #859d00; border: 0px; outline: none; -moz-outline-style: none;} a:hover { text-decoration : underline; color : #008ccd; border: 0px; outline: none; -moz-outline-style: none;} /* General Class */ form { padding: 0px; margin: 0px; } img { BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none;} input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;} h1, h2, h3 { font-family: Arial, Helvetica, sans-serif;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Header { position: relative; width: 700px; background: url(images/background_header.png) no-repeat left top; float: left; height: 150px;} .Header h1 { text-indent: -10000px; margin: 0; padding: 0;} .Header h1 a { padding: 0px; width: 187px; background: url(images/logo_vnine_network.png) no-repeat left top; cursor: hand; height: 50px; display: block;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .Search { background: url(images/background_search_title.png) no-repeat top left; position: absolute; top: 0px; right: 0px; width: 190px;} .Search form { padding: 23px 0px 0px 0px; margin: 0px; } .Search input { color: #000; border: none; font-size: 12px; } .Header input.Button { width: 33px; height: 9px; background: url(images/SearchButton.png) no-repeat;} .Header input.Button:hover { background: url(images/SearchButton.png) no-repeat 0 -9px; } .Header input.ButtonIE { width: 33px; height: 9px; background: url(images/SearchButton.png) no-repeat 0 -9px; } .Search input.Keyword { background: url(images/SearchKeyword.png) no-repeat left top; padding: 5px; width: 190px;} /*\ IE/Win min height hack */ * html .buttonsearch { margin: -17px 0px 0px 150px; } /* */ .buttonsearch { padding: 0px; margin: -17px 0px 0px 150px; top: 0px; background: none; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .Menu { border-top: solid 4px #000; float: left; width: 700px; clear: left; padding-bottom: 30px; position: absolute; top: 70px;} .Menu I { DISPLAY: none} .Menu ul { padding: 0px; margin: 0px 0px 0px 0px; list-style-type: none; width: 100%; height: 27px; } .Menu li { FLOAT: left; padding: 0px; margin: 0px; display: inline} .Menu a { DISPLAY: block; HEIGHT: 27px } .Menu a.our_blogs { BACKGROUND: url(images/menu_our_blogs.png) no-repeat left top; WIDTH: 85px } .Menu a.our_blog { BACKGROUND: url(images/menu_our_blog.png) no-repeat left top; WIDTH: 85px} .Menu a.our_blogresources { BACKGROUND: url(images/menu_our_blogresource.png) no-repeat left top; WIDTH: 163px} .Menu a:hover { BACKGROUND-POSITION: left bottom } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #bgcontain { width: 700px; margin: 0 auto;} #container { background: url(images/background_container.png) repeat-y; padding: 0px; margin: 0px; float: left;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .SC { float: left; width: 500px; padding: 0px; margin: 0px; } #index { width: 300px; margin: 0 auto; padding: 200px 0px 0px 0px; } #index h1 { text-indent: -10000px; margin: 0; padding: 0; font-size: 1px;} #index h1 strong { padding: 0px; margin: 0px; width: 300px; background: url(images/logo_big_bloggy_network.png) no-repeat; cursor: hand; height: 98px; display: block;} #index I { DISPLAY: none} #index ul { padding: 0px; margin: 0px; list-style-type: none; } #index LI { FLOAT: left; padding: 0px; margin: 0px; display: inline} #index LI A { DISPLAY: block; HEIGHT: 36px } #index LI A.our_blogs { BACKGROUND: url(images/menu_index_our_blogs.png) no-repeat left top; WIDTH: 81px } #index LI A.our_blog { BACKGROUND: url(images/menu_index_our_blog.png) no-repeat left top; WIDTH: 78px} #index LI A.our_blogresources { BACKGROUND: url(images/menu_index_our_blogresource.png) no-repeat left top; WIDTH: 139px} #index LI A:hover { BACKGROUND-POSITION: left bottom } #index p { float: left; font-size: 9px; padding: 10px 0px; margin: 0px; } /* introduction */ #leftblogs h1 { color: #546371; font-size: 22px; font-weight: normal; letter-spacing: -1px; padding: 0px 0px 10px 0px; margin: 1px 0px 1px 0px; border-bottom: dashed 1px #ccc; width:470px; display: block;} #leftblogs { float: left; width: 500px; padding: 0px; margin: 0px;} #leftblogs .note { background: url(images/ico_arrow_location.png) no-repeat left center; width: 445px; color: #aeb6be; margin: 0px 0px 0px 0px; padding: 2px 2px 2px 25px; font-size: 7px; font-weight: bold; text-transform: uppercase; border-top: solid 1px #ecf0f1; } #leftblogs span { float: left; text-align: center; margin: 15px 15px 0px 0px; padding: 0px; } #leftblogs span a { float: left; padding: 5px; margin: 0px; height: 155px; color:#7e8a95; } #leftblogs span a { background: url(images/bkg_span_blogs.png) no-repeat left top; color:#7e8a95;} #leftblogs span a:hover{ color: #fff; text-decoration: none; background: url(images/bkg_span_blogs.png) no-repeat left bottom; } #leftblogs span strong { display: block; padding:5px 0px 0px 0px; margin: 0px; text-align: left; letter-spacing: -1px; font-family: 'Arial'; font-weight: bold; font-size: 14px; line-height: 14px;} #leftblogs span small { font-size: 9px; line-height: 9px; display: block; text-align: left; color:#859d00;} #leftblogs ul { padding: 0px; margin: 0px;} #leftblogs ul li { DISPLAY: inline; FLOAT: left; MARGIN: 1px; LIST-STYLE-TYPE: none } #leftblogs ul img { border: none; margin: 0px; padding: 1px; background: #fff; } #site h1 { color: #546371; font-size: 22px; font-weight: normal; letter-spacing: -1px; padding: 0px 0px 10px 0px; margin: 1px 0px 1px 0px; border-bottom: dashed 1px #ccc; width:470px; display: block;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Post { padding: 0px; position: relative; clear: left; margin-bottom: 40px;} .PostHead {} .PostHead h1 { color: #546371; font-size: 22px; line-height: 22px; font-weight: normal; padding: 5px 0px; margin: 0px; letter-spacing: -1px;} .PostHead h1 a { color:#606f7d; text-decoration: none;} .PostHead h1 a:visited { color:#606f7d; text-decoration: none;} .PostHead h1 a:hover { color:#000; text-decoration: none;} .PostDate { color: #7b838b; margin: 0px; padding: 3px 0px; font-size: 10px; font-weight: bold; border-top: solid 1px #ecf0f1;} .PostDate a { text-decoration:underline;} .PostDet { color:#606f7d; padding: 0px; margin: 0px; letter-spacing: 0px; font-weight: bold; font-size: 10px;} .PostContent { padding: 0px 0px 0px 0px; font-size: 12px; line-height: 16px; color:#606f7d;} .PostContent a:link { text-decoration : none; color : #008ccd; } .PostContent a:active { text-decoration : underline; color : #008ccd;} .PostContent a:visited { text-decoration : none; color : #008ccd; } .PostContent a:hover { text-decoration : underline; color : #859d00; } .PostContent p { font-size: 12px; line-height: 16px; padding: 5px 0px; margin: 5px 0px; color:#606f7d;} .PostContent strong { letter-spacing: -1px;} .PostContent b { letter-spacing: -1px;} .PostContent small strong { letter-spacing: normal;} .PostContent blockquote { padding: 5px 15px; background: #f3f4f5; margin: 5px 0px; color:#3d474e;} .PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px; font-family: "Verdana"} .PostContent ol { font-size: 11px; } .PostContent ul { font-size: 11px; } .PostContent li { font-size: 11px; line-height: 15px;} .PostContent img { border: solid 1px #788694; padding: 5px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR { float: left; width: 190px; padding: 0px; margin: 0px 0px 0px 10px;} .SR h2 { text-indent: -10000px; margin: 0; padding: 0; font-size: 1px;} .SR ul { padding: 10px 0px 20px 0px; margin: 0px; font-size: 11px; line-height: 12px; } .SR li { padding: 0px; margin: 0px; list-style-type: none; } .SR li a { background: url(images/ico_arrow_right.png) no-repeat left top; padding: 0px 0px 0px 15px; margin: 0px; list-style-type: none; display: block; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR .Categ {} .SR .Categ li { font-weight: bold; letter-spacing: -1px; } .SR .Categ h2 strong { padding: 0px; margin: 0px; display: block; width: 190px; background: url(images/h2_bloggy_categories.png) no-repeat left top; height: 23px; border-bottom: solid 1px #ccc;} .SR .OurBlogs {} .SR .OurBlogs li { font-weight: bold; letter-spacing: -1px; } .SR .OurBlogs h2 strong { padding: 0px; margin: 0px; display: block; width: 190px; background: url(images/h2_vnine_our_blogs.png) no-repeat left top; height: 23px; border-bottom: solid 1px #ccc;} .SR .Recent {} .SR .Recent h2 strong { padding: 0px; margin: 0px; display: block; width: 190px; background: url(images/h2_vnine_our_blogs.png) no-repeat left top; height: 23px; border-bottom: solid 1px #ccc; } .SR .Recent li { font-size: 10px; line-height: 12px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments {} .Comments .List {} .Comments .List h3 { font-size: 14px; font-weight: bold; letter-spacing: -1px; border-bottom: dashed 1px #87909e; padding: 5px 0px; margin: 0px; color:660033;} .Comments .List ol { padding: 0px; margin: 0px;} .Comments .List li { position: relative; margin: 15px 0px; list-style-type: none; font-size: 12px; line-height: 16px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments .List .ListUser { margin: 0px; padding: 0px; font-size: 11px; letter-spacing: -1px; } .Comments .List .ListDate { color:#43494f; padding: 0px 0px 10px 0px; margin: 0px; font-size: 10px; border-bottom: solid 1px #c6ccd1; font-family: Arial, Helvetica, sans-serif;} .Comments .List .ListDate a { color:#43494f; text-decoration: none;} .Comments .List .ListDate a:visited { text-decoration: none;} .Comments .List .ListContent { color:#513f3f; font-size: 12px; line-height: 16px;} .Comments .List .ListContent p { padding: 4px 0px; margin: 4px 0px;} /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments .Form { background: #abdeff url(images/CommentsFooterBkg.jpg) no-repeat left bottom; padding: 0px 0px 5px 0px; margin: 0px;} .Comments .Form h3 { background: #58bfff url(images/CommentsTopBkg.jpg) no-repeat left top; font-size: 14px; letter-spacing: -1px; color:#fff; padding: 15px 15px 0px 15px; margin: 0px;} .Comments .Form form { background: url(images/CommentsCenterBkg.jpg) repeat-x top left; padding: 15px 15px 10px 15px; margin: 0px;} .Comments .Form p { padding: 0px; margin: 0px; font-size: 11px;} .Comments .Form p label { padding-bottom: 11px; display: block;} .Comments .Form p label small { font-size: 11px; color: #3a464e} .Comments .Form .Note { margin: 5px 0px;} .Comments .Form .Note small { font-size: 10px;} .Comments .Form .TextField { background: #fff; border: solid 1px #75bff0; padding: 4px; color: #3a464e; font-size: 11px; margin-right: 10px; width: 190px;} .Comments .Form .TextArea { background: #fff; border: solid 1px #75bff0; padding: 5px; color: #3a464e; font-size: 12px;} .Comments .Form input.SubmitComment { width: 137px; height: 24px; background: url(images/SubmitComment.png) no-repeat;margin-top: 7px;} .Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -24px; } .Comments .Form input.SubmitCommentIE { width: 137px; height: 24px; background: url(images/SubmitComment.png) no-repeat 0 -24px;margin-top: 7px; } /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Footer { width: 700px; margin: 0 auto;} .Footer p { font-size: 9px; margin: 20px 0px 0px 0px; padding: 10px 0px; border-top: solid 1px #ecf0f1; display: block; float: left; width: 100% } .clearer { height:1px; margin-top:-1px; overflow:hidden; clear:both; }