/* Theme Name: HostShare Theme Theme URI: http://idc.hostshare.cn/ Description: none. Version: 1.0 Author: duduzhu Author URI: http://www.duduzhu.cn/ */ /* Fix */ * { margin:0;padding:0; } .clear { clear:both; } .clean { font-size:0;line-height:0;height:0;clear:both;overflow: hidden;display: block;} * html .clearfix { height: 1%;} .clearfix { overflow:hidden;} html,body,div { margin:0;padding:0; } /* Common */ .lu { font-family:"Lucida Grande", "Lucida Sans Unicode",Tahoma,Verdana; font-size:11px; } .ve { font-family:Verdana,Tahoma; font-size:11px; } .yh { font-family:Microsoft Yahei,Verdana,Tahoma; } .ar { font-family:Arial, Helvetica, sans-serif;} .ge { font-family:Georgia,Tahoma,Verdana;color:#ff0000;font-size:14px;font-weight:700;padding-right:5px; } .s10 { height:10px; line-height:10px; font-size:0; clear:both; overflow:hidden; display:block; } .non { background:none; } .dis { display:none; } .fl { float:left;} .fr { float:right; } .alignleft { float:left;margin-left:10px;text-align:left; } .alignright { float:left;margin-right:10px;text-align:right; } .aligncenter { display: block;margin-left: auto;margin-right: auto; } .font10 { font-size:10px;font-family:Verdana,Tahoma, Arial;} .font11 { font-size:11px;} .font12 { font-size:12px;font-weight:700;color:#fff;} .font14 { font-size:14px;} .font16 { color: #098ecf;font-size:14px;font-weight:700;margin: 0 0 15px 0;padding: 0;} .font20 { color: #2f4348;font-size: 20px;font-weight: normal;margin: 0 0 15px 0; padding: 0;} .co58 { color:#585858; } .co78 { color:#787878;} .co98 { color:#989898;} .textl { text-align:left; padding-left:20px; line-height:22px;} .textr { text-align:right; padding-right:20px; line-height:22px;} .blue1 { background:#f3f9fb; } .f7 { background:#f7f7f7; } .wnor { font-weight:normal;} .fnor { font-style:normal;} /* Layout */ body { background:url(images/bg.gif) repeat-x #fff; text-align: center;font-size:12px;font-family:Tahoma,Verdana,Arial;color:#515151;} #header,#menu,#page,#footer { margin:0 auto;text-align:left;} a { color:#426b9c; text-decoration:none; } a:hover { color:#96b7e2; text-decoration: none; } h1,h2,h3,h4,h5,h6 { font-size:14px;font-family:Tahoma,Arial;font-weight:normal; } ol,ul,li,dl,dt,dd { list-style:none;margin:0;padding:0; } table { border-collapse:collapse;border-spacing:0; font-size:12px;font-weight:normal;} th, td { padding:0;margin:0; font-weight:normal;} img { border:0; } small { font-size:11px; } blockquote.content_info { background: #faf5ea;color: #8b743c;font-size: 12px;line-height: 18px; border: 1px solid #f1e5c9;margin: 18px 0;padding: 12px; display: block;} blockquote.content_info a:link, blockquote.content_info a:active, blockquote.content_info a:visited { color: #d3a840; text-decoration: none;} blockquote.content_info a:hover {color: #f47a20;text-decoration: none;} blockquote.content_info_ul { list-style-image: url(images/bullet_001.gif);margin-top: 0;margin-bottom: 0;} blockquote.content_info2 {background: #eef4f5;color: #526d74;font-size: 12px;line-height: 18px;border: 1px solid #d4e1e5;margin: 18px 0;padding: 12px;display: block;} .postpath { margin:10px 0 0; color:#343232; font-weight:700; border-bottom:1px solid #e2e2e2; padding:0 0 8px 20px; background:url(images/ico11.gif) 0 2px no-repeat; } /* Start */ #page { width:900px; } #header { height:80px; } #content { float:left;width:692px; display: inline; } /* Header */ #header .logo { background:url(images/logo_1.png) no-repeat; width:300px;height:100px; float:left; } #header .logo a { display: block; width: 230px; height:100px; float:left } /* Menu */ .menu{ font-size:12px;position:relative;z-index:100; background:url(images/menubg.jpg) no-repeat; height:36px;} .menu ul li.homeaa { width:180px; } .menu ul li.homeaa a { padding-left:36px;color:#d5f9fc; } .menu ul li.homeaa a:hover { background:none; color:#d4f9fb; } .menu ul{ list-style:none;} .menu ul li { float:left;position:relative;display:inline; line-height:32px; font-family:Microsoft Yahei,Tahoma;font-weight:700; width:100px; height:36px;} .menu ul li a { display:block;color:#fff;text-decoration:none; } .menu ul li ul { visibility:hidden;position:absolute;left:-6px;top:36px;} .menu table {position:absolute; top:0; left:0;} .menu ul li:hover ul,.menu ul a:hover ul{ visibility:visible;} .menu ul li a:hover{ color:#d4f9fb;} .menu ul li ul { } .menu ul li ul li { clear:both;text-align:left;height:26px; padding:0 10px; border-bottom:1px solid #ddd; line-height:24px;background:#f1f6fe; font-weight:normal; } .menu ul li ul li a{ display:block;width:100px;height:13px;margin:0; color:#656565;} .menu ul li ul li a:hover{ border:0; color:#098ecf;} .menu ul li.menuaa { color:#d5f9fc; background:url(images/menuaa.gif) 15px 0 no-repeat; } /* #menu { height:36px; background:url(images/menubg.jpg) no-repeat;} #menu ul li { float:left; display:inline; line-height:32px; font-family:Microsoft Yahei,Tahoma;font-weight:700; width:100px;height:36px; } #menu ul li a { color:#fff; } #menu ul li a:hover { color:#d4f9fb; } #menu ul li.homeaa { width:180px; } #menu ul li.homeaa a { padding-left:36px;color:#d5f9fc; } #menu ul li.menuaa { color:#d5f9fc; background:url(images/menuaa.gif) 15px 0 no-repeat; } */ /* Main */ #main { margin:0px 0;} #mainleft { float:left; display:inline; width:640px;} #mainright { float:right; width:250px; } .banner { width:900px;height:207px;margin:0 0 10px; overflow:hidden; } .mainlist { background:url(images/homebb.png) no-repeat; width:640px; height:270px; overflow: hidden;} .mainlist h6 { background:url(images/hoh6.gif) no-repeat;margin:10px 0 0 0; width:150px; height:30px; float:left;} .holist { float:left; display:inline; margin:20px 0 10px 0; width:320px; } .holist .listl { float:left; display:inline; margin-right:5px; width:85px; height:77px;} .holist .listr { float:left; display:inline; } .holist h3 { color:#2e5f88; font-weight:700;height:22px;font-size:12px; } .holist ul li { line-height:20px;height:20px; color:#5d555f; width:210px;} .holist ul li a { color:#494949; } .holist ul li a:hover { color:#089c08; } #mainright .dtai { background:url(images/homerb.png) no-repeat; height:270px; } #mainright .dtai h5 { background:url(images/hoh5.gif) no-repeat ; width:150px;height:30px; float:left; display:inline; margin:10px 0 0 10px; } #mainright .dtai ul li { height:22px; line-height:22px; width:250px; float:left;} #mainright .dtai .title { width:170px;height:22px; line-height:22px; overflow:hidden; float:left; background:url(images/li.gif) 5px 2px no-repeat;} #mainright .dtai .title a { color:#898989; padding-left:20px; } #mainright .dtai .title a:hover { color:#158bd9;} #mainright .dtai .date { float:right;color:#bababa; } #mainright .hcbg { background:url(images/hcenter.jpg) no-repeat;width:250px;height:68px;margin:10px 0; } #mainright .hcbg span a { float:left; width:250px;height:68px; } #mainbom { margin:10px 0 0; background:url(images/mainbom.gif) no-repeat; height:190px;} #mainbom dl { float:left; display:inline; width:300px; line-height:24px; } #mainbom dl dd { line-height:18px; height:30px; } #mainbom .hohost { float:right; display:inline; width:250px; background:url(images/hohost.jpg) no-repeat; height:190px; } #mainbom .hohost span a { float:left; width:250px;height:190px; } /* Footer */ #footer { width:900px;margin:30px auto; border-top:1px solid #eee; padding:6px 0 5px; } #footer p { height:24px;} #footer .footpic { width:290px;height:120px; background:url(images/logo_1.png) no-repeat; float:left; } #footer .footl { float:left; } #footer .footr { float:left; display:inline; margin:20px 0 0 10px; } #footer .youqi { color:#b5b2b2; } #footer .youqi strong {color:#4e9e47;font-weight:normal; } #footer .youqi span { padding:0 8px;color:#ddd; } #footer .youqi span a { padding:0 8px;color:#797979; } #footer .youqi span a:hover { color:#3f9ecb; text-decoration:underline; } #footer .copy { font-family:Verdana, Arial,Tahoma; font-size:11px;color:#b5b3b3; } #footer .footm { color:#b5b3b3; } #footer .footm span { color:#757575;} #footer .footm span a { color:#737373; } #footer .footm span a:hover { color:#3d9ecb; } /* Host */ .hostright table { border: none;text-align: left;margin: 12px 0;} .hostright table th { height:30px; line-height:30px; } .hostright table td { font-size: 12px; border-bottom: 1px solid #e2e8ea;} .hostright table td.no_border { border: none;} .hostright table .th_1 { background: #e2e8ea;color: #7a9298;font-size: 14px;font-weight: bold;border-bottom: 1px solid #ffffff; padding-left:10px;} .hostright table .th_2 { background: #e2e8ea;font-size: 14px; font-weight: bold;border-bottom: 1px solid #ffffff; text-align:left;} .hostright table .th_3 { background: #faf5ea;color: #6f8388; font-size: 12px;font-weight: bold; border-bottom: 1px solid #faf5ea; text-align:center;} .hostright table .th_4 { color: #7a9298;font-size: 12px;font-weight: normal;border-bottom: 1px solid #e2e8ea; text-align:left; padding-left:10px;} .buyok { background:url(images/buytry.gif) 0 5px no-repeat; width:79px;height:22px; } .buyok a { float:left; width:79px;height:22px; } .buyok strong { display:none; } .hostleft { float:left;width:185px;margin:10px 0 0; } .hostleft .hostn { background:url(images/hostn.gif) no-repeat; width:692px;height:120px; } .debar { margin:0 0 20px; } .debar li a:link, .debar li a:active, .debar li a:visited { background: #e2e8ea;width: 178px;font-size: 12px;line-height: 20px;color: #2f4348;text-decoration: none; font-weight: normal;border: 1px solid #e2e8ea;margin: 1px 0 0 0;padding: 5px 15px;display: block;font-family:Microsoft Yahei,Tahoma;} .debar li a:hover { background: #f1f6f7;color: #849297;border: 1px solid #e2e8ea;} .debar li.debars a:link, .debar li.debars a:active, .debar li.debars a:visited, .debar li.debars a:hover { background: #5c7ea1;width:178px;font-size:14px;line-height:20px;color: #ffffff;font-weight: bold;border: 1px solid #5c7ea1;margin: 1px 0 0 0;padding: 5px 15px;display: block;font-family:"Lucida Grande", "Lucida Sans Unicode",Tahoma,Verdana;} .debar2 { margin:0 0 20px;background: #f8efef url(images/debar2bg.gif) repeat-x top left; width:210px; } .debar2 li a:link, .debar2 li a:active, .debar2 li a:visited { width: 180px;font-size: 12px;color: #c55b5b;text-decoration: none;font-weight: normal;border-bottom: 1px solid #ffffff;margin: 0;padding: 9px 15px;display: block;} .debar2 li a:hover { background: #e2afaf;color: #ffffff;} .hostright { float:right; display:inline;width:672px;margin:10px 0 0; } .content_bg { background:url(images/wrhostbg.gif) no-repeat; height:261px; } .hostcontent { line-height:22px;} .hostcontent p { padding-bottom:15px; } /* helpcenter */ .helpleft { width:660px; float:left; display:inline; margin:10px 0; border-right:1px solid #ddd; padding-right:10px;} .helpban { background:url(images/helpban.gif) no-repeat; height:110px; width:660px; } .helpsearch { background:url(images/searchbg.gif) no-repeat;height:34px; } .searchm { float:left; display: inline;margin:7px 0 0 120px; } .searchm input { float:left; display:inline; border:0; padding:2px 0 2px 3px; } .searchm .sf { width:180px; height:16px; border:0;color:#656565; } .searchm #searchsubmit { width:55px;height:21px; margin-left:10px; background:url(images/searchb.gif) no-repeat; } .helplist { float:left; display:inline; margin:20px 0 0px 0; width:330px; } .helplist .listm { float:left; display:inline; } .helplist h3 { color:#000;font-size:14px; font-family:Microsoft Yahei,Verdana,Tahoma; height:30px; } .helplist ul li { line-height:20px;height:20px; width:220px; overflow:hidden; background:url(images/li.gif) 0 2px no-repeat; padding-left:14px;} .helplist ul li a { color:#676767; } .helplist ul li a:hover { color:#aaa; text-decoration:underline; } /* Webdesign */ .webleft { width:800px; display:inline; } .webban { background:url(images/webban.gif) no-repeat; width:672px;height:120px; margin-left:100px; } .webmain { margin:15px 100px 50px;} .webtext { line-height:20px; } .webtext p { padding:10px 0; } .weblc { background:url(images/weblc.png) no-repeat;height:93px; margin-left:100px;} .webinfo { margin:15px 100px; } .webinfo dl { float:left; display:inline; width:325px; margin:0 0 15px; } .webinfo dt { font-weight:700;color:#2e5f99; margin-bottom:5px; } .webinfo dd {} .webinfo dd span { display:inline;margin:6px 0 0; } .webinfo dd p { float:left; display:inline;margin-left:15px; width:230px; line-height:22px; } .webright { float:right; display:inline;width:185px;margin:10px 0 0; } .webti { background:url(images/webti.gif) no-repeat;width:165px;height:66px; margin:10px 0 0px; } /* Domain */ .doleft { width:672px; float:right; display:inline; } .doban { background:url(images/doban.gif) no-repeat; width:672px;height:120px; } .dolist { margin:10px 0 0; } .dolb { background:url(images/dolb.gif) no-repeat; width:672px;height:32px;} .dolist strong { color: #CC3300;font-family:Georgia, Verdana,Tahoma; font-weight:normal; } .dolist table { border:1px solid #eaeaea; } .dolist tr,.dolist th,.dolist td, { border:1px solid #ededed; } .dolist td { height:28px; line-height:28px; padding-left:10px; } .dolist .alt1 { background:#dce7f4;} .dolist .alt2 { background:#fff; } .dolist .alt3 { background:#f1f6fe; } .dojg {} .doti { background:url(images/doti.gif) no-repeat;width:185px;height:66px; margin:10px 0 0px; } .dores { background:url(images/dores.gif) no-repeat;width:185px;height:66px; margin:10px 0 0px; } /* Contact */ .coleft { width:672px; float:right; display:inline; } .coban { background:url(images/coban.gif) no-repeat; width:672px;height:120px; } .comain {} .comain h2 { font-weight:700; margin-bottom:10px; } .comain p { margin-bottom:10px; } .comain p span input { border:1px solid #ddd; height:20px; } .comain textarea { border:1px solid #ddd; } .comain .subb input { background:url(images/subb.gif) no-repeat; width:80px;height:23px; border:0; } .coright { width:185px; float:right;margin:10px 0 0; } .coti { background:url(images/coti.gif) no-repeat;width:185px;height:66px; margin:10px 0 0px; } /* Archive */ .centerpath { height:34px;margin:10px 0 0; border-bottom:1px solid #ddd; } .centerpath h2 { font-weight:700; padding-left:3px; line-height:32px; } .archcat { } .archcat ul li.current-cat { } .archcat ul li.current-cat a { color:#595959; } ul#pagenavright { float:right; padding-bottom:13px; } ul#pagenavright li { float: left; background-color: #ccc; } ul#pagenavright li.fli { background:url(images/pagenavbg.gif) no-repeat; background-color: transparent; background-position:left top; height:29px; } ul#pagenavright li.rli { background:url(images/pagenavbg.gif) no-repeat; background-color: transparent; background-position:right top; height:29px; } ul#pagenavright li a { padding:0 10px 0 10px; display:block; font-size: 12px; font-weight: bold; color: #fff; line-height: 29px; height: 29px; text-decoration: none; } html ul#pagenavright li a { _width: 10px; _white-space: nowrap; text-decoration: none; } ul#pagenavright li a:hover { background: url(images/pagenav.gif) no-repeat center bottom; color: #fff; text-decoration: none; } ul#pagenavright li.current-cat a { background: url(images/pagenav.gif) no-repeat center bottom; color: #fff; text-decoration: none; } .catmain {} .ttdd { width:620px;border-bottom:1px dashed #ddd; background:url(images/li2.gif) 2px 6px no-repeat; height:24px; line-height:24px; } .ttdd .title { float:left; padding-left:22px; font-size:12px;} .ttdd .date { float:right; color:#898989;font-family:Verdana,Tahoma,Arial; font-size:11px; } .catmain .navi { margin:10px 0; } /* Single */ #content { float:left; display:inline;width:660px;margin:15px 0 0; border-right:1px solid #ddd; } .smain .post {} .smain .post h1 { font-size:14px;font-weight:700; padding:15px 0 10px ; text-align:center;} .smain .post .date { text-align:center; color:#989898; } .smain .post .entry { line-height:24px;font-size:14px; } .smain .post .entry p { padding:10px 0; } #sidebar { float:right;width:207px;margin:15px 0 0; } #sidebar .ad1 { width:207px; height:150px; background:url(images/ad1.png) no-repeat; } #sidebar .ad1 a { float:left;width:207px;height:150px; display:block; } #sidebar .ad2 { width:207px; height:205px; background:url(images/ad2.jpg) no-repeat; } #sidebar .ad2 a { float:left;width:207px;height:205px; display:block; } #sidebar .ad3 { width:207px; height:200px; background:url(images/ad3.png) no-repeat; } #sidebar .ad3 a { float:left;width:207px;height:200px; display:block; }