292 lines
13 KiB
CSS
292 lines
13 KiB
CSS
@charset "utf-8";
|
|
/*wrapper*/
|
|
.wrapper{width:1000px; margin:0 auto; }
|
|
/*header*/
|
|
.header{}
|
|
/*topLink*/
|
|
.topLink{ height:36px; line-height:36px; background:url(images/bg.gif) top repeat-x; text-align:right; color:#999;}
|
|
.topLink a{ color:#999;}
|
|
.topLink a:hover{ color:#f60;}
|
|
/*logoBox*/
|
|
.logoBox{ height:120px;}
|
|
/*logo*/
|
|
.logo{ float:left; width:166px; height:41px; padding:35px 0 0 75px; }
|
|
.logo h1{display:block; height:41px; line-height:41px; background:url(images/logo.png) 0 0 no-repeat; text-indent:-999px; overflow:hidden;}
|
|
/*searchBox*/
|
|
.searchBox{ float:right; width:640px; padding:40px 80px 0 0;}
|
|
/*search*/
|
|
.search{ height:34px;}
|
|
.search .inputBox{ float:left; width:350px; padding:0 10px; height:30px; border:2px solid #0d7fbd; border-radius:3px 0 0 3px; border-right:none;}
|
|
.search .inputBox input{ border:none; padding:0; margin:0; height:30px;*height:28px!important; line-height:30px; *line-height:28px!important; width:350px; font-size:14px; color:#999; border:0;}
|
|
.search .entries{ float:left; height:34px; line-height:34px; padding:0 5px; background:#0d7fbd; border-radius:0 3px 3px 0; font-size:14px;}
|
|
.search .entries a{display:inline-block; height:34px; padding:0 10px; font-size:14px; color:#fff;}
|
|
.search .btn{ float:left; margin:0 8px; height:34px; line-height:34px;}
|
|
.search .btn a{ display:inline-block; height:34px; line-height:34px; padding:0 25px; background:#0d7fbd;font-size:14px; color:#fff; font-weight:bold; border-radius:3px;}
|
|
.search .btn a:hover{ background:#c00;}
|
|
.search .link{float:left; line-height:34px;}
|
|
.search .link a{color:#09c;}
|
|
.search .link a:hover{ color:#f60; text-decoration:underline;}
|
|
/*hotSearch*/
|
|
.hotSearch{ height:28px; line-height:28px; color:#666;overflow: hidden;width: 700px;}
|
|
.hotSearch a{ color:#09c; padding-right:8px;}
|
|
.hotSearch a:hover{ color:#f60; text-decoration:underline;}
|
|
/*menuBox*/
|
|
.menuBox{ height:32px; padding:7px 10px; background:#0f78b3; }
|
|
/*nav*/
|
|
.nav{ float:left; height:32px; width:720px;}
|
|
.menuBox li{ display:block; float:left; padding:0 5px 0 3px; height:32px; line-height:32px; background:url(images/line01.gif) right center no-repeat; }
|
|
.menuBox li.last{ padding:0 0 0 3px; background: none;}
|
|
.menuBox li a{ display:inline-block; padding:0 15px; height:32px; line-height:32px; font-family:"宋体",sans-serif; font-size:16px; text-align:center; color:#fff;}
|
|
.menuBox li a:hover,.menuBox li.current a{background:#005684; color:#fff;}
|
|
.term{ float:right; }
|
|
/*mainBox*/
|
|
.mainBox{}
|
|
/*leftBar*/
|
|
.conBar{ /*float:left;*/ width:715px;}
|
|
.conBar .hd{ height:36px; line-height:36px; padding:0 15px 0 20px; border-bottom:1px solid #e3e3e3;}
|
|
.conBar .hd h3{ display:block; float:left; font-size:14px; font-weight:bold;}
|
|
.conBar .hd .more{ float:right;}
|
|
.conBar .hd .more a{font-size:12px;color:#999;}
|
|
.conBar .hd .more a:hover{color:#f60; text-decoration:underline;}
|
|
.conBar .bd{ padding:15px;height:auto!important;min-height:50px; _height:50px;}
|
|
/*Recommended entries*/
|
|
.recommended .bd{ padding:20px 15px 15px;}
|
|
.recommended .focus{padding:0 0 10px; height:160px; border-bottom:1px dashed #f0f0f0;}
|
|
.recommended .focus .detail{ float:right; width:400px;}
|
|
.recommended .focus .detail h5{ height:30px; line-height:30px;}
|
|
.recommended .focus .detail h5 a{font-size:16px; color:#2d64b3;}
|
|
.recommended .focus .detail h5 a:hover{color:#f60; text-decoration:underline;}
|
|
.recommended .focus .detail p{ font-size:14px; line-height:24px; color:#666;}
|
|
.recommended .focus .detail p a{ font-size:14px; color:#2d64b3;}
|
|
.recommended .focus .detail p a:hover{ color:#f60; text-decoration:underline;}
|
|
.recommended .focus .pic{ float:left; width:270px; height:146px;}
|
|
.recommended .focus .pic a{ display:block; width:270px; height:146px;}
|
|
.recommended .focus .pic a img{border:none; width:270px; height:146px;}
|
|
.recommended .list{ padding:10px 5px;}
|
|
.recommended .list li{ display:block; float:left; width:320px; padding-right:12px; height:24px; line-height:24px;}
|
|
.recommended .list li a{ font-size:14px; display:block; float:left; color:#2d64b3; }
|
|
.recommended .list li a:hover{ color:#f60; text-decoration:underline;}
|
|
.recommended .list li p{ font-size:14px; color:#666; display:block; float:left; padding-left:10px;}
|
|
/*Ranking*/
|
|
.ranking{ float:left; width:255px;}
|
|
.ranking li{ display:block; height:26px; line-height:26px;}
|
|
.ranking li span{ display:block; float:left; width:16px; height:16px; margin:5px 8px 0 0; text-align:center; line-height:16px; color:#f33; font-size:10px; background:url(images/icon02.png) 0 0 no-repeat; font-family:Verdana, Geneva, sans-serif;}
|
|
.ranking li a{line-height:26px; font-size:14px; color:#2d64b3;}
|
|
.ranking li a:hover{ color:#f60; text-decoration:underline;}
|
|
/*wonderful*/
|
|
.wonderful{ float:right; width:440px;}
|
|
.wonderful .bd{ padding:15px;}
|
|
.wonderful .focus{padding:0px; height:130px;}
|
|
.wonderful .focus .detail{ float:right; width:235px;}
|
|
.wonderful .focus .detail h5{ height:26px; line-height:26px;}
|
|
.wonderful .focus .detail h5 a{font-size:14px; color:#2d64b3;}
|
|
.wonderful .focus .detail h5 a:hover{color:#f60; text-decoration:underline;}
|
|
.wonderful .focus .detail p{ font-size:12px; line-height:20px; color:#666;}
|
|
.wonderful .focus .detail p a{ font-size:12px; color:#2d64b3;}
|
|
.wonderful .focus .detail p a:hover{ color:#f60; text-decoration:underline;}
|
|
.wonderful .focus .pic{ float:left; width:162px; height:122px;}
|
|
.wonderful .focus .pic a{ display:block; width:160px; height:120px; border:1px solid #e6e6e6;}
|
|
.wonderful .focus .pic a:hover{ border:1px solid #f60;}
|
|
.wonderful .focus .pic a img{border:none; width:160px; height:120px;}
|
|
.wonderful .list li{ display:block; height:24px; line-height:24px; overflow:hidden;}
|
|
.wonderful .list li a{ display:block; float:left; height:24px; padding-left:10px; font-size:14px; color:#2d64b3; background:url(images/icon03.png) left 10px no-repeat; }
|
|
.wonderful .list li a:hover{ color:#f60; text-decoration:underline; background-position:left -27px;}
|
|
.wonderful .list li p{ color:#666; display:block; float:left; padding-left:10px;font-size:14px; color:#333;}
|
|
/*encyclopedia*/
|
|
.encyclopedia .bd{ padding:20px 15px;*padding:20px 15px 0!important;}
|
|
.encyclopedia li{ display:block; float:left; width:155px; height:117px; padding:0 8px; position:relative;}
|
|
.encyclopedia li a{display:block; width:155px; height:117px;}
|
|
.encyclopedia li a span{ display:block; width:155px; height:26px; text-align:center; line-height:26px; color:#fff; cursor:pointer; background:url(images/bg02.png); position:absolute; left:8px; bottom:0;}
|
|
.encyclopedia li a:hover span{text-decoration:underline;}
|
|
/*popularTags*/
|
|
.popularTags{}
|
|
.popularTags li{ display:block; float:left; padding:0 8px;height:30px; line-height:30px;}
|
|
.popularTags li a{ font-size:14px; color:#0268cd; word-break:keep-all;}
|
|
.popularTags li a.red{ color:#f00;}
|
|
.popularTags li a:hover{color:#f60; text-decoration:underline;}
|
|
/*rightBar*/
|
|
.funBar{ /*float:right;*/ width:265px;}
|
|
.funBar .hd{ padding:0 20px; height:36px; line-height:36px; border:1px solid #e3e3e3;}
|
|
.funBar .hd h3{ font-size:14px; color:#000;}
|
|
.funBar .hd .logout{ margin-left:10px;}
|
|
.funBar .bd{ padding:10px 15px;border:1px solid #e3e3e3; border-top:none;height:auto!important;min-height:100px; _height:100px;}
|
|
/*loginBox*/
|
|
.loginBox .bd{ background:#f7f7f7; }
|
|
/*login*/
|
|
.login{padding:5px 0 15px;}
|
|
.login li{ display:block; height:28px; line-height:28px; padding:4px 0;}
|
|
.login li span{ display:block; float:left; width:60px; padding-right:2px; height:28px; line-height:28px; text-align:right;}
|
|
.login input{ float:left;width:145px; height:26px; line-height:26px; margin:0; padding:0; border:1px solid #ccc; border-radius:3px; }
|
|
.login li.btn{ height:28px; padding:5px 0 0 62px;}
|
|
.login li.btn a{display:inline-block; float:left; margin:0 8px 0 0; height:28px; line-height:28px; width:65px; text-align:center; font-size:14px; color:#fff; background:#0d7fbd; border-radius:3px;}
|
|
.login li.btn a.green{ background:#45a008;}
|
|
/*novice*/
|
|
.loginBox .novice{ padding:10px 0 0 45px; background:url(images/icon01.png) 0px 5px no-repeat; border-top:1px solid #ececec;}
|
|
.loginBox .novice li{ display:block; height:32px; line-height:32px;}
|
|
.loginBox .novice li a{font-size:14px; color:#c00;}
|
|
/*improved*/
|
|
.improved .bd{}
|
|
.improved li{ display:block; float:left; width:50%; height:28px; line-height:28px;}
|
|
.improved li a{ font-size:14px; color:#0268cd;}
|
|
.improved li a:hover{color:#f60; text-decoration:underline;}
|
|
/*alphabetically*/
|
|
.alphabetically .bd{}
|
|
.alphabetically li{ display:block; float:left; width:14.2%;height:28px; line-height:28px; text-align:center;}
|
|
.alphabetically li a{ font-size:14px; color:#0268cd; text-decoration:underline; font-family:Verdana, Geneva, sans-serif,"宋体";}
|
|
.alphabetically li a:hover{color:#f60;}
|
|
/*docmanage*/
|
|
.docmanage {display:none;}
|
|
.docmanage li{ display:block; float:left; width:40%;height:28px; line-height:28px; text-align:center;}
|
|
.docmanage li a{ font-size:14px; color:#0268cd; font-family:Verdana, Geneva, sans-serif,"宋体";}
|
|
.docmanage li a:hover{color:#f60;}
|
|
/*browse*/
|
|
.browse{ border:1px solid #e3e3e3; padding:5px 20px 10px}
|
|
.browse .hd{ height:30px; line-height:30px; }
|
|
.browse .bd li{ width:26px; height:26px; line-height:26px; padding:0 4px 0 0;}
|
|
.browse .bd li a{ display:block; width:24px; height:24px; line-height:24px; border:1px solid #bbddee;}
|
|
.browse .bd li a:hover{ border:1px solid #ffbc65;}
|
|
/*footer*/
|
|
.footer{ border-top:1px solid #dbdbdb;}
|
|
/*friendlyLinks*/
|
|
.friendlyLinks{ padding:20px 30px; border:1px solid #dbdbdb; border-top:none; background:#fbfbfb;height:auto!important;min-height:24px; _height:24px;}
|
|
.friendlyLinks .hd{ float:left; font-size:14px;}
|
|
.friendlyLinks .hd h3{ font-size:12px; line-height:24px;}
|
|
.friendlyLinks .bd { float:right; width:870px;}
|
|
.friendlyLinks .bd li{display:block; float:left; height:24px; padding:0 8px;}
|
|
.friendlyLinks .bd li a{ line-height:24px; font-size:12px; color:#333; word-break:keep-all;}
|
|
.friendlyLinks .bd li a:hover{color:#f60; text-decoration:underline;}
|
|
/*copyRight*/
|
|
.copyRight{ padding:10px 20px; line-height:24px; text-align:center; color:#666; font-family:Arial, Helvetica, sans-serif,"宋体";}
|
|
.copyRight span{ line-height:20px;color:#999;}
|
|
|
|
/*锁屏层*/
|
|
.mask {
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
background:#666;
|
|
opacity:0.5;
|
|
filter: Alpha(opacity=60); /* IE 8 */
|
|
filter: alpha(opacity=60); /* IE 4-7 */
|
|
-moz-opacity:0.5; /* FF FireFox 3.5+ 已不再支持 -moz-opacity */
|
|
z-index:200;
|
|
visibility:hidden;
|
|
}
|
|
|
|
/*-----弹出层样式-------*/
|
|
.content_box{
|
|
background:#fff;
|
|
border:1px;
|
|
border-color:Black;
|
|
position:absolute;
|
|
width:600px;
|
|
left:35%;
|
|
filter:dropshadow(color=#666666,offx=3,offy=3,positive=2);
|
|
visibility:hidden;
|
|
z-index:300;
|
|
}
|
|
|
|
.content_title{
|
|
background:#F3F3F3;
|
|
height:20px;
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:12px;
|
|
padding:5px;
|
|
color:#000;
|
|
}
|
|
div.content_title div.ctLeft
|
|
{
|
|
display: inline; top:5px; left:5px; width: 540px; position: absolute; cursor: move;
|
|
}
|
|
div.content_title span.ctRight
|
|
{
|
|
float: right; display: inline; cursor: pointer;
|
|
background:transparent url(images/c_shut.gif) no-repeat scroll center top;
|
|
background-position: 0 0px;
|
|
width:12px;
|
|
height:15px;
|
|
display:block;
|
|
}
|
|
div.content_title span.ctRight:hover
|
|
{
|
|
background-position: 0 -25px;
|
|
}
|
|
.content_content
|
|
{
|
|
width:100%;
|
|
}
|
|
div.c_create{ padding:10px 5px;}
|
|
|
|
/*-----信息提示-------*/
|
|
#bm_content
|
|
{
|
|
margin:30px 20px 20px 30px;
|
|
}
|
|
#bm_message{left:80px;position:absolute;bottom:74px;}
|
|
#Message_box{width:350px;height:170px;}
|
|
#Message_Content .bm_bottom
|
|
{
|
|
background:transparent url(images/dot.gif) repeat-x scroll 0 0;
|
|
padding:10px;
|
|
text-align:center;
|
|
}
|
|
|
|
.bm_bottom a{cursor:pointer;display:block; margin:0 auto; height:32px; line-height:32px; width:100px; text-align:center; font-size:14px; font-weight:bold; color:#fff; background:#c00; border-radius:3px;}
|
|
.bm_bottom a:hover{ background:#f93;}
|
|
.bm_success{background:transparent url(images/bm_success.gif) no-repeat scroll 0 0;width:41px;height:41px;display: block;}
|
|
.bm_warn{background:transparent url(images/bm_warn.gif) no-repeat scroll 0 0;width:41px;height:41px;display: block;}
|
|
.bm_fail{background:transparent url(images/bm_fail.gif) no-repeat scroll 0 0;width:41px;height:41px;display: block;}
|
|
|
|
.lock
|
|
{
|
|
border: 1px solid #E1E1E1;
|
|
background: none repeat scroll 0 0 #FFFFCC;
|
|
border-color: #F39700;
|
|
clear: both;
|
|
margin: 20px 0 5px;
|
|
overflow: hidden;
|
|
padding: 10px;
|
|
}
|
|
|
|
.page {
|
|
clear: both;
|
|
padding-bottom: 10px;
|
|
text-align: right;
|
|
}
|
|
.page input {
|
|
background: none repeat scroll 0 0 #FFFFFF;
|
|
border: 1px solid #C5C5C5;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
width: 30px;
|
|
}
|
|
.page a, .page span {
|
|
display: inline-block;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
vertical-align: middle;
|
|
}
|
|
.page a, .page a:active {
|
|
border: 1px solid #C5C5C5;
|
|
display: inline-block;
|
|
padding: 0 6px;
|
|
}
|
|
.page a:hover {
|
|
border: 1px solid #246DC9;
|
|
color: #246DC9;
|
|
text-decoration: none;
|
|
}
|
|
.page span.current, .page b a {
|
|
background: none repeat scroll 0 0 #246DC9;
|
|
border: 1px solid #246DC9;
|
|
color: #FFFFFF;
|
|
font-weight: bold;
|
|
padding: 0 6px;
|
|
}
|
|
.page span.disabled {
|
|
border: 1px solid #C5C5C5;
|
|
color: #999999;
|
|
padding: 0 6px;
|
|
} |