/*
Theme Name: live800
Version: 1.2
Theme URI: http://interjc.net/dev/gbw
Description: 1.2:在1.1的基础上，对于一些细节做了少许修复;1.1:在1.0的基础上进行了一些小修补和改进;1.0:仿制了Tencent CDC的主题设计的一款Wordpress Theme。通过标准验证。希望您喜欢！有意见或建议或关注后续版本请至开发页面。 欢迎Follow me via Twitter: @interjc
Author: interjc
Author URI: http://interjc.net/
@License(GPL):http://www.gnu.org/licenses/gpl.html
*/
* {
margin: 0;
padding: 0;
outline: none;
line-height: 20px;
}
body {
font: 13px Arial, Helvetica, sans-serif;
text-align: center;
color: #465886;
}
a {
text-decoration: none;
color: #465886;
}
a:hover {
text-decoration: underline;
}
img {
border: none;
}
q,blockquote {
padding: 0 5px 0 10px;
margin: 10px 0 10px 20px;
border-left: 3px solid #D7D7D7;
}
#wrap {
text-align: left;
background: url(img/bg_top.jpg) repeat-x top;
}
#header {
margin: 0 auto;
width: 910px;
height: 97px;
}
#header h1 {
font-size: 24px;
height: 24px;
padding: 0px 0 42px 150px;
background: transparent url(img/logo.jpg) no-repeat scroll 0 0;
}
#header h1 a {
text-decoration: none;
color: #fff;
}
#header h1 a:hover {
color: #F00;
}
#nav {
width: 910px;
margin: 0 auto;
height: 30px;
background-image: url(img/menu_bg.png);
}
#nav ul {
list-style: none;
line-height: 30px;
text-align: center;
padding: 0 50px;
}
#nav li {
position: relative;
}
#nav ul li {
padding: 0 10px;
height: 30px;
float: left;
}
#nav ul li a {
color: #fff;
text-decoration: none;
font-size: 13px;
line-height: 30px;
font-weight: bold;
}
#nav ul li.nav_li_hover {
background: url(img/menu_bg_h.png) repeat scroll 0 0;
font-weight: bold;
}
#nav ul li.nav_li_hover a {
color: #fff;
}
#nav ul li.current_page_item {
background: url(img/menu_bg_v.png) repeat scroll 0 0;
}
#nav ul li.current_page_item a {
color: #FFF;
}
/*多级导航栏*/
#nav ul li ul {
display: none;
text-align: left;
}
#nav li ul {
position: absolute;
left: -50px;
top: 30px;
display: none;
}
#nav li ul li {
float: none;
width: 150px;
background: url(img/nav-bg2.png);
}
#nav li ul li ul {
position: absolute;
left: 120px;
margin: -30px 0 0 0;
}
#nav .li_ul {
}
#nav .hover {
background: url(img/nav_h.png) repeat-x;
}
#nav .hover a {
color: #000;
}
#nav .focus {
}
/*多级导航栏结束*/
#main {
margin: 0 auto;
width: 910px;
}
#content {
width: 660px;
padding: 0px 15px;
float: right;
}
#content .story {
padding: 20px 15px 10px 0;
border-bottom: 1px dashed #CCC;
}
#content .story a {
color: #589700;
}
#content .story h2 {
font-size: 1.2em;
line-height: 24px;
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: transparent url(img/arrowleft-orange.gif) no-repeat scroll 0
5px;
border-bottom: 1px solid #DDDDDD;
float: left;
margin-bottom: 5px;
margin-right: 2px;
padding-left: 14px;
}
#content .story h2 a {
color: #FF8200;
}
#content .story h2 a:hover {
color: #F00;
text-decoration: none;
}
#content .story .meta {
line-height: 22px;
height: 1%;
padding: 5px 0;
color: #589700;
}
#content .story .meta p {
padding-left: 50px;
font-size: 11px;
font-weight: bold;
}
#content .story img.avatar {
float: left;
padding: 1px;
border: 1px solid #CCC;
}
#content .entry {
padding: 10px 0 10px 0;
clear: both;
height: 1%;
overflow: auto;
line-height: 18px;
}
#content .entry p {
padding: 3px 0;
line-height: 20px;
}
#content .entry img {
max-width: 690px;
}
#content .entry p.postmetadata {
text-align: right;
padding: 10px 0;
text-indent: 0;
}
#content span.readmore {
font-size: 14px;
line-height: 24px;
}
#content div.navigation {
padding: 10px 5px;
height: 20px;
position: relative;
font-weight: bold;
}
#content div.navigation a {
color: #589700;
line-height: 20px;
}
#content div.navigation a:hover {
color: #000;
text-decoration: underline;
}
#content div.navigation span {
cursor: pointer;
}
#content div.navigation span.nav_prev {
position: absolute;
left: 10px;
}
#content div.navigation span.nav_next {
position: absolute;
right: 10px;
}
.page_nav strong {
line-height: 35px;
}
/*评论部分*/
div.comments-template {
padding: 10px;
}
h3#comments,#respond h3 {
font-size: 14px;
line-height: 16px;
padding-bottom: 10px;
}
ol.commentlist {
list-style: none;
}
ol.commentlist li.comment_li {
height: 1%;
clear: both;
overflow: auto;
margin-bottom: 10px;
padding: 5px;
}
ol.commentlist li img.avatar {
float: left;
height: 32px;
width: 32px;
padding: 1px;
border: 1px solid #CCC;
}
ol.commentlist li .commentmetadata {
display: block;
padding-left: 40px;
line-height: 17px;
}
ol.commentlist li .commentmetadata a {
color: #589700;
}
ol.commentlist li strong.commentmetadata {
line-height: 19px;
font-size: 12px;
color: #666;
}
ol.commentlist li span.commentmetadata {
font-size: 11px;
}
ol.commentlist li span.commentmetadata em {
font-style: normal;
font-size: 11px;
padding-left: 5px;
color: #666;
}
ol.commentlist li div.comment_text {
padding: 5px 0;
line-height: 14px;
}
#commentform p {
padding: 5px 0;
color: #cc0000;
font-size: 14px;
font-weight: bold;
}
#commentform p label {
padding-left: 5px;
}
input.comment_submit {
border: 1px solid #ccc;
border-right: 3px solid #589700;
padding: 3px 10px;
font-size: 14px;
line-height: 14px;
background: #fff;
}
span.comment_submit {
color: #666;
font-size: 11px;
padding-left: 10px;
}
li.comment_odd {
background: #efefef;
}
li.author_comment {
background: #d2d7db;
}
/*评论结束*/
#sidebar {
width: 182px;
padding: 2px 0 0 0;
float: left;
}
#sidebar ul {
list-style: none;
}
#sidebar ul li {
}
#sidebar ul li a {
color: #435581;
padding-left: 10px;
}
#sidebar ul li a:hover {
color: #FF8200;
}
#sidebar li.widget,#sidebar li.pagenav,#sidebar li.linkcat {
background: #EFEFEF;
margin: 15px 0;
}
#sidebar li.widget h3,#sidebar li.pagenav h2,#sidebar li.linkcat h2 {
display: block;
background: url(img/sidebar_bg1.gif) repeat;
height: 29px;
line-height: 29px;
text-indent: 1em;
font-size: 14px;
color: #FF8200;
}
#sidebar li.widget ul li,#sidebar li.pagenav ul li,#sidebar li.linkcat ul li
{
padding: 5px 0;
border-bottom: 1px dotted #dedede;
margin: 0 10px;
list-style-position: inside;
list-style-type: none;
height: 17px;
width: 164px;
overflow: hidden;
}
#sidebar li.widget ul li ul li,#sidebar li.pagenav ul li ul li,#sidebar li.linkcat ul li ul li
{
border: none;
padding: 0;
line-height: 18px;
}
#sidebar .widget_tag_cloud div {
padding: 5px;
line-height: 25px;
}
#searchform {
height: 20px;
line-height: 20px;
background: url(img/searchbar.gif) no-repeat;
padding: 1px 0 0 1px;
}
input#s {
border: none;
width: 156px;
}
input#searchsubmit {
border: none;
background: url(img/normal.gif) no-repeat right -1px;
height: 18px;
width: 18px;
text-indent: -10000px;
}
input:hover #searchsubmit {
background: url(img/hover2.gif) no-repeat;
}
#footer {
text-align: center;
height: 86px;
border-top: 1px solid #ccd3df;
margin: -25px auto;
width: 910px;
}
#footer p {
padding-top: 8px;
}
#footer a {
color: #000;
}
#footer a:hover {
color: #589600;
}
/* 日历 */
#wp-calendar {
empty-cells: show;
padding: 5px;
margin: 10px auto 0;
width: 170px;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
}
#wp-calendar caption {
text-align: center;
width: 100%;
}
#wp-calendar td {
padding: 0;
text-align: center;
}
/* 日历结束 */
.clear {
clear: both;
}
.hidden,.none {
display: none;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
/* 头部广告*/
.banner {
margin-bottom: 0px;
margin-top: 3px;
width: 910px;
}
div#left {
float: left;
text-align: left;
width: 240px;
}
div#right {
float: right;
width: 166px;
}
div#middle {
margin: 0;
padding: 0 176px 0 255px;
text-align: left;
}
#flash {
height: 247px;
margin-bottom: 5px;
margin-top: 1px;
width: 910px;
}
.img {
margin-top: 5px;
padding: 0;
}
h2.title-case-customer {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: #A5A5A5 url(img/case-customer.png) no-repeat scroll left top
;
color: #FFFFFF;
font-size: 12px;
height: 30px;
line-height: 30px;
margin: 0 2px;
padding: 0 0 0 15px;
text-align: left;
}
h2.title-case-customer a {
color: #FFFFFF;
display: block;
height: 30px;
}
a.link-case-customer img {
border: medium none;
margin: 0 2px;
}
h2.title-sub {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: transparent url(img/bullet-h2-subtitle.gif) no-repeat scroll
2px center;
color: #05418F;
font-size: 14px;
font-weight: bold;
height: 25px;
line-height: 25px;
margin: 6px 0 12px;
padding: 0 0 0 14px;
}
a.link-download {
float: left;
margin-left: 10px;
}
a.link-register {
float: left;
margin-left: 30px;
}
#middle .title h2 {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: transparent url(img/bullet-h2-subtitle.gif) no-repeat scroll
2px center;
float: left;
color: #05418F;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
margin-right: 2px;
padding-left: 14px;
}
.more {
float: right;
padding: 0 10px 0 0;
}
#middle .catlist ol,#middle .catlist ul {
list-style-image: url(img/arrow.gif);
list-style-position: inside;
list-style-type: none;
margin-bottom: 10px;
margin: 20px 0 0;
padding: 10px 5px 0;
}
#middle .catlist {
margin-bottom: 16px;
overflow: hidden;
padding: 10px;
}
.timer {
float: right;
margin-right: 15px; *
margin-left: 0px;
text-indent: 2px;
color: #999;
}
#banner_40 {
background: url(img/banner_2.jpg);
height: 160px;
}
#banner_27 {
background: url(img/banner_7.jpg);
height: 160px;
}
#banner_260 {
background: url(img/banner_3.jpg);
height: 160px;
}
#banner_38 {
background: url(img/banner_5.jpg);
height: 160px;
}
#banner_591 {
background: url(img/banner_amadis.jpg);
height: 380px;
}
#banner_600 {
background: url(img/banner_milk.jpg);
height: 380px;
}
#banner_609 {
background: url(img/banner_egg.jpg);
height: 150px;
}
#banner_618 {
background: url(img/shopyidemo.jpg);
height: 400px;
}
#content .story li {
border-bottom: 1px solid #EFEFEF;
line-height: 1.4em;
padding: 2px 0;
}
#content .story ol,#content .story ul {
list-style-image: url(img/arrow.gif);
list-style-position: inside;
list-style-type: none;
line-height: 1.4em;
}
#content #c {
background-color: #FFFFFF;
float: left;
height: 100%;
margin: -10px 0 0 5px;
text-align: left;
width: 630px;
}
fieldset {
border: none;
}
fieldset legend {
font-size: 14px;
font-weight: bolder;
color: red;
}
fieldset div {
clear: both;
height: 24px;
line-height: 24px;
padding: 4px;
}
fieldset label {
display: block;
float: left;
height: 24px;
width: 140px;
text-align: right;
padding: 0 10px;
}
fieldset .input {
font-size: 14px;
font-weight: bolder;
padding: 2px;
float: left;
width: 260px;
}
.input,.small {
border: 1px #7F9CBA solid;
float: left;
}
div .tip {
visibility: hidden;
background: url(img/msg_bg.gif) no-repeat 2px center;
}
form .focus .tip {
visibility: visible;
}
form .focus .input {
border: 2px solid #055b8f;
padding: 1px;
background: #fffee1;
}
form .focus .small {
border: 2px solid #055b8f;
padding: 1px;
background: #fffee1;
}
#strength {
width: 200px;
height: 30px;
float: left;
display: block;
width: 200px;
background: url(img/rgb.jpg) no-repeat center 20px;
float: left;
padding: 0;
margin: 0;
line-height: 20px;
}
p.weak {
text-indent: 20px;
color: red;
}
p.average {
text-indent: 70px;
color: #0e1189;
}
p.secure {
text-indent: 140px;
color: green;
}
fieldset .btn {
text-align: center;
margin: 10px 0 0 0;
}
.btn button {
padding: 0 30px;
height: 30px;
width:210px;
line-height: 30px;
}
.terms {
border: 1px solid #ccc;
height: 400px;
margin: 4px;
overflow: auto;
}
.terms h3 {
text-align: center;
}
.terms p {
text-indent: 24px;
}
.terms ul li {
list-style: none;
}
div .help {
background: url(img/q.jpg) no-repeat center;
cursor: pointer;
display: block;
height: 24px;
width: 17px;
float: right;
padding: 0;
margin: 0;
}
.signup {
padding: 55px 0 0 0;
background: url(img/title.jpg) no-repeat 20px 20px;
position: relative;
}
fieldset {
padding: 40px 0 0 0;
background: url(img/top.gif) no-repeat left top;
}
.hints {
padding: 0;
margin: 0;
text-indent: 164px;
color: #A6A6A6;
clear: both;
}
.radio {
margin: 0 0 0 10px;
padding: 0;
}
.small {
width: 60px;
border: 1px #7F9CBA solid;
padding: 2px;
font-weight: bolder;
}
.focus .radio {
}
input {
color: #044266;
}
.signup .help {
display: none;
}
div.nav {
text-align: center;
margin: 40px 0;
}
.nav button {
border: none;
cursor: pointer;
margin: 0 40px;
}
.nav .download {
background: url(img/download.jpg) no-repeat center;
width: 220px;
height: 63px;
}
.nav .navigate {
background: url(img/view.jpg) no-repeat center 7px;
width: 181px;
height: 63px;
}
#message .failure {
color: red;
}
#message .success {
color: green;
}
.lim_wrap {
position: absolute !important;
overflow: visible;
top: 0;
left: 0;
padding: 0;
margin: 0;
width: 100%;
}
.lim_wrap .mask {
background: #000;
opacity: 0.5;
position: absolute;
width: 100%;
filter: Alpha(opacity = 50);
}
.lim_wrap .hide {
display: none;
}
.lim_wrap .show {
display: block;
}
.lim_wrap .alert {
position: absolute;
}
.lim_wrap .window {
position: relative;
line-height: 24px;
background: #fff;
}
.lim_wrap .title {
height: 24px;
width: 100%;
text-indent: 24px;
cursor: move;
background: #75b8fb;
}
.lim_wrap .content {
text-indent: 24px;
}
.lim_wrap .button {
height: 30px;
line-height: 30px;
}
.lim_wrap .close {
height: 20px;
width: 20px;
position: absolute;
top: 2px;
right: 2px;
display: block;
cursor: pointer;
}
.lim_wrap .close {
height: 20px;
width: 20px;
position: absolute;
top: 2px;
right: 2px;
display: block;
cursor: pointer;
background: url(img/close.gif) no-repeat center;
}
.lim_wrap .button {
display: none;
}
.err {
color: red;
background: url(img/wrong.jpg) no-repeat 3px center;
}
.ok {
background: url(img/right.jpg) no-repeat 3px center;
display: block;
float: left;
}
form span {
padding: 0 0 0 20px;
height: 17px;
}
select {
width: 74px;
display: inline;
height: 22px;
border: 1px #7F9CBA solid;
line-height: 22px;
}
#figurecode {
position: relative;
}
#zone select {
width: 78px;
display: inline;
}
#zone .middle {
padding: 0;
margin: 0 10px 0 0
}
.sex {
width: 110px;
float: left;
height: 24px;
padding: 0;
margin: 0;
clear: none;
}
.nickname {
float: left;
}
.succeed {
padding: 0 100px;
font-size: 12px;
}
.succeed h2 {
color: red;
text-align: center;
font-size: 20px;
}
.succeed div {
height: 30px;
line-height: 30px;
}
.succeed label {
color: #044266;
font-weight: bolder;
}
.succeed a.help {
float: left;
height: 30px;
}
#loginTip {
width: 392px;
height: 311px;
position: absolute;
top: 0;
left: 0;
display: none;
}