From 351d69f77e4461f35e2ef04ced0e072a18c0822f Mon Sep 17 00:00:00 2001 From: caicai8 <1149225589@qq.com> Date: Wed, 22 Apr 2020 17:42:00 +0800 Subject: [PATCH] style --- public/css/edu_public.css | 481 +++++++++++++++++++++++++++++++++ public/index.html | 2 +- src/modules/tpm/TPMIndexHOC.js | 3 +- 3 files changed, 484 insertions(+), 2 deletions(-) create mode 100644 public/css/edu_public.css diff --git a/public/css/edu_public.css b/public/css/edu_public.css new file mode 100644 index 000000000..a1af77446 --- /dev/null +++ b/public/css/edu_public.css @@ -0,0 +1,481 @@ +/* 头部 */ +.header{ width:100%; height:51px;min-width:1200px;background:rgb(23, 22, 22); } +.header_con{ width:1200px; min-width:1200px; height:50px; margin:0 auto;} +.new-logo img{ width:36px; height:36px;margin-top:7px; border-radius:3px; } +.new-logo p{ font-size: 18px; color:#fff; line-height: 50px; } +a.new-nav-a{ display: block; font-size: 14px; line-height: 50px; color:#fff;} +a:hover.new-nav-a{ color:#ff7500; text-decoration: none;} +.header-search{border-radius:3px; background:#fff;} +.header-search a{text-decoration: none; color:#666!important;} +.header-search a:hover{color:#ff7500!important;} +input.header-search-input{ width:150px; height:30px; padding:0 5px; border-style: none; border: none;outline:none;} +.innner-nav{ margin-left:40px;} +.innner-nav li{float:left; margin-right:40px;} +.innner-nav li a{ display: block; color:#fff; padding:0 10px; } +.inner-btnbox02{ width:270px; margin: 30px auto 0;} +.new-container-inner02{width:1200px; margin:0px auto; padding:50px 0;} +.inner-nav-mes{ font-size:16px; color:#fff; margin-right:35px; margin-top:18px; } +.inner-nav-cir{ background:#ff6530; color:#fff; border-radius:15px;padding:0 5px; display: inline-block; font-size:10px; height:17px; line-height:17px;} +.inner-nav-user{ width: 75px; height: 45px; margin-top:5px; position: relative; padding-left: 0px;} +.inner-nav-user-img{ width: 40px; height: 40px; border-radius:50px;} +select.header-search-select{ border:none; font-size:14px; padding:5px; background: none;} +.edu-unlogin-nav a{ color:#fff!important; font-size:14px; line-height:50px;} +.edu-unlogin-nav a:hover{ color:#3b94d6;} +.edu-unlogin-nav{ font-size:12px; color:#fff; line-height:50px;} + +.task-user-dropdown{font-size:12px; line-height: 1.9; width:120px; background-color:#fff; border-radius:3px; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); position:relative; top:5px; right:44px; display: none; z-index:999;} +.task-user-dropdown font{ border: 1px solid #dddddd; display: block; border-width: 8px; position: absolute; top: -13px;left:100px; border-style:solid; border-color: transparent transparent #fff transparent;font-size: 0;line-height: 0; box-shadow:2px rgba(146, 153, 169, 0.5); } +.task-user-dropdown-nav { padding-top:5px; } +.task-user-dropdown-nav li { display: inline-block; text-align: center; width:100%; height: 30px; line-height: 30px;} +.task-user-dropdown-nav li:hover{ background:#eee;} +.task-user-dropdown-nav li:hover a{color: #FF7500!important;} +.task-line{ display: block; height: 1px!important; line-height: 1px!important; border-bottom:1px solid #eee; margin:0;} +.inner-nav-user:hover .task-user-dropdown{ display:block;} +dropdown { display: inline-block; height:30px; line-height:1.9; font-size:12px; } +dropdown label, dropdown ul li{ display: block; width:42px; padding:4px 10px; text-align: center;border-radius:3px; color:#666;} +dropdown ul li:hover{background: #eee; color:#666;cursor: pointer;} +dropdown label{color: #666;border-radius: 3px 0 0 3px; position: relative; z-index: 2; width:50px; text-align: center; height:22px;} +dropdown input{display: none;} +dropdown input:checked + label{ background: #fff;color:#666;} +dropdown ul{ position: absolute; visibility: visible; opacity: 1; top: 38px; background: #fff; z-index: 99; border-radius:3px;} +$colors: #fff, #0072B5, #2C3E50; +@for $i from 1 through length($colors) { + dropdown ul li:nth-child(#{$i}) { + border-left: 4px solid nth($colors, $i); + .fa{ + color: nth($colors, $i); + } +&:hover { + background: nth($colors, $i); + color: white; + .fa{ + color: white; + } +} +} +} + +.edu-dropdown{ position: relative; padding:0 15px; } +.edu-dropdown-menu{ background-color:#fff; text-align: center; border-radius:3px; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); position:absolute; top:25px; left:0px; z-index: 999; display:none;} +.edu-dropdown-menu li{ height:30px; line-height:30px; display: block; padding:0 15px; text-align: left;} +.edu-dropdown-menu li label{ cursor: pointer;} +.edu-dropdown-menu li:hover{ color: #FF7500!important;} +/*.edu-dropdown:hover .edu-dropdown-menu{ display: block;}*/ +.animate{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -ms-transition: all .3s; + transition: all .3s; backface-visibility:hidden; -webkit-backface-visibility:hidden; /* Chrome and Safari */ -moz-backface-visibility:hidden; /* Firefox */ -ms-backface-visibility:hidden; /* Internet Explorer */} +/* 底部 */ +.footer{width:100%; height:100px; background-color:#fff; } +.footer_con{ width:1200px; height:100px; margin:0 auto; text-align: center; padding:20px 0; } +.footer_con-inner{ width: 300px; margin:0px auto;} +.footer_con-inner li a{ font-size: 16px; color: #888;display: block;padding:0 15px; border-right: solid 1px #888;} +.footer_con-inner li a:hover{text-decoration: underline;} +.footer_con-p{ color: #888; margin-top:10px;} +.inner-footer{ width: 100%; min-width:1200px; background:#323232; padding-bottom:30px;} +.inner-footer_con{ width: 1200px; margin: 0 auto;} +.inner-footer-nav{ height: 50px; border-bottom:1px solid #47494d;} +.inner-footer-nav li a{ float: left; margin-right:15px; font-size: 14px; color: #888; line-height: 50px;} +.saoma-box{ position: relative;} +.saoma-img-box{ position: absolute; top:-300px; left: -86px; border-radius:3px; background:#fff; padding:15px;box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); display: none;} +.saoma-box li:hover ul{display:block; } +.img-show{ width:50px; height:50px; border-radius:50px; } +.saoma-img-box font{ border: 1px solid #dddddd; display: block; border-width: 8px; position: absolute; top:289px;left: 103px; border-style:solid; border-color:#fff transparent transparent transparent;font-size: 0;line-height: 0; box-shadow:2px rgba(146, 153, 169, 0.5); } +.inner-footer-p-big{ display: block; height: 50px; line-height: 50px; color:#888; font-size: 16px; border-left:2px solid #888; padding-left:15px;} +.inner-btnbox02{ width:270px; margin: 30px auto 0;} +.new-container-inner02{width:1200px; margin:0px auto; padding:50px 0;} +img.edu-footer-logo{ height: 50px;} +/************布局 byLB****************/ +.panel-content{ width: 1200px; margin:20px auto; background:#eaebec;} +.panel-contentss{ width: 1200px; margin:10px auto; margin-bottom:20px; background:#fff;} +/************讨论区20170321 byLB****************/ +.panel-inner-fourm{ padding:20px; border-bottom:1px solid #eee;} +.panel-inner-fourm:hover{ background:#EFF9FD;} +.nobg:hover{ background:#fff;} +a.panel-list-title,.panel-list-title { display:inline-block; font-size: 16px; color: #333; font-weight:normal; max-width:82%;} +a:hover.panel-list-title{color:#FF7500;} +.panel-list-img{ width: 60px; height: 60px; border-radius:100px;} +a.panel-name-small{ display: inline-block; max-width:100px; color:#29bd8b; font-size:12px; } +.panel-list-infobox{ width: 92%; margin-left:8%; margin-top:-70px;} +.panel-lightgrey,.panel-lightgrey span{ font-size:12px; color:#888;} +.panel-inner-info{ width: 93%; margin-left:7%;} +.panel-bg-grey{ padding:5px 0;background:#f6f6f6; width: 100%; color:#666;} +.panel-list-nodata{ width: 420px; margin:100px auto; text-align: center;} + +/*班级讨论区panel 2017/07/20 cs*/ +.panel-content-box{background: #FFFFFF;} +.panel-content-line{width: 90%;margin: 30px 5%;} +.panel-content-line .panel-line-left{width: 8%;text-align: right;} +.panel-content-line .panel-content-label{height: 40px;line-height: 40px} +.panel-content-line .panel-content-input{width: 90%;height: 28px;padding: 5px;} +.panel-content-line .panel-content-ta{width: 90%;min-height: 148px;padding: 5px;} +/* 回复评论 */ +.panel-comment_item{ width: 100%; } +.panel-comment_item .t_area{ color:#888;} +.comment_item_cont{ padding:15px; border-bottom:1px solid #e3e3e3;} +.comment_item_cont .J_Comment_Face{height: 50px} +.comment_item_cont .J_Comment_Face img{ width:50px; height:50px; border-radius:100px; } +.panel-comment_item .t_content{ width:93%; margin-left:15px;} +.panel-comment_item a.content-username {font-size:14px; margin-right:15px; display:inline-block; max-width:100px;color: #888888} +.J_Comment_Info{height: 20px;line-height: 22px;} +/*.panel-comment_item a:hover.content-username{color:#FF7500;}*/ +.panel-comment_item .orig_user img{width:40px; height:40px;border-radius:100px; } +.panel-comment_item .reply-right{ float:right; position:relative;} +.panel-comment_item .reply_iconup02{ position:absolute; top:22px; left:14px; color:#d4d4d4; font-size:16px; background:#f1f1f1; line-height:13px;} +.panel-comment_item .comment_orig_content{margin:10px 0; color:#999;} +.panel-comment_item .comment_orig_content .comment_orig_content{margin-top:0; color:#666;} +.panel-comment_item .orig_cont{ border:solid 1px #F3DDB3; background:#FFFEF4; padding:4px;color:#999;margin-top:-1px; } +.panel-comment_item .orig_cont_sub{ border-top:0} +.panel-comment_item .comment_orig_content .orig_index{ float:right; color:#666; font-family:Arial; padding-right:5px;line-height:30px;} +.panel-comment_item .comment_orig_content .orig_user{ margin:10px 15px 10px 5px;} +.panel-comment_item .comment_orig_content .orig_user span{ color:#999; padding-right:5px;} +.panel-comment_item .comment_orig_content .orig_content{padding:5px 0px 5px 0px;line-height:24px; color:#333; } +.panel-comment_item .orig_right{ width:80%; margin-top:5px;} +.panel-comment_item .orig_right img{max-width:100%;} +.panel-comment_item a.comment_ding_link{ height:24px;line-height:24px;display:inline-block;padding-left:2px;vertical-align:middle; color:#333; } +.panel-comment_item a:hover.comment_ding_link{ color:#269ac9;} +.panel-comment_item .comment_ding_link span{display: inline-block;padding: 0 0px 0 8px;} +.panel-comment_item .comment_ding_link em{font-style: normal;font-family:arial;} +.panel-comment_item .comment_reply_link{ display:inline-block; width:50px; height:24px;line-height: 24px; vertical-align:middle;text-align: center;} +.panel-comment_item .comment_reply_link:link,.comment_reply_link:visited{color:#333;text-decoration: none;} +.panel-comment_item .comment_content{ color:#666;} +.comment_content img,.orig_content img{max-width: 100%} +.panel-comment_item .t_txt{ margin-top:10px;} +.panel-comment_item .orig_reply_box{border-top:1px solid #e3e3e3; width:100%;padding: 15px 0px 0px 0;margin-top: 5px;} +.panel-comment_item .orig_textarea{width:90%; margin-bottom:10px;} +.panel-comment_item .orig_textarea02{ border:1px solid #ccc; background-color:#fff; width:92%; margin-bottom:10px;} +.panel-comment_item .orig_sub{ float:right; background-color:#269ac9; color:#fff; height:25px; line-height:25px; text-align:center; width:80px; border:none;} +.panel-comment_item .orig_sub:hover{ background:#297fb8;} +.panel-comment_item .orig_cont_hide{ text-align:center; width:100%; display:block; font-size:14px; color:#666; border-bottom:1px solid #F3DDB3; padding:8px 0;} +.panel-comment_item .orig_icon{ color:#888; margin-right:10px; font-size:14px; font-weight:bold;} +.orig_reply{ font-size: 12px; } +.panel-mes-head{ padding:10px; border-bottom:1px solid #eee;} +.homepagePostReplyPortrait a img{border-radius: 100px;} +/* 表格 */ +.panel-new-table { width:100%; text-align: center; } +.panel-new-table tr th{ color:#333; height: 50px;line-height:50px; } +.panel-new-table tr th,.panel-new-table tr td{ border-bottom:1px solid #eee; } +.panel-new-table tr td{color:#666; height: 40px; line-height:40px;} +.panel-table-pd15 tr td{ padding:15px 0;} +.panel-new-table tbody tr:hover{ background:#f9f9f9;} +a.panel-table-name{display:block; max-width:100px;text-align:center;} +a.panel-table-title{display:block; max-width:240px;text-align:center;} +.table-num{ width:5%; text-align: center;} +/* 滑动条 */ +.panel-slider-bg{ width:240px; height: 15px; border-radius:15px; background:#f1f2f7; } +.panel-slider-inner00{ display:block; width:0%; height: 15px; border-radius:15px; background:#29bd8b;} +.panel-slider-inner01{ display:block; width:10%; height: 15px; border-radius:15px; background:#29bd8b;} +.panel-slider-inner02{ display:block; width:20%; height: 15px; border-radius:15px; background:#29bd8b;} +.panel-slider-inner03{ display:block; width:30%; height: 15px; border-radius:15px; background:#29bd8b;} +.panel-slider-inner04{ display:block; width:40%; height: 15px; border-radius:15px; background:#29bd8b;} +.panel-slider-inner05{ display:block; width:50%; height: 15px; border-radius:15px; background:#29bd8b;} +.panel-slider-inner06{ display:block; width:60%; height: 15px; border-radius:15px; background:#29bd8b;} +.panel-slider-inner07{ display:block; width:70%; height: 15px; border-radius:15px; background:#29bd8b;} +.panel-slider-inner08{ display:block; width:80%; height: 15px; border-radius:15px; background:#29bd8b;} +.panel-slider-inner09{ display:block; width:90%; height: 15px; border-radius:15px; background:#29bd8b;} +.panel-slider-inner10{ display:block; width:100%; height: 15px; border-radius:15px; background:#29bd8b;} +/* 翻页 */ +.panel-pages a{ display: inline-block; border:1px solid #d1d1d1; color:#888; float:left;text-align:center; padding:0 10px; margin-right:5px; height: 30px; line-height: 30px; } +.panel-pages a:hover,.panel-pages .active{ background-color:#29bd8b; border:1px solid #29bd8b;color:#fff; } +.panel-pages{ width: 350px; margin:20px auto;} +/* 翻页*/ +.pages_right_min a{ display: inline-block;border:1px solid #d1d1d1; color:#888!important; float:left;text-align:center; padding:3px 10px; line-height:1.9; margin: 0 5px;} +.pages_right_min a.pages-border-right{border-right:1px solid #d1d1d1; } +.pages_right_min a:hover,.pages_right_min a.active{ background-color:#FC7033; color:#fff!important;border:1px solid #FC7033} +.pages_right_min li{float: left;} +/* 个人主页翻页 */ +.pages_user_show a:hover,.pages_user_show a.active{ background-color:#FC7033;; color:#fff;border: 1px solid #FC7033;} +.pages_user_show a{ display: inline-block;border:1px solid #d1d1d1; color:#888; float:left;text-align:center; padding:3px 10px; line-height:1.9; margin: 0 5px;} +.pages_user_show li{float: left; list-style-type: none;} +.pages_user_show ul li{list-style-type: none !important;} +.pages_user_show ul li a{color:#888} +/* 小翻页 */ +.pages_little_show a:hover,.pages_little_show a.active{ background-color:#FC7033;; color:#fff!important;border:1px solid #FC7033} +.pages_little_show a{ display: inline-block;border:1px solid #d1d1d1; color:#888!important; float:left;text-align:center; padding:3px 3px; line-height:1.9; margin: 0 2px; font-size: 12px;} +.pages_little_show li{float: left;} +/* 搜索*/ +.panel-search{ position: relative;} +input.panel-search-input{ height: 30px; width:300px; color: #666;} +.panel-search-btn{ position: absolute; top:2px; right:10px;} +/* 表单*/ +.label-w20{ width:20%!important;} +.panel-form-label{ display:inline-block; width:10%; min-width:90px; text-align:right; line-height:40px; font-weight: normal; } +.panel-form input,.panel-form textarea,.panel-form select{ border:1px solid #e2e2e2;color:#666;line-height: 1.9; background:#fff;} +.panel-box-sizing{-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box; border-radius:3px;} +input.panel-form-width-690{ padding:5px;width:90%; height:40px; } +input.panel-form-width-100{ padding:5px;width:100%; height:40px;} +input.panel-form-width-45{ padding:5px;width:44.5%; height:40px; } +input.panel-form-width-50{ padding:5px;width:44.5%; height:25px; } +input.panel-form-width-60{ padding:5px;width:60%; height:40px; } +textarea.panel-form-width-100{ padding:5px;width:100%; height:150px; } +textarea.panel-form-width-690{ padding:5px;width:90%; height:150px; } +.panel-form-width-670{ width: 670px; padding:5px;} +.panel-form-height-150{ height: 150px;} +.panel-form-height-30{height: 30px;} +.task-bg-grey{ background:#f3f3f3; width:90%; min-width:700px; padding:10px; border:1px solid #f3f3f3; color:#888;} +.task-bg-grey02{ background:#f3f3f3; width:80%; min-width:700px; padding:7px 10px; border:1px solid #f3f3f3; color:#888;} + +input.task-form-10,textarea.task-form-10,select.task-form-10,.task-form-10{padding:5px;width:10%;box-sizing: border-box} +input.task-form-15,textarea.task-form-15,select.task-form-15,.task-form-15{padding:5px;width:15%;box-sizing: border-box} +input.task-form-20,textarea.task-form-20,select.task-form-20,.task-form-20{padding:5px;width:20%;box-sizing: border-box} +input.task-form-30,textarea.task-form-30,select.task-form-30,.task-form-30{padding:5px;width:30%;box-sizing: border-box} +input.task-form-35,textarea.task-form-35,select.task-form-35,.task-form-35{padding:5px;width:35%;box-sizing: border-box} +input.task-form-40,textarea.task-form-40,select.task-form-40,.task-form-40{padding:5px;width:40%;box-sizing: border-box} +input.task-form-45,textarea.task-form-45,select.task-form-45,.task-form-45{padding:5px;width:45%;box-sizing: border-box} +input.task-form-50,textarea.task-form-50,select.task-form-50,.task-form-50{padding:5px;width:50%;box-sizing: border-box} +input.task-form-60,textarea.task-form-60,select.task-form-60,.task-form-60{padding:5px;width:60%;box-sizing: border-box} +input.task-form-70,textarea.task-form-70,select.task-form-70,.task-form-70{padding:5px;width:70%;box-sizing: border-box} +input.task-form-80,textarea.task-form-80,select.task-form-80,.task-form-80{padding:5px;width:80%;box-sizing: border-box} +input.task-form-90,textarea.task-form-90,select.task-form-90,.task-form-90{padding:5px;width:90%;box-sizing: border-box} +input.task-form-100,textarea.task-form-100,select.task-form-100,.task-form-100{padding:5px;width:100%;} +input.task-height-40,textarea.task-height-40,.task-height-40,select.task-height-40{height:40px;} +input.task-height-30,textarea.task-height-30,.task-height-30,select.task-height-30{height:32px;} +input.task-height-220,textarea.task-height-220,.task-height-220{height:220px;} +input.task-height-150,textarea.task-height-150,.task-height-150{height:150px;} +input.task-height-100,textarea.task-height-100,.task-height-100{height:100px;} +input.task-height-80,textarea.task-height-80,.task-height-80{height:80px;} + +/*头像下拉弹框*/ +.my_account_info{ width:160px; background-color:#fff; border-radius: 3px; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); position:absolute; font-size: 14px; top:46px; left:-97px;display: none; z-index:999;} +.my_account_info li a{ color: #888;} +.my_account_info font{ border: 1px solid #dddddd; display: block; border-width: 8px; position: absolute; top: -15px;left: 140px; border-style:solid; border-color: transparent transparent #fff transparent;font-size: 0;line-height: 0; box-shadow:2px rgba(146, 153, 169, 0.5); } +.my_account_info li{ padding-left: 5px; line-height: 1.5;} +.li_bottom_border{ border-bottom:1px solid #eee;} +a.task-index-name{ display: inline-block; max-width:80px;} +.task-index-name{ display: inline-block; max-width:80px;} + +/*滑块验证*/ +.drag_slider{ position: relative; background-color: #e8e8e8; width:100%; height: 45px; line-height: 45px; text-align: center;border-radius: 4px;} +.drag_slider .handler{ border-radius: 4px 0px 0px 4px;position: absolute; top: 0px; left: 0px; width: 50px; height: 43px; border: 1px solid #eee; cursor: move;} +.handler_bg{ background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTEyNTVEMURGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTEyNTVEMUNGMkVFMTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MTc5NzNmZS02OTQxLTQyOTYtYTIwNi02NDI2YTNkOWU5YmUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YiRG4AAAALFJREFUeNpi/P//PwMlgImBQkA9A+bOnfsIiBOxKcInh+yCaCDuByoswaIOpxwjciACFegBqZ1AvBSIS5OTk/8TkmNEjwWgQiUgtQuIjwAxUF3yX3xyGIEIFLwHpKyAWB+I1xGSwxULIGf9A7mQkBwTlhBXAFLHgPgqEAcTkmNCU6AL9d8WII4HOvk3ITkWJAXWUMlOoGQHmsE45ViQ2KuBuASoYC4Wf+OUYxz6mQkgwAAN9mIrUReCXgAAAABJRU5ErkJggg==") no-repeat center;} +.handler_ok_bg{ background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZDhlNWY5My05NmI0LTRlNWQtOGFjYi03ZTY4OGYyMTU2ZTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDlBRDI3NjVGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDlBRDI3NjRGMkQ2MTFFNEI5NDBCMjQ2M0ExMDQ1OUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDphNWEzMWNhMC1hYmViLTQxNWEtYTEwZS04Y2U5NzRlN2Q4YTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NGQ4ZTVmOTMtOTZiNC00ZTVkLThhY2ItN2U2ODhmMjE1NmU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+k+sHwwAAASZJREFUeNpi/P//PwMyKD8uZw+kUoDYEYgloMIvgHg/EM/ptHx0EFk9I8wAoEZ+IDUPiIMY8IN1QJwENOgj3ACo5gNAbMBAHLgAxA4gQ5igAnNJ0MwAVTsX7IKyY7L2UNuJAf+AmAmJ78AEDTBiwGYg5gbifCSxFCZoaBMCy4A4GOjnH0D6DpK4IxNSVIHAfSDOAeLraJrjgJp/AwPbHMhejiQnwYRmUzNQ4VQgDQqXK0ia/0I17wJiPmQNTNBEAgMlQIWiQA2vgWw7QppBekGxsAjIiEUSBNnsBDWEAY9mEFgMMgBk00E0iZtA7AHEctDQ58MRuA6wlLgGFMoMpIG1QFeGwAIxGZo8GUhIysmwQGSAZgwHaEZhICIzOaBkJkqyM0CAAQDGx279Jf50AAAAAABJRU5ErkJggg==") no-repeat center;} +.drag_slider .drag_bg{ background-color: #29bd8b; height: 45px; width: 0px;} +.drag_slider .drag_text{border-radius: 4px 0px 0px 4px;position: absolute; top: 0px; width: 100%; -moz-user-select: none; -webkit-user-select: none; user-select: none; -o-user-select:none; -ms-user-select:none;} + + +/*新建新增*/ +/*.edu-con-top{ padding:10px 0; background:#fff; border-bottom:1px solid #eee;font-size:16px; }*/ +/*.edu-con-top h2{ font-size:16px;}*/ +/*.edu-con-bg01{ width: 100%; background:#fff;}*/ +/*.edu-con-top .color-grey{ color:#666!important;}*/ + +/*附件上传的样式*/ +.atta_input{ width: 980px; white-space: nowrap; text-overflow:ellipsis;} + +/*作业描述、帖子内容*/ +.upload_img img{max-width: 100%;} +.table_maxWidth table {max-width: 642px;} +.list_style ol li{list-style-type: decimal;margin-left: 40px;} +.list_style ul li{list-style-type: disc;margin-left: 40px;} + +/*数据为空公共页面*/ +img.edu-nodata-img{ width:200px; margin:50px auto 20px; display: block;} +.edu-nodata-p{ font-size: 16px; text-align: center; color:#888;border-bottom:none!important;} + +/* new tab */ +.edu-tab{ width: 100%; background:#fff;} +#edu-tab-nav{height:47px;background: #fff;} +#edu-tab-nav li.new-tab-nav {float:left; width: 150px; text-align:center;height:48px;line-height:48px;border-top-right-radius:5px;border-top-left-radius:5px; } +#edu-tab-nav li a{font-size:14px; } +#edu-user-tab-nav{height:40px;background: #fff; border-bottom:2px solid #FC7033;} +#edu-user-tab-nav li.new-tab-nav {float:left; width: 120px; text-align:center;height:42px;line-height:42px;border-top-left-radius: 5px;border-top-right-radius:5px} +#edu-user-tab-nav li a{font-size:14px; } +.edu-new-tab-hover { background:#5faee3; } +.edu-user-tab-hover{background:#FC7033;} +.edu-user-tab-hover a{color:#fff!important;} +.edu-new-tab-hover a{color:#fff!important;} +.edu-class-con-list:hover{ background:#EFF9FD;} +.edu-bg-shadow{box-shadow: 0px 0px 5px rgba(146, 153, 169, 0.2);} +a.task-btn-line{display: inline-block;font-weight: bold;padding: 0 12px;color: #666;background: #fff;letter-spacing: 1px;text-align: center;font-size: 14px;height: 30px;line-height: 30px;border-radius: 3px; border:1px solid #ccc;} +a:hover.task-btn-line{ border:1px solid #3498db;background:#3498db;color: #fff;} + +/*阴影*/ +.user_bg_shadow{-webkit-box-shadow: 0 0 8px 0 rgba(142,142,142,.1);-moz-box-shadow: 0 0 8px 0 rgba(142,142,142,.1);box-shadow: 0 0 8px 0 rgba(142,142,142,.1);}/*四边阴影*/ +.user_bg_shadow_notop{-webkit-box-shadow: 0 3px 8px 0 rgba(142,142,142,.1);-moz-box-shadow: 0 3px 8px 0 rgba(142,142,142,.1);box-shadow: 0 3px 8px 0 rgba(142,142,142,.1);}/*没有上边阴影*/ +/*阴影+边框*/ +.shadow_border{border:1px solid #eee;-webkit-box-shadow: 0 0 8px 0 rgba(142,142,142,.1);-moz-box-shadow: 0 0 8px 0 rgba(142,142,142,.1);box-shadow: 0 0 8px 0 rgba(142,142,142,.1);} +.shadow_border_notop{border:1px solid #eee;-webkit-box-shadow: 0 3px 8px 0 rgba(142,142,142,.1);-moz-box-shadow: 0 3px 8px 0 rgba(142,142,142,.1);box-shadow: 0 3px 8px 0 rgba(142,142,142,.1);} +.user_bg_shadow01{-webkit-box-shadow: 0 1px 2px 2px rgba(123, 123, 123, 0.15);-moz-box-shadow: 0 1px 2px 2px rgba(123, 123, 123, 0.15);box-shadow: 0 1px 2px 2px rgba(123, 123, 123, 0.15);} +.user_bg_shadow02{-webkit-box-shadow: 0 2px 8px 0 rgba(123, 123, 123, 0.15);-moz-box-shadow: 0 2px 8px 0 rgba(123, 123, 123, 0.15);box-shadow: 0 2px 8px 0 rgba(123, 123, 123, 0.15);} +.box_bg_shandow {box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);} + +/*新增的公用样式*/ +.box-boxshadow{box-shadow: 3px 3px 10px rgba(146, 153, 169, 0.2);} +.prop-notice-info{padding: 10px;border:1px solid #F3DDB3;background-color: #FFFEF4;} +.prop-notice-info ol{list-style-type: disc;list-style-position:inside} +.prop-notice-info ol li{list-style-type: disc;color: #ff6532;margin-bottom:0!important;} + +/*input框移出后没有内容将边框阴影变为红色*/ +.notinput_bg_shadow{border: none;box-shadow: 0px 0px 4px rgba(227,53,37,1);} +/*设置input框的placehoder的字体颜色*/ +input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #cccccc} +input::-moz-placeholder,textarea::-moz-placeholder { color:#cccccc;} +input::-moz-placeholder,textarea::-moz-placeholder { color:#cccccc;} +input::-ms-input-placeholder,textarea::-ms-input-placeholder {color:#cccccc;} +/*班级讨论区置顶的样式*/ +.btn-cir {display: inline-block;padding: 0px 5px;border-radius: 25px;line-height: 20px;font-size: 12px;} +.btn-cir:hover{background:#fff;color:#333333}.all_work_border{border: 1px solid #4c515d;}/*TPI全部任务的数量需要加一个边框*/ +.btn-cir-grey{background: #e1e1e1;color: #8c8c8c;font-weight: normal;border: 1px solid #e1e1e1} +.btn-cir-red{background:red;color: #fff; font-weight: normal;} +.btn-cir-red:hover{background:red;} +.btn-cir-orange {background: #ff7500; color: #fff; font-weight: normal;border: 1px solid #ff7500} +.btn-top{display: inline-block;padding: 0px 5px;line-height: 20px;font-size: 12px;border-radius: 3px;} +.btn-cir-big{ background: #999;color: #fff;display: inline-block; padding:0px 10px; border-radius:25px; line-height:25px; height: 25px; font-size:12px;} +/*圆形绿色背景---------22*/ +.panel-inner-icon{width: 22px;height: 22px;line-height: 22px;border-radius: 50%;background: #29bd8b;display: block;text-align: center} +.panel-inner-icon{width: 22px;height: 22px;line-height: 22px;border-radius: 50%;background: #29bd8b;display: block;text-align: center} +/*圆形绿色背景------------------18*/ +.panel-inner-icon18{width: 18px;height: 18px;line-height: 18px;border-radius: 50%;background: #29bd8b;display: block;text-align: center} + +/*---------------块右上角的三角形，颜色为浅橙色*/ +.triangle-topright {position: absolute;right: -1px;top:0px;width: 0;height: 0;border-top: 35px solid #FF9E6A;border-left: 60px solid transparent;z-index: 1} +.triangle-font{position: absolute;right: 1px;top: 2px;z-index: 2;font-size: 12px;color: white;transform: rotate(31deg);} +.triangle-font2{position: absolute;right: 1px;top: -5px;z-index: 2;font-size: 12px;color: white;transform: rotate(31deg);} + +/* colorbox +*******************************************************************************/ +/* + Colorbox Core Style: + The following CSS is consistent between example themes and should not be altered. +*/ +#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden;} +#cboxWrapper {max-width:none;} +#cboxOverlay{position:fixed; width:100%; height:100%;} +#cboxMiddleLeft, #cboxBottomLeft{clear:left;} +#cboxContent{position:relative;} +#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} +#cboxTitle{margin:0;} +#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} +#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} +.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} +.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;} +#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} + +/* + User Style: + Change the following styles to modify the appearance of Colorbox. They are + ordered & tabbed in a way that represents the nesting of the generated HTML. +*/ +#cboxOverlay{background:#fff;} +#colorbox{outline:0;} +#cboxTopLeft{width:25px; height:25px; background:url(/images/colorbox/border1.png) no-repeat 0 0;} +#cboxTopCenter{height:25px; background:url(/images/colorbox/border1.png) repeat-x 0 -50px;} +#cboxTopRight{width:25px; height:25px; background:url(/images/colorbox/border1.png) no-repeat -25px 0;} +#cboxBottomLeft{width:25px; height:25px; background:url(/images/colorbox/border1.png) no-repeat 0 -25px;} +#cboxBottomCenter{height:25px; background:url(/images/colorbox/border1.png) repeat-x 0 -75px;} +#cboxBottomRight{width:25px; height:25px; background:url(/images/colorbox/border1.png) no-repeat -25px -25px;} +#cboxMiddleLeft{width:25px; background:url(/images/colorbox/border2.png) repeat-y 0 0;} +#cboxMiddleRight{width:25px; background:url(/images/colorbox/border2.png) repeat-y -25px 0;} +#cboxContent{background:#fff; overflow:hidden;} +.cboxIframe{background:#fff;} +#cboxError{padding:50px; border:1px solid #ccc;} +#cboxLoadedContent{margin-bottom:20px;} +#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;} +#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;} +#cboxLoadingOverlay{background:#fff url(/images/colorbox/loading.gif) no-repeat 5px 5px;} +/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ +#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } +/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ +#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} +#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} +#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} +#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} +#cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;} + +/*-----下拉框--------*/ +.down-select{display:none;position: absolute;z-index: 10;left: 0px;width: 100%;overflow-y: auto;background: #fff;max-height: 200px;} +.down-select p{height: 35px;line-height: 35px;padding-left: 5px;} +.down-select p:hover{background: #f3f4f6} + +/*课程、实训的条状样式*/ +.homepage-list-show p{height:70px;line-height:70px;} +.homepage-list-show p:nth-child(odd){background:#fafbfb;} +.homepage-list-show p .first{width:58%;display:inline-block;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} +.homepage-list-show p .hasmargin{width:23%;display:inline-block;text-align: center;color:#888;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} +.homepage-list-show p .haspadding{width:16.7%;display:inline-block;margin-right:12%;color:#888;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;} +.homepage-list-show p .last{width:8.33%;display:inline-block;color:#888;cursor: pointer; display: none;} +.homepage-list-show p .last:hover{color:#5faee3;} +.homepage-list-show p .last:hover .blue{color:#5faee3;} + +/*-----课程名称下拉框--------*/ +.course_list_ul,.down-list{ overflow-y: scroll;display: none;position: absolute;top:40px;left: -1px;width: 100% !important;border:1px solid #eeeeee;background: #FFFFFF;max-height: 150px;z-index: 10} +.course_list_ul li{height:20px;padding:5px 10px;clear:both;line-height:28px;margin-bottom: 0 !important;cursor: pointer;} +.down-list li{text-align: left;outline: none;padding: 5px 10px;clear: both;line-height: 22px!important;margin-bottom: 0 !important;cursor: pointer;width: 100%;box-sizing: border-box;height: 30px;border: none!important;} +.down-list li:hover{background: #eee} +.down-list{top:32px} +.unit-part{border:1px solid #ccc;padding: 0px 8px;border-radius: 5px;margin-right: 10px} +.unit-part input{border: none!important;text-align: left;width:auto;outline: none} +/*-----试卷提交状态--------*/ +.post_status_btn{display: block;float: left;padding: 0px 5px;font-size: 12px;color: #FFFFFF;border-radius: 4px;height: 20px;line-height: 20px;;} +.post_btn_green{background: #29bd8b;border: 1px solid #29bd8b!important;color: #fff;} +.post_btn_green_q{background: #5ECFBA;border: 1px solid #5ECFBA!important;color: #fff;} +.post_btn_orange{background: #FF7500;border: 1px solid #FF7500!important;color: #fff;} +.post_btn_red{background: #ee4a1f;border: 1px solid #ee4a1f!important;color: #fff;} +.post_btn_grey{background: #e4e4e3;border: 1px solid #e4e4e3!important;} +.post_btn_white{background: #ffffff;} +/*评阅状态*/ +.checkstatus_box_small{width: 10px;height: 10px;display: block;float: left;margin-right: 3px;} +.checkstatus_box_big{cursor: default;width: 30px;height: 30px;line-height: 30px;text-align: center;margin-right: 10px;border:1px solid #CCCCCC;display: block;float: left;margin-bottom: 10px} +.checkstatus_box_big i{position: absolute;top:18px;left: 10px;} + +/*个人主页头部认证圆形背景*/ +.user-info-span{border-radius: 50%;float:left;background: #F3F5F7;text-align: center;width: 23px;height: 23px;line-height: 23px;margin-top: 3px;margin-right: 5px} + +/*试卷答题倒计时*/ +.time_panel span.factorial{float: left;display: block;line-height: 35px;padding: 0px 3px;} +.time_panel span.time{float: left;display: block;color: #ffffff;background-color: #333333;font-size: 16px;border-radius: 5px;letter-spacing: 1px;width: 33px;text-align: center;line-height: 35px;height: 35px;} + +.hidemsg{overflow: hidden;cursor: pointer} +.hidemsg div{ + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: auto; + opacity:0.4; + background-color: #ffffff; + -webkit-border-radius: 100%; + -moz-border-radius: 100%; + -o-border-radius: 100%; + -ms-border-radius: 100%; + -webkit-animation-fill-mode: both; + -moz-animation-fill-mode: both; + -ms-animation-fill-mode: both; + -o-animation-fill-mode: both; + width: 80px; + height: 80px; + -webkit-animation: ball-scale 1s 0s ease-in-out infinite; + -moz-animation: ball-scale 1s 0s ease-in-out infinite; + -ms-animation: ball-scale 1s 0s ease-in-out infinite; + -o-animation: ball-scale 1s 0s ease-in-out infinite; + animation: ball-scale 1s 0s ease-in-out infinite; +} +@keyframes ball-scale{ + 0%{width: 0px;height: 0px} + 100%{width: 80px;height: 80px} +} + +/*-------------------个人主页关注和粉丝列表改版 以及TPM合作者部分改版 2018/01/15-------------------------*/ +.-task-con-int .favour .fens-table-list{display: flex;width:21.29%;margin:0px 1.5% 1.5% 0px;min-height: 125px;border: 1px solid #EEEEEE;padding: 10px;background: #f9fbfd} +.-task-con-int .favour .fens-table-list:nth-child(4n+1){margin:0px 1.5% 1.5% 1.5%;} +.-task-con-int .favour .fens-table-list .touxiang{border-radius: 50%;overflow: hidden;} +.white-icon-ring{width: 25px;height: 25px;background: #ffffff;border-radius: 50%;text-align: center;line-height: 25px;} +a.btn-focus{display: block;width:80px;height: 35px;line-height: 35px;border-radius: 4px;border:1px solid #EEEEEE;text-align: center;cursor: pointer;background: #ffffff} +a.btn-focus:hover{color: #FFFFFF!important;background:#FC7033;border: 1px solid #FC7033 } +.fans-name{max-width: 100px;word-break: break-all;overflow: hidden;height: 26px;text-overflow: ellipsis;white-space: nowrap;} +.school-name{max-width: 196px;word-break: break-all;overflow: hidden;height: 26px;text-overflow: ellipsis;white-space: nowrap;} + +.fans_del{position: absolute;right: 12px;top: 12px;cursor: pointer; + text-align: center;} +.fans_del i{color: #b5b5b5} +.fans_del:hover i{color: #ff7500!important;} + +.-task-con-int .favour .p2{line-height:90px;text-align:center;} +.-task-con-int .favour .p2:hover .changecolor{color:#5faee3;} +.-task-con-int .favour .fens{position:relative;} +.-task-con-int .favour .fens .many{position:absolute;right:22px;top:-35px;} +.-task-con-int .favour .fens .list{width:100px;text-align:center;padding-top:5px;} +.-task-con-int .favour .fens .list dt{margin:20px;margin-bottom:5px;} +.-task-con-int .favour .fens .touxiang{border-radius:28px;overflow:hidden;} + +/*选择实训的弹框*/ +.shixun_work_div{overflow-y: auto;max-height: 90px;} diff --git a/public/index.html b/public/index.html index b52523d77..fdcb75664 100755 --- a/public/index.html +++ b/public/index.html @@ -43,7 +43,7 @@ - +