diff --git a/public/images/item.png b/public/images/item.png new file mode 100644 index 000000000..99dcfc0f5 Binary files /dev/null and b/public/images/item.png differ diff --git a/public/images/leftside.png b/public/images/leftside.png new file mode 100644 index 000000000..c927f9eb5 Binary files /dev/null and b/public/images/leftside.png differ diff --git a/public/stylesheets/courses.css b/public/stylesheets/courses.css index 042e7caae..e62f5150a 100644 --- a/public/stylesheets/courses.css +++ b/public/stylesheets/courses.css @@ -1,3 +1,4 @@ + /*右侧内容--动态*/ .project_r_h{ width:670px; height:40px; background:#eaeaea; margin-bottom:10px;} .project_h2{ background:#64bdd9; color:#fff; height:33px; width:90px; text-align:center; font-weight:normal; padding-top:7px; font-size:16px;} @@ -17,12 +18,37 @@ .project_txt02{ color:#0781b4; width:618px; display:block; float:left; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} .project_txt:hover{ color:#066e9a;} .noline{ border-bottom:none;} +.news_description{max-height: 38px;overflow:hidden;} +.news_description_none{max-height: none;} +.news_foot{ border:1px solid #e8eef2; color: #929598; text-align:center; width:600px; height:20px; padding-top:3px; cursor:pointer;} +.news_foot:hover{ color:#787b7e; border:1px solid #d4d4d4;} + +/*弹框*/ +.floatbox{ width:420px; border:3px solid #15bccf; background:#fff; padding:5px;} +/*.box_close{ display:block; float:right; width:16px; height:16px; background:url(../images/img_floatbox.png) 0 0 no-repeat;}*/ +/*.box_close:hover{background:url(../images/img_floatbox.png) -22px 0 no-repeat;}*/ +/*邮件邀请*/ +.box_main{ width:345px; margin:0 auto;} +.box_h3{ color:#15bccf; text-align:center; font-size:16px;} +.box_p{ color:#404040; margin-bottom:5px;} +.fb_item{ color:#919191; border:1px solid #919191; height:28px; margin-bottom:10px; padding-left:5px; width:290px;} +/*.icon_addm{ background:url(../images/img_floatbox.png) 0 -33px no-repeat; width:16px; height:16px; display:block; margin:5px 0 0 5px;}*/ +/*.icon_addm:hover{background:url(../images/img_floatbox.png) 0 -61px no-repeat; }*/ +/*.icon_removem{ background:url(../images/img_floatbox.png) -22px -33px no-repeat;width:16px; height:16px; display:block; margin:5px 0 0 5px}*/ +/*.icon_removem:hover{background:url(../images/img_floatbox.png) -22px -61px no-repeat;}*/ +.btn_free{ background:#ff5722; display:block; width:80px; text-align:center; color:#fff; height:26px; padding-top:3px; margin-bottom:10px;} +.btn_free:hover{ background:#d63502;} +/*成员邀请*/ +.invi_search{ width:230px; margin:0 auto;} +.invi_search_input{ border:1px solid #15bccf; width:180px; height:24px; color:#9b9b9b; padding-left:5px; margin-bottom:10px;} +.invi_search_btn{ background:#15bccf; color:#fff; text-align: center; width:40px; height:22px;border:1px solid #15bccf; padding-top:2px; cursor:pointer;} +.invi_search_btn:hover{ background:#0da1b2; border:1px solid #0da1b2;} /*问题跟踪*/ .problem_top{ margin:10px 0 ;} .problem_search_input{ border:1px solid #64bdd9; width:180px; height:24px; color:#9b9b9b; padding-left:5px; margin-bottom:10px;} .problem_search_btn{ background:#64bdd9; color:#fff; text-align: center; width:40px; height:22px;border:1px solid #64bdd9; padding-top:2px; cursor:pointer;} .problem_search_btn:hover{ background:#3da1c1; border:1px solid #3da1c1;} -.problem_new_btn{ margin-left:10px; border:1px solid #ff7143; color:#ff7143; width:60px; height:22px; font-size:12px; text-align:center; padding-top:2px;} +.problem_new_btn{ margin-left:10px; border:1px solid #ff7143; color:#ff7143; padding:1px 3px; font-size:12px; text-align:center; padding-top:2px;} .problem_new_btn:hover{ background:#ff7143; color:#fff;} .problem_p{ color:#535252; margin-top:5px;} .problem_p span{ color:#ff3e00;} @@ -34,12 +60,238 @@ .problem_tit{ color:#0781b4; width:430px; display:block; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} .problem_tit:hover{ color:#09658c; } .problem_main{ border-bottom:1px dashed #d4d4d4; padding-bottom:10px; margin-bottom:10px;} - /****翻页***/ .wlist{} .wlist a{ float:right; border:1px solid #64bdd9; padding:0 5px; margin-left:3px; color:#64bdd9;} .wlist a:hover{border:1px solid #64bdd9; background-color:#64bdd9; color:#fff; text-decoration:none;} .wlist_select a { background-color:#48aac9; color:#fff;} +/****讨论区***/ +.talk_top{ margin:10px 0; font-size:14px; color:#4c4c4c;} +.talk_top span{ color:#ff7143;} +.talk_txt{ width:460px; margin-left:10px; color:#676868;} +.talk_up{ color:#f63c00;} +.talk_pic{width:32px; height:32px; padding:2px;} +.talk_btn{ background:#64bdd9; width:50px; height:20px; color:#fff; text-align:center; margin-top:12px; padding-top:3px;} +.talk_btn:hover{ background:#2a9dc1;} +/****讨论区内页***/ +.mt0{ margin-top:0px;} +.talk_info{ color:#7d7d7d; margin-left:50px; margin-top:10px;} +.talk_edit{ color:#426e9a; margin-right:5px;} +.talk_edit:hover{ color:#ff5722;} +.talk_reply { background:#eeeeee; padding:10px; margin-bottom:10px;} +.talkpage_text{ border:1px solid #64bdd9; width:600px; color:#7d7d7d; padding:5px; margin:10px 0 10px 50px; background:#fff;} +/****新建讨论***/ +.talk_new{ color:#4c4c4c;} +.talk_input{ border:1px solid #64bdd9; height:22px; width:585px; background:#fff; margin-bottom:10px; padding:5px;} +.talk_text{ border:1px solid #64bdd9; height:100px;width:585px; background:#fff; margin-left:5px; padding:5px; margin-bottom:10px;} +.talk_new ul li{ } +.sb{width:70px; height:26px; color:#606060; cursor:pointer;} +.blue_btn{ background:#64bdd9; display:block; font-size:14px;color:#fff; height:26px; width:50px; text-align:center; margin-left:10px; margin-top:10px; padding-top:3px;} +.blue_btn:hover{ background:#329cbd;} +.grey_btn{ background:#d9d9d9; color:#656565;} +.grey_btn:hover{ background:#717171; color:#fff;} +/****资源库***/ +.f_l{ float:left;} +.f_r{ float:right;} +.resource a{ text-align:center;} +.b_lblue{ background:#64bdd9;} +.b_dblue{ background:#55a1b9; cursor:pointer;} +.f_b{ font-weight: bold;} +.c_blue{ color:#64bdd9;} +.c_grey{ color:#999999;} +.c_grey02{ color:#666666;} +.f_14{ font-size:14px;} +.c_dblue{ color:#3e6d8e;} +.w90{width:90px;} +.ml10{margin-left:10px;} +.resource{ width:670px;} +.re_top{width:660px; height:40px; background:#eaeaea; padding:5px;} +.re_top input{ float:left;} +.re_search{ margin-top:7px; margin-left:5px;} +.re_schbox{ width:240px; height:24px; border:1px solid #64bdd9; color:#666666;} +.re_schbtn{ width:60px; height:26px; color:#fff; margin-right:5px; border:none; margin-left:0px; } +.re_fabu { display:block; width:90px; height:30px; font-size:14px; color:#fff; text-align:center; padding-top:10px; } +.re_fabu:hover{background:#55a1b9;} +.re_con{ margin:5px; width:665px;} +.re_con_top{color:#494949; } +.re_con_top span{ color:#999999; font-weight:bold;} +.re_select{ display:block; width:88px; height:20px; border:1px solid #ff9900; color:#ff9900; margin-left:10px; padding-top:2px;} +.re_select:hover{ background:#ff9900; color:#fff; text-decoration:none;} +.re_open{display:block; width:46px; height:19px; border:1px solid #64bdd9; color:#64bdd9; margin-left:10px;padding-top:3px;} +.re_open:hover{ background:#64bdd9; color:#fff; text-decoration:none;} +a.re_de{ color:#6883b6; margin-left:15px;} +.re_con_box{ border-bottom:1px dashed #dadada; padding-bottom:10px; margin-bottom:10px;} +/****资源库***/ +/*.setting{ background:url(../images/setting.jpg) 0 0 no-repeat; width:670px; height:443px;}*/ + +/* 作业列表 */ +.ttl{ } +.ctt{height:820px;clear:both; } +#contentbox{float:right;clear:both;width:670px;/*滑动门的宽度*/} +/* TAB 切换效果 */ +.tb_{ background-color: #eaeaea; height:40px; } +.tb_ ul{height:40px; } +.tb_ li{float:left;height:34px;width: 90px;cursor:pointer; font-size:14px; padding-top:6px; text-align:center; } +a.tb_all{ margin-left:212px; font-size:12px; display:block; height:23px; padding-top:4px; width:90px; color:#7a7a7a; border:1px solid #cbcbcb; background:#fff; text-align: center;} +a:hover.tb_all{ background:#eaeaea; text-decoration:none;} + +.work_tb_{ background-color: #eaeaea; height:40px; } +a.work_edit{color: #64bdd9; display:block; padding:1px 5px; border:1px solid #64bdd9;} +a:hover.work_edit{color: #fff; background: #64bdd9;} + +/* 控制显示与隐藏css类 */ +.normaltab { color:#64bdd9 ; } +.hovertab { color:#fff; background-color:#64bdd9; } +.normaltab a { color:#64bdd9 ; } +.hovertab a{color:#fff; background-color:#64bdd9; text-decoration:none;} +.dis{display:block; } +.undis{display:none;} +.c_red{ color:#de030d;} +.f_12{ font-size:12px;} +.w_40{ width:40px; border:1px solid red;} +.dis_ul{ height:70px; border-bottom:1px dashed #d4d4d4; margin-bottom:10px;} +.dis_ul li{ float:left;} +.dis_ul li a{ display:block; color:#15bccf; } +.pic_head{ width:44px; padding:0px 15px 0 0px;} +.pic_head a{ text-align:center; width:44px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} +.pic_head img{ border:1px solid #e3e3e3; width:40px; height:40px; padding:1px;} +.pic_head img:hover{border:1px solid #15bccf;} +.dis ul li.wname a{ width:260px; font-size:14px; color:#595959; padding:20px 0 0 0px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} +.dis ul li.wdown a{padding-top:22px; color:#3d7ec2; margin-right:35px;} +.wscore{ padding-top:22px; color:#888888; width:96px;} +.dis ul li.wping{margin-left:12px; } +.dis ul li.wping a{ margin-top:18px; margin-bottom:3px; width:43px; height:22px; background:#15bccf; color:#fff; text-align:center; padding-top:4px;} +.dis ul li.wping a:hover{ background-color:#03a1b3;} +.code_list{ float:right; font-size:12px; color:#484848; padding:5px 3px; border-bottom:2px solid #15bccf; width:665px; margin-bottom:10px;} +.code_list a{ color:#787878;} +.fr{ float:right;} +.c_grey{ color:#999; font-weight:normal;} +.dis ul li.wname02 a{ width:200px; font-size:14px; color:#595959; padding:20px 0 0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} +.dis ul li.wmine{ margin:12px 0 0 10px;} +.dis ul li.wmine a{ color:#3d7ec2; text-align:center; width:50px; font-weight: bold;} +.wzan{ margin:15px 0 0 25px; width:32px; height:44px;} +.wzan a{ display: block;} +a.wzan_img{background:url(images/pic_zan.png) 0 -59px no-repeat; display:block; height:31px; width:30px; color:#fff;} +a.wzan_visited{background:url(images/pic_zan.png) 0 0 no-repeat;} +.msg_box{ width:670px; height:173px; border-bottom:1px dashed #CCC; padding-top:10px;} +.msg_box h4{ } +.msg_box textarea{width:658px;height:90px;padding:5px;overflow:hidden;background-color: #ffffff; border:1px solid #CCC; margin:5px 0px; color:#666; font-size:12px; } +.msg_box a{ float:right; display:block; width:50px; height:22px; background:#15bccf; padding-top:3px; color:#fff; margin-left:10px; text-align:center; margin-top:5px; } +.msg_box a:hover{ background-color:#03a1b3; text-decoration:none;} + +/****评分弹框****/ +#popbox{width:488px;height:550px;position:absolute;z-index:100;left:50%;top:40%;margin:-215px 0 0 -300px; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:0px 0px 8px #194a81; padding:5px; overflow:auto; } +.alert .close{width:26px;height:26px;overflow:hidden;position:absolute;top:-10px;right:-502px;background:url(images/close.png) no-repeat;cursor:pointer;} +.alert .C{width:476px;height:296px;position:absolute;left:5px;top:5px; } +.ping_con{ margin:5px; border-bottom:1px dashed #CCC; padding-bottom:5px;} +.ping_con ul{ height:30px;} +.ping_con ul li{ float:left; color:#656767; font-weight:bold;} +.ping_con h2{ font-size:14px; color:#444443; margin-bottom:10px; float:left;} +.ping_con p{ color:#777777; font-size:12px; border-bottom:1px dashed #CCC; padding-bottom:5px;} +.ping_con p span a{ color:#777777;} +.ping_star{ width:160px; color:#333; font-weight:bold; margin-bottom:5px;} +.ping_star span a{ float:right; width:20px; height:20px; background:url(images/star.png) -2px 0 no-repeat; margin-right:3px;} +.ping_star span a:hover{background:url(images/star.png) -24px 0 no-repeat;} +.ping_con textarea{ width:455px; height:76px; border:1px solid #15bccf; margin-bottom:5px; color:#666; font-size:12px;} +a.ping_sub{ float:right; height:22px; width:60px; background:#15bccf; color:#fff; text-align:center;} +a:hover.ping_sub{ background:#14a8b9;} +.recall{ border-top:1px solid #CCC; padding:5px 0;} +.recall_head{ float:left;} +.recall_head a{ display:block; width:30px; height:30px; border:1px solid #CCC; padding:1px;} +.recall_head a:hover{border:1px solid #15bccf;} +.recall_con{ float:left;color:#777777; width:335px; margin-left:10px; } +.recall_con a{ color:#15bccf; } +.ping_list{ margin-top:15px;} +.ping_ttl{height:18px;} +.ping_ctt{height:auto;padding:6px;clear:both;} +.ping_tb_{ border-bottom:3px solid #e4e4e4; text-align:center;} +.ping_tb_ ul{height:24px;} +.ping_tb_ li{float:left;height: 24px;width: auto; padding:0 10px;cursor:pointer;} +.ping_normaltab { color:#15bccf ; border-bottom:3px solid #e4e4e4;} +.ping_hovertab { color:#656767; font-weight:bold; border-bottom:3px solid #15bccf; } +.ping_dis{display:block; } +.ping_undis{display:none;} +.ping_C{border-bottom:1px dashed #CCC; padding:10px 0 0px;} +.ping_dispic a{ display:block; height:46px; width:46px; border:1px solid #CCC; padding:1px; float:left;} +.ping_dispic a:hover{border:1px solid #15bccf;} +.ping_discon{ float:left; width:384px; margin-left:10px; } +.ping_distop span{ float:left;} +.ping_distop p{ color:#5f5f5f;} +.ping_disfoot a{ float:right; color: #6883b6; margin-left:5px; margin-bottom:5px;} +.ping_distop span a{ float:right; width:20px; height:20px; background:url(images/star.png) -24px 0 no-repeat; margin-right:3px;} + +/* 创建作品 work */ +.Newwork{ width:668px; height:418px; border:1px solid #c3c3c3;} +.N_top{margin-left:600px; height:20px; width:60px;} +.N_top a{ font-size:14px; color:#15bccf; display:block; background:url(images/pic_ad.png) 0 5px no-repeat; height:20px; width:60px; padding-left:16px;} +.N_con{ color:#484747; font-weight:bold; width:720px; margin:15px auto;} +.N_con p{ margin-bottom:15px;} +.w430{ width:430px;} +.w350{ width:350px;} +.w620{ width:480px; height:160px; border:1px solid #CCC;} +.bo{height:26px; border:1px solid #CCC; } +a.tijiao{ height:28px; display:block; width:80px; color:#fff; background:#15bccf; text-align:center; padding-top:4px; float:left; margin-right:10px;} +a:hover.tijiao{ background:#0f99a9;} +.members_left{ float:left; width:370px; margin-right:20px;} +.members_left{} +.members_left ul li{ height:30px; border-bottom:1px solid #CCC; width:570px; padding-top:5px; } +.members_left ul li a{ float:left;} +.members_left ul li span{ float:left; text-align:center; color:#484747;} +.w260{ text-align:center; width:160px;} +.f_b{ font-weight: bold;} +.members_right label{ margin-left:15px;} +.N_search{ height:20px; border:1px solid #999;} +/* 创建作品 homework */ +.hwork_new{ color:#4c4c4c;} +.c_red{ color:#F00;} +.hwork_input{ border:1px solid #64bdd9; height:20px; width:555px; background:#fff; margin-bottom:10px; padding:5px;} +.hwork_input02{ border:1px solid #64bdd9; height:15px; width:120px; background:#fff; margin-bottom:10px; padding:5px;} +.hwork_text{ border:1px solid #64bdd9; height:100px;width:555px; background:#fff; margin-left:5px; padding:5px; margin-bottom:10px;} +.hwork_new ul li{ } +.ml21{ margin-left:21px;} +.ml9{ margin-left:9px;} + +/* 匿名评分弹框 */ +#popbox02{width:480px;height:200px;position:absolute;z-index:100;left:50%;top:50%;margin:-215px 0 0 -300px; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:0px 0px 8px #194a81; overflow:auto;} +.alert .close02{width:26px;height:26px;overflow:hidden;position:absolute;top:-10px;right:-490px;background:url(images/close.png) no-repeat;cursor:pointer;} +.ni_con { width:425px; margin:25px 30px;} +.ni_con h2{ display:block; height:40px; width:188px; margin:0 auto;} +.ni_con p{ color:#808181;} +.ni_con a:hover{ text-decoration:none;} +a.xls{ margin-left:5px; color:#136b3b;} +/* 学生列表*/ +.st_list{ width:670px;} +.st_search{ } +.st_search span{ font-size:14px; font-weight:bold; color:#606060; margin-right:35px;} +.st_search_input{ border:1px solid #1c9ec7; background:#fff; height:20px; color:#c4c4c4; width:200px; padding-left:5px; margin-bottom:5px;} +.st_search a{ background:#1c9ec7; color:#fff;border:1px solid #1c9ec7; text-align:center; display:block; width:45px; height:20px; float:left; font-size:12px; } +.st_search a:hover{ background:#048fbb; text-decoration:none;} +.classbox{ border:1px solid #f8df8c; background:#fffce6; color:#0d90c3; padding:0 3px; float:left; margin-left:15px;} +.st_addclass{ margin-top:5px;} +.st_addclass ul li,.st_addclass a,.st_addclass img{ float:left;} +.st_addclass img{ margin-top:3px;} +.st_addclass a{ color:#0d90c3;} +.st_box{ margin-top:10px; border-top:1px solid #CCC; padding-top:10px;} +.st_box ul li{ float:left;} +.st_box_top a{ font-weight:bold; color:#7a7a7a; float:left; margin-bottom:5px;} +.st_box_top a:hover{ color:#1c9ec7;} +a.st_up{ display: block; width:8px; float:left; height:13px; background:url(../images/pic_up.png) 0 0 no-repeat; margin-top:5px; margin-left:3px;} +a.st_down{ display: block; width:8px; float:left; height:13px; background:url(../images/pic_up.png) 0 -22px no-repeat; margin-top:5px; margin-left:3px;} +a.st_img { display:block;width:32px; height:32px; border:1px solid #CCC; padding:1px;} +a:hover.st_img { border:1px solid #1c9ec7; } +.st_boxlist{ border-bottom:1px dashed #CCC; height:43px; margin-bottom:10px; } +.st_boxlist a{ float:left;} +.st_boxlist ul{ float:left; width:200px; margin-left:10px;} +.st_boxlist ul li a{ color:#5d5d5d;} +.st_boxlist ul li a span{ color:#1c9ec7;} +.st_boxlist ul li a:hover span{ color:#ff8e15;} +.ml50{ margin-left:50px;} +.ml358{ margin-left:358px;} +.ml258{ margin-left:254px;} +.ml65{ margin-left:65px;} +a:hover.st_add{ color:#ff8e15;} + + diff --git a/public/stylesheets/leftside.css b/public/stylesheets/leftside.css index 895d86e8f..fad1b835c 100644 --- a/public/stylesheets/leftside.css +++ b/public/stylesheets/leftside.css @@ -2,13 +2,19 @@ .topbar_info02 p{color: #7f7f7f;} .search{ margin-top:8px; margin-left:71px;} /*信息*/ -.project_info{ background:#fff; padding:10px;width:222px; padding-right:8px; margin-bottom:10px;} +.project_info{ background:#fff; padding:10px; padding-right:0px;width:222px; padding-right:8px; margin-bottom:10px;} .pr_info_id{ width:137px; color:#5a5a5a; font-size:14px; margin-top:5px;} .pr_info_logo{ border:1px solid #eaeaea; width:60px; height:60px; padding:1px;} .pr_info_logo:hover{ border:1px solid #64bdd9; } .pr_info_join{} -.pr_info_join_a{ color:#fff; display:block; padding:0 5px; padding-top:2px; height:20px; margin-right:5px; float:left; text-align:center; } -.pr_info_join a:hover{ background:#41a8c8;} +a.pr_join_a{ color:#fff; display:block; padding:0 5px 0 3px; padding-top:2px; height:20px; margin-right:5px; float:left; text-align:center; background-color:#64bdd9; float:left; } +a:hover.pr_join_a{ background:#41a8c8;} +.pr_join_span{color: #fff; display:block; padding:0 5px; padding-top:2px; height:20px; margin-right:5px; float:left; text-align:center; background: #CCC;} +.pr_setting{ display:block; background:url(../images/leftside.png) -1px 0 no-repeat; width:11px; height:11px; margin-top:3px; float:left; } +.pr_copy{ display:block; background:url(../images/leftside.png) -1px -23px no-repeat; width:11px; height:11px; margin-top:3px; float:left; } +.pr_close{ display:block; background:url(../images/leftside.png) -1px -49px no-repeat; width:11px; height:11px; margin-top:3px; float:left; } +.pr_add{display:block; background:url(../images/leftside.png) 0px -71px no-repeat; width:11px; height:11px; margin-top:3px; float:left; } +.pr_arrow{display:block; background:url(../images/leftside.png) 0px -90px no-repeat; width:11px; height:11px; margin-top:3px; float:left; } .pr_info_name{ color:#3e4040; font-size:14px; line-height:1.5;} .pr_info_name:hover{ color:#3ca5c6;} .pr_info_score{ font-size:14px; color:#3e4040; } @@ -40,7 +46,7 @@ /*简介*/ .project_intro{ width:220px; padding:10px; background:#fff; margin-top:10px; padding-top:5px; color:#6d6d6d; line-height:1.9;} -.course_description{max-height: 112px;overflow:hidden;} +.course_description{max-height: 112px;overflow:hidden; word-break: break-all;word-wrap: break-word;} .course_description_none{max-height: none;} .lg-foot{ border:1px solid #e8eef2; color: #929598; text-align:center; width:220px; height:23px; cursor:pointer;} .lg-foot:hover{ color:#787b7e; border:1px solid #d4d4d4;} diff --git a/public/stylesheets/public.css b/public/stylesheets/public.css index d44c10161..28d956bd8 100644 --- a/public/stylesheets/public.css +++ b/public/stylesheets/public.css @@ -11,6 +11,8 @@ a:hover,a:active{color:#000;} .cl{ clear:both; overflow:hidden; } .fl{ float: left;} .fr{ float:right;} +.f_l{ float:left;} +.f_r{ float:right;} .ml10{ margin-left:10px;} .ml20{ margin-left:20px;} @@ -84,18 +86,33 @@ a:hover.c_blue02{color: #0781b4;} #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;} /*头部导航下拉*/ -.topuser_nav ul{} -.topuser_nav ul li{position: relative; line-height:1.9; margin-top:0; } -.topuser_nav ul li ul{position: absolute;width:80px; /*sub menu width*/top: 25px;display: none; background:#15bccf; } -.topuser_nav ul li ul li ul{ left:80px; top:-8px; /* Parent menu width - 1*/ width:100px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} -.topuser_nav ul li a{display: block;color:#fff;background:#15bccf; padding-left:10px; font-size:14px; font-weight: bold;margin-right:10px;} -.topuser_nav ul li a:hover{font-weight: bold;color: #a1ebff; } -.topuser_nav .subfolderstyle{ width:67px;background: url(../images/pic_headnav.png) no-repeat center right; } -/* Holly Hack for IE \*/ -* html .topuser_nav ul li { float: left; height: 1%; } -* html .topuser_nav ul li a { height: 1%; } -/* End */ - +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;} +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;} @@ -121,10 +138,10 @@ a:hover.c_blue02{color: #0781b4;} .footlogo{ width:580px; margin:0 auto;height:50px; } /*意见反馈*/ html{ overflow-x:hidden;} -.scrollsidebar{ position:fixed;bottom:1px; right:1px; background:none; } +.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: 200px; cursor:pointer;} +.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; } @@ -134,8 +151,8 @@ html{ overflow-x:hidden;} .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:10px 0 0px 5px;} -.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;} +.msgserver { margin-top:5px;} +.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -112px; padding-left:22px; 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;} .opnionButton{ display:block; background:#15bccf; width:130px; height:23px; margin-top:5px; text-align:center; padding-top:3px;} .opnionButton:hover{background: #0fa9bb; }