/* Theme Name: meihuainfo Theme URI: http://5android.com/projects/ Description: A Private WordPress Theme for meihuainfo.com, coded by 5android.com.(PSD2WORDPRESS) Version: 0.1 Author: Paran Author URI: http://5android.com Tags: colorful, 3-columns */ /*=========================================================================================================== RESET , LAYOUTS & GENERAL ============================================================================================================*/ html {color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} ul,ol {list-style:none;} caption,th {text-align:left;} address,caption,cite,code,dfn,th,var,optgroup {font-style:inherit;font-weight:inherit;} blockquote, q {quotes:none;} blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;} abbr,acronym {border:0;font-variant:normal;} sup,sub,small{font-size:85%;} code,kbd,samp,tt {font-size:100%;} input,button,textarea,select,optgroup,option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} input,button,textarea,select {*font-size:100%;} :focus {outline:0;} a{color:#06C;text-decoration:none;} a:hover{text-decoration:underline;} h1, h2, h3, h4{font-family:"Microsoft Yahei",Arial, sans-serif;} h1{font-size:22px;} h2{font-size:18px;} h3{font-size:16px;} h4{font-size:14px;} h5{font-size:12px;} h6{font-size:11px;} .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clear { display: inline-block;} * html .clear { height: 1%;} .clear{ display: block;} .alignleft{float:left;} .alignright{float:right;} .aligncenter{margin:0 auto;display:block;} body{font:normal 12px Arial, Tahoma, Verdana, Sans-serif;line-height:1.5;color:#666;background:#FFF;} #header, #mainnav, #container, #footer{width:946px;margin:0 auto;} #header{margin:20px auto 10px auto;} #content{width:495px;float:left;padding:20px 0 40px 0;} #sidebar{width:435px;float:right;padding:10px 0 40px 0;} #sidebar-left{width:215px;float:left;overflow:hidden;} #sidebar-right{width:215px;float:right;overflow:hidden;} #footbar{background:#999;color:#FFF;} #footbar a{color:#FFF;} #footbar .inner{width:946px;margin:0 auto;padding:20px 0 20px 0;} #footer{height:30px;padding:10px 0;} /*=========================================================================================================== HEADER ============================================================================================================*/ .logo a{float:left;width:165px;height:60px;display:block;text-indent:-5555em;overflow:hidden;background:url(images/logo.gif) no-repeat left top;border-right:3px solid #06C;margin-right:30px;padding-right:30px;} .description{float:left;padding:6px 0 0 0;} .description span{display:block;} .description span.desc_en{color:#AAA;font:italic 18px "Trebuchet MS", Tahoma, sans-serif;} .description span.desc_cn{color:#00B3ED;font:20px "Microsoft Yahei",Arial, sans-serif;} .enlink a{float:right;width:34px;height:13px;display:block;text-indent:-5555em;overflow:hidden;background:url(images/en.gif) no-repeat left top;} /*=========================================================================================================== MAINNAV ============================================================================================================*/ #mainnav{background:url(images/mnbg.gif) repeat-x left top;height:35px;color:#FFF;font:18px "Microsoft Yahei",Arial, sans-serif;line-height:35px;} #mainnav ul{float:left;width:730px;background:url(images/mnleft.gif) no-repeat left top;height:35px;padding:0 0 0 16px;} #mainnav ul li{float:left;position:relative;z-index:999;} #mainnav ul li a{color:#FFF;text-decoration:none;float:left;display:block;height:35px;line-height:35px;padding:0 10px;} #mainnav ul li a:hover{color:#bbe9f9;} #mainnav ul ul{display:none;float:none;width:210px;padding:0;background:url(images/dropdown.png) no-repeat left bottom;position:absolute;left:0;top:35px;font-size:14px;height:auto;z-index:999;padding-bottom:17.48px;} * html #mainnav ul ul{background:#027FA8 url(images/dropdown.gif) no-repeat left bottom;width:200px;padding-bottom:0;} #mainnav ul ul li{float:none;display:block;float:left;width:200px;z-index:9999;} #mainnav ul ul li a{height:30px;line-height:30px;} #mainnav ul ul li a:hover{color:#000;} #mainnav ul li:hover ul{display:block;} #mainnav ul li:hover ul ul{display:none;} #mainnav ul ul ul{display:none;position:absolute;left:200px;top:0;} #mainnav ul ul li:hover ul{display:block;} #mainnav form{float:right;width:180px;height:35px;background:url(images/mnright.gif) no-repeat right top;} #mainnav form label{float:left;width:50px;height:35px;display:block;} #mainnav form input{background:none;border:0;display:block;font-size:12px;} #mainnav form input#s{float:left;width:87px;height:20px;color:#777;margin:10px 0 0 10px;vertical-align:center;line-height:125%;} #mainnav form input#searchsubmit{float:left;width:20px;height:35px;text-indent:-5555em;overflow:hidden;cursor:pointer;} /*=========================================================================================================== CONTENT ============================================================================================================*/ .breadcrumb{color:#AAA;font:14px Arial, Verdana, Tahoma, sans-serif;border-bottom:1px solid #CCC;padding:0 0 10px 0;} .breadcrumb em{font:italic 18px "Trebuchet MS", Tahoma, sans-serif;} .breadcrumb a,.breadcrumb span{padding:0 5px;} .breadcrumb span a{padding:0;} .post{border-bottom:1px solid #CCC;padding:10px 0;} .meta-cat a{background:#BEF;display:block;float:right;padding:2px 6px;} .date-views{color:#999;font-family:Tahoma,Verdana,Helvetica,Arial,sans-serif;} .date-views span{margin:0 14px 0 0;} .entry{margin:10px 0;font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;} .entry p,.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry ul, .entry ol,.entry {margin:10px 0 20px 0;} .entry ul,.entry ol{margin:20px 0 20px 30px;} .entry ol{list-style-type:decimal;} .entry ul {list-style-type:square;} .entry ul ul, .entry ul ol, .entry ol ol, .entry ol ul{margin:0 0 0 20px;} .entry hr{border-bottom:1px solid #E7E7E7;background:none;height:0;margin:0 0 20px 0;padding:0;clear:both;} .entry hr.none{border:0 none;height:0;background:none;margin:0;padding:0;clear:both;} a:hover img{background:#CCC;} img.alignleft{margin:0 14px 6px 0;} img.alignright{margin:0 0 6px 14px;} img.aligncenter{margin:20px auto;} .wp-caption{background:#181818;text-align:center;margin:20px auto;} .wp-caption img{margin:0;border-bottom:1px solid #272727;} .wp-caption p.wp-caption-text{margin:0;padding:5px 0;border-top:1px solid #474747;} .entry blockquote{margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;color:#777;} .navigation{margin:10px 0;} .navigation a{color:#AAA;font:italic 18px "Trebuchet MS", Tahoma, sans-serif;} /*=========================================================================================================== SINGLE ============================================================================================================*/ .single .meta-cat,.meta-tag{display:block;margin:0 0 10px 0;} .single .meta-cat a{margin:0 10px 0 0;display:inline;float:none;} .meta-tag{margin:20px 0;} .meta-tag a{background:#F3D1DC;padding:2px 6px;color:#CC3365;margin:0 10px 0 0;} /*=========================================================================================================== PAGE ============================================================================================================*/ .page .post{border-bottom:0;} .related{margin:20px 0;} .related h3{font:italic 18px "Trebuchet MS", Tahoma, sans-serif;color:#AAA;padding:0 0 10px 0;} .related ul{} /*=========================================================================================================== SIDEBAR ============================================================================================================*/ .widget{margin:0 0 5px 0;} .widget h3.widget-title{color:#FFF;font-size:20px;font-weight:normal;} #sidebar-top h3.widget-title{padding:5px 0 5px 36px;background:url(images/icon.gif) no-repeat left -122px;} .widget-social{background:#D86389 url(images/c_pink_top.gif) no-repeat left top;} .widget-social a{color:#FFF;font:normal 20px "Microsoft Yahei",Arial, sans-serif;;} .widget-social .widget-inner{background:url(images/c_pink_bottom.gif) no-repeat left bottom;padding:10px;} .widget-social a{background:url(images/icon.gif) no-repeat -2000px top;padding:2px 0 0 38px;} .widget-social a.rss-link{background-position:0 0;} .widget-social a.tsina-link{background-position:0 -84px;padding-right:40px;} .widget-social a.mhw-link{background-position:0 -42px;} .widget-blue{background:#00B3ED url(images/c_blue_top.gif) no-repeat left top;} .widget-blue .widget-inner{background:url(images/c_blue_bottom.gif) no-repeat left bottom;padding:0 9px 10px 10px;} .widget-blue .widget-content{background:#BBEEFF url(images/c_cyan_top.gif) no-repeat left top;} .widget-blue .widget-content-inner{background:url(images/c_cyan_bottom.gif) no-repeat left bottom;padding:10px;display:inline-block;} .widget-latest ul li{padding:2px 0;} .widget-latest ul li a{margin:0 10px 0 0;} #sidebar-bottom .widget-pink{background:#F3D1DC;} #sidebar-bottom .widget-blue{background:#BDECFB;} #sidebar-bottom .widget-green{background:#AAFFE3;} #sidebar-bottom .widget-orange{background:#FFE1C4;} #sidebar-bottom .widget-grey{background:#CCCCCC;} #sidebar-bottom .widget-pink a{color:#CC3365;} #sidebar-bottom .widget-blue a{color:#06C;} #sidebar-bottom .widget-green a{color:#096;} #sidebar-bottom .widget-orange a{color:#C60;} #sidebar-bottom .widget-grey a{color:#333;} #sidebar-bottom h3.widget-title{width:215px;height:40px;background:url(images/wtbg.gif) no-repeat -2000px;padding:0 10px;line-height:40px;} #sidebar-bottom .widget-pink h3.widget-title{background-position:0 0;} #sidebar-bottom .widget-blue h3.widget-title{background-position:0 -40px;} #sidebar-bottom .widget-green h3.widget-title{background-position:0 -120px;} #sidebar-bottom .widget-orange h3.widget-title{background-position:0 -80px;} #sidebar-bottom .widget-grey h3.widget-title{background-position:0 -160px;} #sidebar-bottom ul li a{display:block;border-top:1px solid #FFF;padding:6px 10px;font-weight:bold;font-size:13px;} #sidebar-bottom ul li li a{font-weight:normal;padding:5px 10px 5px 30px;} #sidebar-bottom ul li li li a{padding-left:40px;} #sidebar-bottom ul li li li li a{padding-left:50px;} /*=========================================================================================================== FOOTBAR ============================================================================================================*/ #footbar h2{color:#DDD;font:italic 20px "Trebuchet MS", Tahoma, sans-serif;padding:0 0 10px 0;} #footbar .widget{} #footbar .widget h3.widget-title{background:#333;font-size:14px;font-weight:bold;padding:3px 10px;margin:0 0 10px 0;} #footbar-left{float:left;width:346px;} #footbar ul li{width:163px;float:left;padding:3px 0 3px 10px;} #footbar-right{float:right;} #footbar-right .widget{width:130px;float:left;margin:0 0 0 20px;} /*=========================================================================================================== FOOTER ============================================================================================================*/ #footer p{padding:5px 0 20px 0;} #footer img{vertical-align:middle;margin:0 5px 0 0;} #footer img.fdesc{float:right;margin:0;} /*=========================================================================================================== COMMENTS ============================================================================================================*/ .comment{padding:10px 0 10px 42px;position:relative;min-height:60px;height:auto !important;height:60px;margin:10px 0 0 0;} .comment-avatar{position:absolute;left:0;top:10px;} .comment-meta{margin:0 0 10px 0;color:#777;} .comment-author{color:#000;font-weight:bold;} #respond h3{color:#AAA;font:italic 18px "Trebuchet MS", Tahoma, sans-serif;padding:10px 0 10px 0;} #respond p{padding:0 0 10px 60px;} #respond label{width:60px;float:left;} #respond span.req{font-weight:bold;color:#950000;} #respond input#author, #respond input#email, #respond input#url, #respond textarea{margin:2px 0 10px 0;padding:2px 3px;border:1px solid #CCC;clear:right;width:400px;color:#FFF;} #respond textarea{overflow:auto;} #respond input#submit{padding:0 10px;} .slider-wrap{width:946px;height:198px;overflow:hidden;position:relative;margin:5px auto -5px auto;z-index:1;} .slider{width:946px;height:198px;overflow:hidden;} .slider ul{} .slider ul li{width:946px;height:198px;float:left;} #slider-controls{position:absolute;bottom:5px;right:0;z-index:333;} #slider-controls li{float:left;} #slider-controls li a{background:#FFF;color:#000;margin:0 5px 0 0;display:block;float:left;padding:1px 6px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;} #slider-controls li a:hover{background:#000;color:#FFF;text-decoration:none;} #slider-controls li.current a{filter:alpha(opacity=1);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}