655 lines
33 KiB
CSS
655 lines
33 KiB
CSS
/* CSS Document */
|
|
/* 2015-06-26 */
|
|
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0; padding:0;}
|
|
body,table,input,textarea,select,button { font-family: "微软雅黑","宋体"; font-size:12px;line-height:1.5; background:#eaebec;}
|
|
div,img,tr,td,table{ border:0;}
|
|
table,tr,td{border:0;cellspacing:0; cellpadding:0;}
|
|
ol,ul,li{ list-style-type:none}
|
|
a:link,a:visited{color:#7f7f7f;text-decoration:none;}
|
|
a:hover,a:active{color:#15bccf;}
|
|
/*img{max-width: 100%;}*/
|
|
|
|
/*常用*/
|
|
select,input,textarea{ border:1px solid #64bdd9; background:#fff; color:#000; padding-left:5px; }
|
|
.sub_btn{ cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #707070; color:#000; border-radius:3px; padding:1px 10px; background:#dbdbdb;}
|
|
.sub_btn:hover{ background:#b5e2fa; color:#000; border:1px solid #3c7fb1;}
|
|
table{ background:#fff;}
|
|
.more{ font-weight:normal; color:#999; font-size:12px;}
|
|
.no_line{ border-bottom:none;}
|
|
.line{border-bottom:1px dashed #d4d4d4; padding-bottom:10px; margin-bottom:10px;}
|
|
.no_border{ border:none;background:none;}
|
|
.min_search{ width:150px; height:20px; border:1px solid #d0d0d0; color:#666; background:url(../images/public_icon.png) 135px -193px no-repeat; cursor:pointer;}
|
|
|
|
/* font & color */
|
|
h2{ font-size:18px; color:#15bccf;}
|
|
h3{ font-size:14px; color:#e8770d;}
|
|
h4{ font-size:14px; color:#3b3b3b;}
|
|
.f12{font-size:12px; font-weight:normal;}
|
|
.f14{font-size:14px;}
|
|
.f16{font-size:16px;}
|
|
.f18{font-size:18px;}
|
|
.fb{font-weight:bold;}
|
|
.lh20{line-height:20px;}
|
|
.lh22{line-height:22px;}
|
|
.lh24{line-height:24px;}
|
|
.lh26{line-height:26px;}
|
|
.fmYh{font-family:"MicroSoft Yahei";}
|
|
.font999{ color:#999;}
|
|
.fontRed{color:#770000;}
|
|
.text_c{ text-align:center;}
|
|
|
|
/* Float & Clear */
|
|
.cl{ clear:both; overflow:hidden; }
|
|
.fl{float:left;display:inline;}
|
|
.fr{float:right;display:inline;}
|
|
.f_l{ float:left;}
|
|
.f_r{ float:right;}
|
|
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
|
|
.clearfix{clear:both;zoom:1}
|
|
.break_word{ word-break:break-all; word-wrap: break-word;}
|
|
.white_space{white-space:nowrap;}
|
|
|
|
/* Spacing */
|
|
.ml2{ margin-left:2px;}
|
|
.ml3{ margin-left:3px;}
|
|
.ml4{ margin-left:4px;}
|
|
.ml5{ margin-left:5px;}
|
|
.ml8{ margin-left:8px;}
|
|
.ml10{ margin-left:10px;}
|
|
.ml15{ margin-left:15px;}
|
|
.ml20{ margin-left:20px;}
|
|
.ml40{ margin-left:40px;}
|
|
.ml45{ margin-left:45px;}
|
|
.ml55{ margin-left:55px;}
|
|
.ml30{ margin-left:30px;}
|
|
.ml60{ margin-left:60px;}
|
|
.ml80{ margin-left:80px;}
|
|
.ml90{ margin-left:90px;}
|
|
.ml100{ margin-left:100px;}
|
|
.ml110{ margin-left:110px;}
|
|
.mr5{ margin-right:5px;}
|
|
.mr10{ margin-right:10px;}
|
|
.mr20{ margin-right:20px;}
|
|
.mr30{ margin-right:30px;}
|
|
.mr40{ margin-right:40px;}
|
|
.mr45{margin-right: 45px;}
|
|
.mw15{margin:0 15px;}
|
|
.mw20{margin:0 20px;}
|
|
.mt3{ margin-top:3px;}
|
|
.mt5{ margin-top:5px;}
|
|
.mt8{ margin-top:8px;}
|
|
.mt10{ margin-top:10px;}
|
|
.mb5{ margin-bottom:5px;}
|
|
.mb10{ margin-bottom:10px;}
|
|
.mb20{ margin-bottom:20px;}
|
|
.pl15{ padding-left:15px;}
|
|
.w20{ width:20px;}
|
|
.w60{ width:60px;}
|
|
.w70{ width:70px;}
|
|
.w90{ width:90px;}
|
|
.w210{ width:210px;}
|
|
.w150{ width:150px;}
|
|
.w280{ width:280px;}
|
|
.w430{ width:470px;}
|
|
.w520{ width:520px;}
|
|
.w543{ width:543px;}
|
|
.w557{ width:557px;}
|
|
.w583{ width:583px;}
|
|
.w350{ width:350px;}
|
|
.w610{ width:610px;}
|
|
.w600{ width:600px;}
|
|
.h22{ height:22px;}
|
|
.h26{ height:26px;}
|
|
.h50{ height:50px;}
|
|
.h70{ height:70px;}
|
|
.h150{ height:150px;}
|
|
|
|
/* Font & background Color */
|
|
a.b_grey{ background: #F5F5F5;}
|
|
a.b_dgrey{ background: #CCC;}
|
|
a.c_orange{color:#ff5722;}
|
|
a:hover.c_orange{color: #d33503;}
|
|
a.c_lorange{color:#ff9900;}
|
|
a:hover.c_lorange{color:#fff;}
|
|
a.c_blue{ color:#15bccf;}
|
|
a.c_dblue{ color:#09658c;}
|
|
a:hover.c_dblue{ color:#15bccf;}
|
|
a.c_white{ color:#fff;}
|
|
a.c_dorange{ color:#fd6e2a;}
|
|
a.c_dark{color: #3e4040;}
|
|
a:hover.c_dark{color: #3ca5c6;}
|
|
a.b_blue{background: #64bdd9;}
|
|
a:hover.b_blue{background: #41a8c8;}
|
|
a.b_green{background:#28be6c;}
|
|
a:hover.b_green{background:#14ad5a;}
|
|
a.c_blue02{color: #3ca5c6;}
|
|
a:hover.c_blue02{color: #0781b4;}
|
|
a.c_red{ color:#F00;}
|
|
a:hover.c_red{ color: #C00;}
|
|
a.c_purple{color: #426e9a;}
|
|
a:hover.c_purple{color: #d33503;}
|
|
a.c_green{ color:#28be6c;}
|
|
|
|
.b_grey{ background: #F5F5F5;}
|
|
.b_dgrey{ background: #CCC;}
|
|
.c_orange{color:#e8770d;}
|
|
.c_dark{ color:#2d2d2d;}
|
|
.c_lorange{ color:#ff9900;}
|
|
.c_purple{color: #6883b6;}
|
|
.c_blue{ color:#15bccf;}
|
|
.c_red{ color:#F00;}
|
|
.c_green{ color:#28be6c;}
|
|
.c_dblue{ color:#09658c;}
|
|
.b_blue{background:#64bdd9;}
|
|
.b_green{background:#28be6c;}
|
|
.b_w{ background:#fff;}
|
|
|
|
/* commonBtn */
|
|
.grey_btn{ background:#d9d9d9; color:#656565;font-size:14px; font-weight:normal; text-align:center;padding:2px 10px;}
|
|
a.grey_btn{ background:#d9d9d9; color:#656565;font-size:14px; font-weight:normal; text-align:center;padding:2px 10px;}
|
|
a:hover.grey_btn{ background:#717171; color:#fff;}
|
|
.grey_n_btn{ background:#d9d9d9; color:#656565; font-weight:normal;padding:2px 10px; text-align:center;}
|
|
a.grey_n_btn{background:#d9d9d9; color:#656565;font-weight:normal; padding:2px 10px; text-align:center;}
|
|
a:hover.grey_n_btn{ background:#717171; color:#fff;}
|
|
.green_btn{ background:#28be6c; color:#fff; font-size:14px; font-weight:normal;padding:2px 10px; text-align:center;}
|
|
a.green_btn{background:#28be6c;color:#fff;font-size:14px; font-weight:normal; padding:2px 10px; text-align:center;}
|
|
a:hover.green_btn{ background:#14ad5a;}
|
|
.blue_btn{ background:#64bdd9; color:#fff; font-size:14px; font-weight:normal;padding:2px 10px; text-align:center;}
|
|
a.blue_btn{background:#64bdd9;color:#fff;font-size:14px; font-weight:normal; padding:2px 10px; text-align:center;}
|
|
a:hover.blue_btn{ background:#329cbd;}
|
|
a.orange_btn{ background:#ff5722;color:#fff;font-size:14px; font-weight:normal; padding:2px 10px; text-align:center; }
|
|
a:hover.orange_btn{ background:#d63502;}
|
|
|
|
.green_u_btn{border:1px solid #3cb761; padding:2px 10px; color:#3cb761;}
|
|
a.green_u_btn{border:1px solid #3cb761; padding:2px 10px; color:#3cb761;}
|
|
a:hover.green_u_btn{ background:#3cb761; color:#fff;}
|
|
.orange_u_btn{border:1px solid #ff5d31; padding:2px 10px; color:#ff5d31;}
|
|
a.orange_u_btn{border:1px solid #ff5d31; padding:2px 10px; color:#ff5d31;}
|
|
a:hover.orange_u_btn{background:#ff5d31; color:#fff;}
|
|
.bgreen_u_btn{border:1px solid #1abc9c; padding:2px 10px; color:#1abc9c;}
|
|
a.bgreen_u_btn{border:1px solid #1abc9c1; padding:2px 10px; color:#1abc9c;}
|
|
a:hover.bgreen_u_btn{background:#1abc9c; color:#fff;}
|
|
.blue_u_btn{border:1px solid #64bdd9; padding:2px 10px; color:#64bdd9;}
|
|
a.blue_u_btn{border:1px solid #64bdd9; padding:2px 10px; color:#64bdd9;}
|
|
a:hover.blue_u_btn{background:#64bdd9; color:#fff;}
|
|
.blue_n_btn{ background:#64bdd9; color:#fff; font-weight:normal;padding:2px 10px; text-align:center;}
|
|
a.blue_n_btn{background:#64bdd9;color:#fff;font-weight:normal; padding:2px 10px; text-align:center;}
|
|
a:hover.blue_n_btn{ background:#329cbd;}
|
|
.green_n_btn{background:#3cb761; padding:2px 10px; color:#fff;}
|
|
a.green_n_btn{background:#3cb761; padding:2px 10px; color:#fff;}
|
|
a:hover.green_n_btn{ background:#14ad5a;}
|
|
.orange_n_btn{background:#ff5d31; padding:2px 10px; color:#fff;}
|
|
a.orange_n_btn{background:#ff5d31; padding:2px 10px; color:#fff;}
|
|
a:hover.orange_n_btn{background:#d63502;}
|
|
.bgreen_n_btn{background:#1abc9c; padding:2px 10px; color:#fff;}
|
|
a.bgreen_n_btn{background:#1abc9c; padding:2px 10px; color:#fff;}
|
|
a:hover.bgreen_n_btn{background:#08a384;}
|
|
|
|
.nolink_btn{ background:#BCBCBC; color: #fff; padding:2px 5px;}
|
|
.more_btn{-moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #9DCEFF; color:#9DCEFF; border-radius:3px; padding:0px 3px;}
|
|
.upbtn{ margin:42px 0 0 10px; border:none; color:#999; width:150px;}
|
|
.red_btn_cir{ background:#e74c3c; padding:1px 10px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
|
|
.green_btn_cir{ background:#28be6c; padding:1px 10px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
|
|
.blue_btn_cir{ background:#3498db; padding:1px 10px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
|
|
.orange_btn_cir{ background:#e67e22; padding:1px 10px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-weight:normal; font-size:12px;}
|
|
.bgreen_btn_cir{ background:#1abc9c; padding:1px 10px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-weight:normal; font-size:12px;}
|
|
/* commonpic */
|
|
.pic_date{ display:block; background:url(../images/public_icon.png) -31px 0 no-repeat; width:16px; height:15px; float:left;}
|
|
.pic_add{ display:block; background:url(../images/public_icon.png) -31px -273px no-repeat; width:16px; height:15px; float:left;}
|
|
.pic_sch{ display:block; background:url(../images/public_icon.png) -31px -195px no-repeat; width:16px; height:15px; float:left;}
|
|
.pic_mes{ display:block; background:url(../images/public_icon.png) 0px -376px no-repeat; width:20px; height:15px; padding-left:18px;}
|
|
.pic_img{ display:block; background:url(../images/public_icon.png) -31px -419px no-repeat; width:20px; height:15px; }
|
|
.pic_del{ display:block; background:url(../images/public_icon.png) 0px -235px no-repeat; width:20px; height:15px; }
|
|
.pic_del:hover{ background:url(../images/public_icon.png) -32px -235px no-repeat; }
|
|
.pic_stats{display:block; background:url(../images/public_icon.png) 0px -548px no-repeat; width:20px; height:15px;}
|
|
.pic_files{display:block; background:url(../images/public_icon.png) 0px -578px no-repeat; width:20px; height:15px;}
|
|
.pic_text{display:block; background:url(../images/public_icon.png) 0px -609px no-repeat; width:20px; height:18px;}
|
|
.pic_text02{display:block; background:url(../images/public_icon.png) 0px -642px no-repeat; width:20px; height:19px;}
|
|
.pic_edit{display:block; background:url(../images/public_icon.png) 0px -32px no-repeat; width:20px; height:15px;}
|
|
.pic_edit:hover{display:block; background:url(../images/public_icon.png) -32px -32px no-repeat; width:20px; height:15px;}
|
|
|
|
|
|
|
|
|
|
|
|
/*框架主类容*/
|
|
#Container{ width:1000px; margin:0 auto; }
|
|
|
|
/*头部导航*/
|
|
#Header{ margin:10px 0; background:#15bccf; height:40px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
|
|
.logo{ margin:5px 10px; }
|
|
#TopNav{}
|
|
#TopNav ul li{ margin-top:8px;}
|
|
.topnav_a a{ font-size:14px; font-weight:bold; color:#fff; margin-right:10px;}
|
|
.topnav_a a:hover{color: #a1ebff;}
|
|
#TopUser{}
|
|
#TopUser ul li{ margin-top:8px;}
|
|
.topuser_a a{ font-size:14px; font-weight:bold; color:#fff; margin-right:10px;}
|
|
.topuser_a a:hover{color: #a1ebff;}
|
|
#TopUser02{ }
|
|
#TopUser02 li{ float: left;}
|
|
#TopUser02 li a{ margin-right:10px;color: #FFF;text-align: center;}
|
|
#TopUser02 li a:hover{color: #a1ebff;}
|
|
#TopUser02 div{ position: absolute;visibility: hidden;background:#fff;border: 1px solid #15bccf;}
|
|
#TopUser02 div a{position: relative;display: block;white-space: nowrap;text-align: left; line-height:1.9; margin-left:5px;background: #fff;color:#15bccf; font-weight:normal;}
|
|
#TopUser02 div a:hover{ color:#e8770d; font-weight: bold;}
|
|
/*头部导航下拉*/
|
|
div#menu {height:41px; font-size:14px; font-weight:bold; }
|
|
div#menu ul {float: left;}
|
|
div#menu ul.menu { padding-left: 30px; }
|
|
div#menu li {position: relative; z-index: 9; margin: 0; display: block; float: left; }
|
|
div#menu li:hover>ul { left: -2px;}
|
|
div#menu a {position: relative;z-index: 10; height: 41px; display: block; float: left;line-height: 41px; text-decoration: none; font-size:14px; }
|
|
div#menu a:hover, div#menu a:hover span { color: #a1ebff; }
|
|
div#menu li.current a {}
|
|
div#menu {display: block; cursor: pointer; background-repeat: no-repeat;background-position: 95% 0;padding-right: 15px; _padding-right: 20px;}
|
|
div#menu ul a.parent {background: url(../images/item.png) -20px -30px no-repeat; width:60px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
|
div#menu ul a.parent:hover {background: url(../images/item.png) -20px -60px no-repeat;}
|
|
div#menu ul ul a.parent {background: url(../images/item.png) -20px 6px no-repeat;}
|
|
div#menu ul ul a.parent:hover {background: url(../images/item.png) -20px -11px no-repeat;}
|
|
/* menu::level1 */
|
|
div#menu a { padding: 5px 12px 0 10px;line-height: 30px; color: #fff;}
|
|
div#menu li { background: url(images/main-delimiter.png) 98% 4px no-repeat; }
|
|
div#menu li.last { background: none; }
|
|
/* menu::level2 */
|
|
div#menu ul ul li { background: none; }
|
|
div#menu ul ul { position: absolute;top: 38px; left: -999em; width: 90px; padding: 5px 0 0 0; background:#fff; border:1px solid #15bccf; margin-top:1px;}
|
|
div#menu ul ul a {padding: 0 0 0 15px; height: auto; float: none;display: block; line-height: 24px; font-size:12px; font-weight:normal;color:#15bccf;}
|
|
div#menu ul ul a:hover { color:#ff9900;}
|
|
div#menu ul ul li.last { margin-left:15px; }
|
|
div#menu ul ul li {width: 100%;}
|
|
/* menu::level3 */
|
|
div#menu ul ul ul {padding: 0;margin: -38px 0 0 92px !important; width:140px; }
|
|
div#menu ul ul ul li a{ width:125px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;color:#15bccf;}
|
|
|
|
/*主类容*/
|
|
#Main{ background:#fff; margin-bottom:10px;}
|
|
#content{}
|
|
#content02{ background:#fff; padding:10px; margin-bottom:10px;}
|
|
/*主类容搜索*/
|
|
#TopBar{ height:60px; margin-bottom:10px; background:#fff;}
|
|
.topbar_info02{ margin:5px 10px;width:480px; }
|
|
.topbar_info02 p{color: #7f7f7f;}
|
|
.search{ margin-top:8px; margin-left:71px;}
|
|
.search_form{margin-top:8px;margin-left:72px;}
|
|
.topbar_info{ width:350px; color:#5c5c5c; font-size:16px; margin-right:50px; line-height:1.3; padding-left:100px;}
|
|
a.search_btn{ display:block; background:#15bccf; color:#fff; width:60px; height:24px; text-align:center; padding-top:3px;}
|
|
a:hover.search_btn{ background: #0fa9bb;}
|
|
.search_text{ border:1px solid #15bccf; background:#fff; width:220px; height:25px; padding-left:5px; }
|
|
/*主类容左右分栏*/
|
|
#LSide{ width:240px; }
|
|
#RSide{ width:730px; margin-left:10px; background:#fff; padding:10px; margin-bottom:10px;}
|
|
|
|
|
|
/*底部*/
|
|
#Footer{ padding-top:10px; background:#fff; margin-bottom:10px;}
|
|
.copyright{ width:780px; margin:0 auto;height:30px; }
|
|
.footlogo{ width:580px; margin:0 auto;height:50px; }
|
|
/*意见反馈*/
|
|
html{ overflow-x:hidden;}
|
|
.scrollsidebar{ position: fixed; bottom:1px; right:1px; background:none; }
|
|
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
|
|
.side_content .side_list {width:154px;overflow:hidden;}
|
|
.show_btn{ width:0; height:112px; overflow:hidden; float:left; margin-top:190px;cursor:pointer;}
|
|
.show_btn span { display:none;}
|
|
.close_btn{width:24px;height:24px;cursor:pointer;}
|
|
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat; }
|
|
.side_title {height:35px;}
|
|
.side_bottom { height:8px;}
|
|
.side_center {font-family:Verdana, Geneva, sans-serif; padding:0px 12px; font-size:12px;}
|
|
.close_btn { float:right; display:block; width:21px; height:16px; margin:9px 10px 0 0; _margin:16px 5px 0 0;}
|
|
.close_btn span { display:none;}
|
|
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
|
|
.msgserver { margin-top:5px;}
|
|
/*.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -112px; padding-left:22px; height:21px; display:block; }*/
|
|
.msgserver a { height:21px; display:block; }
|
|
.opnionText{box-shadow:none; width:122px; height:180px; border-color: #DFDFDF; background:#fff; color:#999; padding:3px; font-size:12px;overflow:auto; background-attachment:fixed;border-style:solid;}
|
|
a.opnionButton{ display:block; background:#15bccf; width:130px; height:23px; margin-top:5px; text-align:center; padding-top:3px;}
|
|
a:hover.opnionButton{background: #0fa9bb; }
|
|
/* blue skin as the default skin */
|
|
.side_title {background-position:-195px 0;}
|
|
.side_center {background:url(../images/blue_line.png) repeat-y center; }
|
|
.side_bottom {background-position:-195px -50px;}
|
|
a.close_btn {background-position:-44px 0;}
|
|
a:hover.close_btn {background-position:-66px 0;}
|
|
.show_btn {background-position:-119px 0;}
|
|
.msgserver a {color:#15bccf; }
|
|
.msgserver a:hover { text-decoration:underline; }
|
|
|
|
|
|
/***** Ajax indicator ******/
|
|
#ajax-indicator {
|
|
position: absolute; /* fixed not supported by IE */
|
|
background-color:#eee;
|
|
border: 1px solid #bbb;
|
|
top:35%;
|
|
left:40%;
|
|
width:20%;
|
|
font-weight:bold;
|
|
text-align:center;
|
|
padding:0.6em;
|
|
z-index:100000;
|
|
opacity: 0.5;
|
|
}
|
|
|
|
html>body #ajax-indicator { position: fixed; }
|
|
|
|
#ajax-indicator span {
|
|
background-position: 0% 40%;
|
|
background-repeat: no-repeat;
|
|
background-image: url(../images/loading.gif);
|
|
padding-left: 26px;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
div.modal {
|
|
border-radius: 5px;
|
|
background: #fff;
|
|
z-index: 50;
|
|
padding: 4px;
|
|
}
|
|
.ui-widget-content {
|
|
border: 1px solid #ddd;
|
|
color: #333;
|
|
}
|
|
.ui-widget {
|
|
font-family: Verdana, sans-serif;
|
|
font-size: 1.1em;
|
|
}
|
|
.ui-dialog .ui-dialog-content {
|
|
position: relative;
|
|
border: 0;
|
|
padding: .5em 1em;
|
|
background: none;
|
|
overflow: auto;
|
|
zoom: 1;
|
|
}
|
|
.ui-widget-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.ui-widget-overlay {
|
|
background: #666 url(http://forge.trustie.net/stylesheets/jquery/images/xui-bg_diagonals-thick_20_666666_40x40.png.pagespeed.ic.9mfuw_R0z1.png) 50% 50% repeat;
|
|
opacity: .5;
|
|
filter: Alpha(Opacity=50);
|
|
}
|
|
/***** end Ajax indicator ******/
|
|
|
|
/***** Flash & error messages ****/
|
|
#errorExplanation, div.flash, .nodata, .warning, .conflict {
|
|
padding: 4px 4px 4px 30px;
|
|
margin-bottom: 12px;
|
|
font-size: 1.1em;
|
|
border: 2px solid;
|
|
}
|
|
|
|
div.flash {margin-top: 8px;}
|
|
|
|
div.flash.error, #errorExplanation {
|
|
background: url(../images/exclamation.png) 8px 50% no-repeat;
|
|
background-color: #ffe3e3;
|
|
border-color: #dd0000;
|
|
color: #880000;
|
|
}
|
|
|
|
div.flash.notice {
|
|
background: url(../images/true.png) 8px 5px no-repeat;
|
|
background-color: #dfffdf;
|
|
border-color: #9fcf9f;
|
|
color: #005f00;
|
|
}
|
|
|
|
div.flash.warning, .conflict {
|
|
background: url(../images/warning.png) 8px 5px no-repeat;
|
|
background-color: #FFEBC1;
|
|
border-color: #FDBF3B;
|
|
color: #A6750C;
|
|
text-align: left;
|
|
}
|
|
|
|
.nodata, .warning {
|
|
text-align: center;
|
|
background-color: #FFEBC1;
|
|
border-color: #FDBF3B;
|
|
color: #A6750C;
|
|
}
|
|
|
|
#errorExplanation ul { font-size: 0.9em;}
|
|
#errorExplanation h2, #errorExplanation p { display: none; }
|
|
|
|
.conflict-details {font-size:80%;}
|
|
/***** end Flash & error messages ****/
|
|
|
|
|
|
/*弹出框*/
|
|
.black_overlay{display:none;position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.8;opacity:.80;filter:alpha(opacity=80);}
|
|
.white_content{display:none;position:fixed;top:15%;left:30%;width:420px;height: auto; margin-bottom:20px;padding:16px;border:3px solid #15bccf;background-color:white;z-index:1002;overflow:auto;}
|
|
.white_content02{display:none;position:fixed;top:15%;left:30%;width:200px;height: auto; margin-bottom:20px;padding:10px;border:3px solid #15bccf;background-color:white;z-index:1002;overflow:auto;}
|
|
.newhwork_content{ display:none;position:fixed;top:15%;left:30%;width:600px;height: auto; margin-bottom:20px;padding:16px;border:3px solid #15bccf;background-color:white;z-index:1002;overflow:auto;}
|
|
.floatbox{ width:420px; border:3px solid #15bccf; background:#fff; padding:5px;}
|
|
a.box_close{ display:block; float:right; width:16px; height:16px; background:url(../images/img_floatbox.png) 0 0 no-repeat;}
|
|
a:hover.box_close{background:url(../images/img_floatbox.png) -22px 0 no-repeat;}
|
|
|
|
div.ke-statusbar{height:1px; border-top:none;}
|
|
|
|
/*底部*/
|
|
/*#Footer{background-color:#ffffff; margin-bottom:10px; padding-bottom:15px; color:#666666;}*/
|
|
/*.footerAboutContainer {width:auto; border-bottom:1px solid #efefef;}*/
|
|
/*.footerAbout{ width:585px; margin:0 auto;height:35px; line-height:35px; border-bottom:1px solid #efefef; }*/
|
|
/*.languageBox {width:55px; height:20px; margin-left:5px; outline:none; color:#666666; border:1px solid #d9d9d9;}*/
|
|
/*.departments{ width:890px; margin:5px auto 0 auto;height:30px;line-height:30px;}*/
|
|
/*.copyright{ width:390px; margin:0 auto;height:20px;line-height:20px;}*/
|
|
/*a.f_grey {color:#666666;}*/
|
|
/*a.f_grey:hover {color:#000000;}*/
|
|
|
|
|
|
/*主类容左右分栏*/
|
|
#LSide{ width:240px; }
|
|
#RSide{ width:730px; margin-left:10px; background:#fff; padding:10px; margin-bottom:10px;}
|
|
|
|
|
|
/*资源库*/
|
|
.resources {width:730px; background-color:#ffffff;}
|
|
.resourcesBanner {width:730px; height:40px; background-color:#eaeaea; margin-bottom:10px;}
|
|
.bannerName {background:#64bdd9; color:#ffffff; height:40px; line-height:40px; width:90px; text-align:center; font-weight:normal; vertical-align:middle; font-size: 16px; float:left;}
|
|
.resourcesSelect {width:40px; height:40px; float:right; position:relative;}
|
|
.resourcesSelected {width:25px; height:20px;}
|
|
.resourcesIcon {margin-top:15px; display:block; position:relative; background:url(images/resource_icon_list.png) 0px 0px no-repeat; width:25px; height:20px;}
|
|
.resourcesIcon:hover { background:url(images/resource_icon_list.png) 0px -25px no-repeat;}
|
|
.resourcesType {width:50px; background-color:#ffffff; float:left; list-style:none; position:absolute; border:1px solid #eaeaea; border-radius:5px; top:35px; padding:5px 10px; left:-30px; font-size:12px; color:#888888; display:none;}
|
|
a.resourcesGrey {font-size:12px; color:#888888;}
|
|
a.resourcesGrey:hover {font-size:12px; color:#15bccf;}
|
|
.resourcesBanner ul li:hover ul.resourcesType {display:block;}
|
|
ul li:hover ul {display:block;}
|
|
.resourcesUploadBox {float:right; width:103px; height:34px; background-color:#64bdd9; line-height:34px; vertical-align:middle; text-align:center; margin-left:12px;}
|
|
.uploadIcon {background:url(images/resource_icon_list.png) -35px 10px no-repeat; float:left; display:block; width:30px; height:30px; margin-left:-3px;}
|
|
a.uploadText {color:#ffffff; font-size:14px;}
|
|
.resourcesSearchloadBox {border:1px solid #e6e6e6; width:225px; float:right; background-color:#ffffff;}
|
|
.searchResource {border:none; outline:none; background-color:#ffffff; width:184px; height:32px; padding-left:10px; display:block; float:left;}
|
|
.searchIcon{width:31px; height:32px; background-color:#ffffff; background:url(images/resource_icon_list.png) -40px -15px no-repeat; display:block; float:left;}
|
|
.resourcesSearchBanner {height:34px; margin-bottom:10px;}
|
|
.resourcesListTab {width:730px; height:40px; background-color:#f6f6f6; border-bottom:1px solid #eaeaea; font-size:14px; color:#7a7a7a;}
|
|
.resourcesListCheckbox {width:40px; height:40px; line-height:40px; text-align:center; vertical-align:middle;}
|
|
.resourcesCheckbox {padding:0px; margin:0px; margin-top:14px; width:12px; height:12px;}
|
|
.resourcesListName {width:135px; height:40px; line-height:40px; text-align:left;}
|
|
.resourcesListSize {width:110px; height:40px; line-height:40px; text-align:center;}
|
|
.resourcesListType {width:150px; height:40px; line-height:40px; text-align:center;}
|
|
.resourcesListUploader {width:130px; height:40px; line-height:40px; text-align:center;}
|
|
.resourcesListTime {width:165px; height:40px; line-height:40px; text-align:center;}
|
|
.resourcesList {width:730px; height:39px; background-color:#ffffff; border-bottom:1px dashed #eaeaea; color:#9a9a9a; font-size:12px;}
|
|
a.resourcesBlack {font-size:12px; color:#4c4c4c;}
|
|
a.resourcesBlack:hover {font-size:12px; color:#000000;}
|
|
.dropdown-menu {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
z-index: 1000;
|
|
display: none;
|
|
float: left;
|
|
min-width: 80px;
|
|
padding: 5px 0;
|
|
margin: 2px 0 0;
|
|
font-size: 12px;
|
|
text-align: left;
|
|
background-color: #fff;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
|
|
}
|
|
.dropdown-menu > li > a {
|
|
display: block;
|
|
padding: 3px 20px;
|
|
clear: both;
|
|
font-weight: normal;
|
|
line-height: 1.5;
|
|
color:#616060;
|
|
white-space: nowrap;
|
|
}
|
|
.dropdown-menu > li > a:hover{
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
background-color: #64bdd9;
|
|
outline:none;
|
|
}
|
|
|
|
/*发送资源弹窗*/
|
|
/*.resourceShareContainer {width:100%; height:100%; background:#666; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; position:absolute; left:0; top:0; z-index:-999;}*/
|
|
.resourceSharePopup {width:300px; height:auto; border:3px solid #15bccf; padding-left:16px; padding-bottom:16px; background-color:#ffffff; position:absolute; top:50%; left:50%; margin-left:-150px; z-index:1000;}
|
|
.sendText {font-size:16px; color:#15bccf; line-height:16px; padding-top:20px; width:140px; display:inline-block;}
|
|
.resourcePopupClose {width:20px; height:20px; display:inline-block; float:right;}
|
|
.resourceClose {background:url(images/resource_icon_list.png) 0px -40px no-repeat; width:20px; height:20px; display:inline-block;}
|
|
.resourcesSearchBox {border:1px solid #e6e6e6; width:225px; height:25px; background-color:#ffffff; margin-top:12px; margin-bottom:15px;}
|
|
.searchResourcePopup {border:none; outline:none; background-color:#ffffff; width:184px; height:25px; padding-left:10px; display:inline-block; float:left;}
|
|
.searchIconPopup{width:31px; height:25px; background-color:#ffffff; background:url(images/resource_icon_list.png) -40px -18px no-repeat; display:inline-block; float:left;}
|
|
.courseSend {width:260px; height:15px; line-height:15px; margin-bottom:10px;}
|
|
.courseSendCheckbox {padding:0px; margin:0px; width:12px; height:12px; margin-right:10px; display:inline-block; margin-top:2px;}
|
|
.sendCourseName {font-size:12px; color:#5f6060;}
|
|
.courseSendSubmit {width:50px; height:25px; line-height:25px; text-align:center; vertical-align:middle; background-color:#64bdd9; margin-right:25px; float:left;}
|
|
.courseSendCancel {width:50px; height:25px; line-height:25px; text-align:center; vertical-align:middle; background-color:#c1c1c1; float:left}
|
|
a.sendSourceText {font-size:14px; color:#ffffff;}
|
|
|
|
/*上传资源弹窗*/
|
|
.resourceUploadPopup {width:400px; height:auto; border:3px solid #15bccf; padding-left:16px; padding-bottom:16px; background-color:#ffffff; position:absolute; top:50%; left:50%; margin-left:-200px; z-index:1000;}
|
|
.uploadText {font-size:16px; color:#15bccf; line-height:16px; padding-top:20px; width:140px; display:inline-block;}
|
|
.uploadBoxContainer {height:33px; line-height:33px; margin-top:10px; position:relative;}
|
|
.uploadBox {width:100px; height:33px; line-height:33px; text-align:center; vertical-align:middle; background-color:#64bdd9; border-radius:3px; float:left; margin-right:12px;}
|
|
a.uploadIcon {background:url(images/resource_icon_list.png) 8px -60px no-repeat; width:100px; height:33px;}
|
|
.chooseFile {color:#ffffff; display:block; margin-left:32px;}
|
|
.uploadResourceIntr {width:250px; height:33px; float:left; line-height:33px; font-size:12px;}
|
|
.uploadResourceName {width:250px; display:inline-block; line-height:15px; font-size:12px; color:#444444; margin-bottom:2px;}
|
|
.uploadResourceIntr2 {width:250px; display:inline-block; line-height:15px; font-size:12px; color:#444444;}
|
|
.uploadType {margin:10px 0; border:1px solid #e6e6e6; width:100px; height:30px; outline:none; font-size:12px; color:#888888;}
|
|
.uploadKeyword {margin-bottom:10px; outline:none; border:1px solid #e6e6e6; height:30px; width:280px;}
|
|
|
|
|
|
/*新个人主页框架css*/
|
|
.navContainer {width:100%; margin:0 auto; background-color:#15bccf;}
|
|
.homepageContentContainer {width:100%; margin:0 auto; background-color:#eaebed;}
|
|
.homepageContent {width:1000px; background-color:#eaebed; margin:0 auto;}
|
|
.navHomepage {width:1000px; height:54px; background-color:#15bccf; margin:0 auto;}
|
|
.navHomepageLogo {width:60px; height:54px; line-height:54px; vertical-align:middle; margin-left:2px; margin-right:40px;}
|
|
.navHomepageMenu {margin-right:40px;display:inline-block;height:54px; line-height:54px; vertical-align:middle;}
|
|
.navHomepageSearchBox {width:380px; border:none; outline:none; height:32px; margin-top:11px; background-color:#ffffff;}
|
|
.navHomepageSearchInput {width:345px; height:32px; outline:none; border:none; float:left; padding-left:5px;; margin:0;}
|
|
.homepageSearchIcon {width:30px; height:32px; background:url(../images/nav_icon.png) -8px 3px no-repeat; float:left;}
|
|
a.homepageSearchIcon:hover {background:url(../images/nav_icon.png) -49px 3px no-repeat;}
|
|
.navHomepageNews {width:30px; display:block; float:right; margin-top:12px; position:relative;}
|
|
.homepageNewsIcon {background:url(../images/nav_icon.png) -5px -85px no-repeat; width:30px; height:29px; display:block;}
|
|
.newsActive {width:10px; height:10px; border-radius:50%; border:2px solid #ffffff; background-color:#ff0000; position:absolute; left:17px; top:5px;}
|
|
.navHomepageProfile {width:65px; display:block; float:right; margin-top:8px; margin-left:33px;}
|
|
.homepageProfileMenuIcon {background:url(../images/nav_icon.png) -8px -175px no-repeat; width:20px; height:25px; float:left; margin-top:15px;}
|
|
a.homepageProfileMenuIcon:hover {background:url(../images/nav_icon.png) -8px -175px no-repeat; width:12px; height:12px; float:left;}
|
|
.homepageLeft {width:240px; float:left; margin-right:10px;}
|
|
.homepageRight {width:750px; float:left;}
|
|
.homepagePortraitContainer {width:238px; height:348px; border:1px solid #dddddd; background-color:#ffffff; margin-top:15px;}
|
|
.homepagePortraitImage {width:208px; height:208px; margin:15px 16px 14px 16px;}
|
|
.homepageFollow {}
|
|
.homepageEditProfile {}
|
|
.homepageImageName {font-size:16px; color:#484848; margin-left:15px; display:inline-block; margin-right:8px;}
|
|
.homepageImageSex {float:left; top:116px; left:5px; width:14px; height:14px; display:inline-block;}
|
|
.homepageSignature {font-size:12px; color:#888888; margin-left:15px; margin-top:5px; margin-bottom:15px;}
|
|
.homepageImageBlock {margin:0 26px; float:left; text-align:center; display:inline-block;}
|
|
.homepageImageNumber {font-size:12px; color:#484848;}
|
|
.homepageImageText {width:26px; font-size:12px; color:#888888;}
|
|
.homepageVerDiv {height:28px; vertical-align:middle; width:1px; float:left; display:inline-block; background-color:#d1d1d1; margin-top:3px;}
|
|
.homepageLeftMenuContainer {width:238px; border:1px solid #dddddd; border-bottom:none; background-color:#ffffff; margin-top:10px;}
|
|
.homepageLeftMenuBlock {border-bottom:1px solid #dddddd; height:50px; line-height:50px; vertical-align:middle;}
|
|
a.homepageMenuText {color:#484848; font-size:16px; margin-left:20px;}
|
|
.homepageLeftLabelContainer {width:238px; border:1px solid #dddddd; background-color:#ffffff; margin-top:10px;}
|
|
.homepageRightBanner {}
|
|
.newsType {width:60px; background-color:#ffffff; float:left; list-style:none; position:absolute; border:1px solid #eaeaea; border-radius:5px; top:35px; padding:5px 10px; left:-40px; font-size:12px; color:#888888; display:none; line-height:2;}
|
|
.homepageRightBlock {}
|
|
.homepageNewsList {width:710px; height:39px; line-height:39px; vertical-align:middle; border-bottom:1px dashed #eaeaea; margin:0 auto;}
|
|
.homepageNewsPortrait {width:40px; display:block; margin-top:7px;}
|
|
.homepageNewsPublisher {width:80px; max-width:80px; margin-right:10px; font-size:12px; color:#15bccf; display:block; padding-left:5px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
|
|
.homepageNewsType {width:95px; font-size:12px; color:#888888; display:block;}
|
|
.homepageNewsTypeNotRead {width:95px; font-size:13px; font-weight:bold; color:#4B4B4B; display:block;}
|
|
.homepageNewsContent {width:395px; max-width:395px; margin-right:10px; font-size:12px; color:#4b4b4b; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
|
|
.homepageNewsTime {width:75px; font-size:12px; color:#888888; display:block; text-align:right;}
|
|
a.homepageWhite {color:#ffffff;}
|
|
a.homepageWhite:hover {color:#a1ebff}
|
|
a.newsGrey {color:#4b4b4b;}
|
|
a.newsGrey:hover {color:#000000;}
|
|
a.newsBlue {color:#15bccf;}
|
|
a.newsBlue:hover {color:#0781b4;}
|
|
a.newsBlack {color:#4B4B4B; font-weight:bold; font-size:13px;}
|
|
a.newsBlack:hover {color:#0781b4;}
|
|
a.resourcesGrey {font-size:12px; color:#888888;}
|
|
a.resourcesGrey:hover {font-size:12px; color:#15bccf;}
|
|
|
|
|
|
/***** Flash & error messages ****/
|
|
#errorExplanation, div.flash, .nodata, .warning, .conflict {
|
|
padding: 4px 4px 4px 30px;
|
|
margin-bottom: 12px;
|
|
font-size: 1.1em;
|
|
border: 2px solid;
|
|
}
|
|
|
|
div.flash {margin-top: 8px;}
|
|
|
|
div.flash.error, #errorExplanation {
|
|
background: url(../images/exclamation.png) 8px 50% no-repeat;
|
|
background-color: #ffe3e3;
|
|
border-color: #dd0000;
|
|
color: #880000;
|
|
}
|
|
|
|
div.flash.notice {
|
|
background: url(../images/true.png) 8px 5px no-repeat;
|
|
background-color: #dfffdf;
|
|
border-color: #9fcf9f;
|
|
color: #005f00;
|
|
}
|
|
|
|
div.flash.warning, .conflict {
|
|
background: url(../images/warning.png) 8px 5px no-repeat;
|
|
background-color: #FFEBC1;
|
|
border-color: #FDBF3B;
|
|
color: #A6750C;
|
|
text-align: left;
|
|
}
|
|
|
|
.nodata, .warning {
|
|
text-align: center;
|
|
background-color: #FFEBC1;
|
|
border-color: #FDBF3B;
|
|
color: #A6750C;
|
|
}
|
|
|
|
#errorExplanation ul { font-size: 0.9em;}
|
|
#errorExplanation h2, #errorExplanation p { display: none; }
|
|
|
|
.conflict-details {font-size:80%;}
|
|
/***** end Flash & error messages ****/
|
|
|
|
/*消息铃铛样式*/
|
|
.navHomepageNews {width:30px; display:block; float:right; margin-top:4px; position:relative; margin-right: 8px;}
|
|
.newsActive {width:6px; height:6px; border-radius:50%; border:2px solid #ffffff; background-color:#ff0000; position:absolute; left:20px; top:8px;z-index:999}
|