|
|
|
|
|
@charset "utf-8";
|
|
|
|
|
|
body{font-size:14px; line-height:2.0;background:#ffffff!important;font-family: "微软雅黑","宋体"; color:#333;height: 100%}
|
|
|
|
|
|
html{height:100%;}
|
|
|
|
|
|
.newContainer{ min-height:100%; height: auto !important; height: 100%; /*IE6不识别min-height*/position: relative;}
|
|
|
|
|
|
.newMain{ margin: 0 auto; padding-bottom: 155px; min-width:1200px }
|
|
|
|
|
|
.newFooter{
|
|
|
|
|
|
max-height: 110px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.newFooter{ position: absolute; bottom: 0; width: 100%;background: #323232; clear:both; min-width: 1200px;z-index:99999;left: 0px;}
|
|
|
|
|
|
.newHeader{background: #171616;width:100%; height: 50px; min-width: 1200px;position: fixed;top: 0px;left: 0px;z-index:99998}
|
|
|
|
|
|
/* 重置样式 */
|
|
|
|
|
|
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,span{ margin:0; padding:0;}
|
|
|
|
|
|
table,input,textarea,select,button { font-family: "微软雅黑","宋体"; font-size:14px;line-height:1.9; background:#f5f5f5; color:#333;}
|
|
|
|
|
|
div,img,tr,td,table{ border:0;}
|
|
|
|
|
|
table,tr,td{border:0;}
|
|
|
|
|
|
a:link,a:visited{text-decoration:none;color:#898989; }
|
|
|
|
|
|
a:hover {color:#4CACFF;}
|
|
|
|
|
|
a:hover.fa{color:#4CACFF;}
|
|
|
|
|
|
|
|
|
|
|
|
input,textarea,select{ background: #fff; border:1px solid #eee;}
|
|
|
|
|
|
textarea{resize: none;}
|
|
|
|
|
|
/*侧滚动条*/
|
|
|
|
|
|
::-webkit-scrollbar { width:10px; height:10px; background-color: #F5F5F5; }
|
|
|
|
|
|
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; }
|
|
|
|
|
|
::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #ccc; }
|
|
|
|
|
|
/*万能清除浮动*/
|
|
|
|
|
|
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
|
|
|
|
|
|
.clearfix{clear:both;zoom:1}
|
|
|
|
|
|
.cl{ clear: both; overflow: hidden;}
|
|
|
|
|
|
/*通用浮动*/
|
|
|
|
|
|
.fl{ float: left;}
|
|
|
|
|
|
.fr{ float: right;}
|
|
|
|
|
|
/*pre标签换行*/
|
|
|
|
|
|
.break-word{word-break: break-all;word-wrap: break-word;}
|
|
|
|
|
|
.break-word-firefox{white-space: pre-wrap !important;word-break: break-all;}
|
|
|
|
|
|
/*超过隐藏*/
|
|
|
|
|
|
.task-hide{overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
|
|
|
|
|
.task-hide2{overflow:-moz-hidden-unscrollable; white-space: nowrap; text-overflow:ellipsis;}
|
|
|
|
|
|
.hide{overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
|
|
|
|
|
.hide-text {overflow:hidden; white-space:nowrap;}
|
|
|
|
|
|
/*隐藏*/
|
|
|
|
|
|
.none{display: none}
|
|
|
|
|
|
.block{ display:block;}
|
|
|
|
|
|
/*通用文字功能样式*/
|
|
|
|
|
|
.font-bd{ font-weight: bold;}
|
|
|
|
|
|
.color-red-light{color: #F00!important;}
|
|
|
|
|
|
.color-red{ color:#d2322d!important;}
|
|
|
|
|
|
.u-color-light-red{color: #FF6666}
|
|
|
|
|
|
.color-black{color:#333!important;}
|
|
|
|
|
|
.color-green{color:#51a74f!important;}
|
|
|
|
|
|
.color-light-green{color:#29bd8b!important;}
|
|
|
|
|
|
.color-blue{color:#3498db!important;}
|
|
|
|
|
|
.color-orange{color:#ee4a1f!important;}
|
|
|
|
|
|
.color-orange02{color:#f79f88!important;}
|
|
|
|
|
|
.color-orange03{color:#ff7500!important;}
|
|
|
|
|
|
.color-orange04{color: #ee4a20!important;}/*温馨提示公用颜色*/
|
|
|
|
|
|
.color-orange05{color: #FF9e6a!important;}
|
|
|
|
|
|
.color-orange06{color: #ff6530!important;}
|
|
|
|
|
|
a.color-orange05:hover,i.color-orange05:hover{color:#ff7500!important;}
|
|
|
|
|
|
.color-orange06{color:#FF6610!important;}
|
|
|
|
|
|
.color-yellow{color:#f0ad4e!important;}
|
|
|
|
|
|
.color-yellow2{color:#ff9933!important;}
|
|
|
|
|
|
.color-yellow3{color:#FFC828;}/*新版学员统计---通关排行榜 2018/01/22*/
|
|
|
|
|
|
|
|
|
|
|
|
.color-light-grey{color:#afafaf!important;}
|
|
|
|
|
|
.color-grey-7f{color: #7f7f7f!important;}
|
|
|
|
|
|
.color-grey-no-a{color:#888!important;}
|
|
|
|
|
|
.color-grey{color:#888!important;}
|
|
|
|
|
|
.color-grey9{color:#999!important;}
|
|
|
|
|
|
a.color-grey:hover{color: #4CACFF!important;}/*a标签，移入变蓝色*/
|
|
|
|
|
|
.color-dark-grey{color:#666!important;}
|
|
|
|
|
|
.color-grey3{color:#333!important;}
|
|
|
|
|
|
a.color-grey3:hover{color: #ff7500!important;}
|
|
|
|
|
|
.u-color-light-grey{color: #CCCCCC}
|
|
|
|
|
|
.color-light-grey-C{color: #CCCCCC!important;}
|
|
|
|
|
|
.color-light-grey-E{color: #EEEEEE}
|
|
|
|
|
|
.color-grey-bf{color:#bfbfbf!important;}
|
|
|
|
|
|
.color-grey-b{color:#bbbbbb!important;}
|
|
|
|
|
|
|
|
|
|
|
|
.-text-danger{ color:#FF6545 }
|
|
|
|
|
|
.color_white{ color:#fff!important;}
|
|
|
|
|
|
.color_Purple_grey{color: #8291a3!important;}/*TPI评论里右侧点赞的icon颜色*/
|
|
|
|
|
|
.color-grey-c{color: #cccccc!important;}
|
|
|
|
|
|
a.link-color-grey{color:#888!important;}
|
|
|
|
|
|
a:hover.link-color-grey{color:#29bd8b!important;}
|
|
|
|
|
|
a.link-color-green{color:#29bd8b!important;}
|
|
|
|
|
|
a.link-color-blue{color:#6a8abe!important;}
|
|
|
|
|
|
a.link-color-grey02{color:#888!important;}
|
|
|
|
|
|
a:hover.link-color-grey02{ color:red!important;}
|
|
|
|
|
|
a.link-color-grey03{color:#888!important;}
|
|
|
|
|
|
a:hover.link-color-grey03{color:#3498db!important;}
|
|
|
|
|
|
.edu-color-grey{ color:#666;}
|
|
|
|
|
|
.edu-color-grey:hover{color:#ff7500;}
|
|
|
|
|
|
/*通用背景颜色*/
|
|
|
|
|
|
.back-color-orange{background-color: #FF7500}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*通用文字大小样式*/
|
|
|
|
|
|
.font-12{ font-size: 12px!important;}
|
|
|
|
|
|
.font-13{ font-size: 13px!important;}
|
|
|
|
|
|
.font-14{ font-size: 14px!important;}
|
|
|
|
|
|
.font-15{ font-size: 15px!important;}
|
|
|
|
|
|
.font-16{ font-size: 16px!important;}
|
|
|
|
|
|
.font-17{ font-size: 17px!important;}
|
|
|
|
|
|
.font-18{ font-size: 18px!important;}
|
|
|
|
|
|
.font-20{ font-size: 20px!important;}
|
|
|
|
|
|
.font-22{ font-size: 22px!important;}
|
|
|
|
|
|
.font-25{ font-size: 25px!important;}
|
|
|
|
|
|
.font-24{ font-size: 24px!important;}
|
|
|
|
|
|
.font-28{ font-size: 28px!important;}
|
|
|
|
|
|
.font-30{ font-size: 30px!important;}
|
|
|
|
|
|
.font-50{ font-size: 50px!important;}
|
|
|
|
|
|
.font-60{ font-size: 60px!important;}
|
|
|
|
|
|
.font-70{ font-size: 70px!important;}
|
|
|
|
|
|
/*通用内外边距*/
|
|
|
|
|
|
.mt-10{ margin-top:-10px;}.mt1{ margin-top:1px;}.mt2{ margin-top:2px;}.mt3{ margin-top:3px;}.mt4{ margin-top:4px;}.mt5{ margin-top:5px!important;}.mt6{ margin-top:6px;}.mt7{ margin-top:7px!important;}.mt8{ margin-top:8px;}.mt10{ margin-top:10px;}.mt12{ margin-top:12px;}.mt13{ margin-top:13px;}.mt15{ margin-top:15px;}.mt17{ margin-top:17px;}.mt20{ margin-top:20px!important;}.mt25{ margin-top:25px;}.mt30{ margin-top:30px!important;}.mt36{ margin-top:36px!important;}.mt40{ margin-top:40px;}.mt50{ margin-top:50px;}.mt70{ margin-top:70px;}.mt95{ margin-top:95px;}.mt100{ margin-top:100px;}
|
|
|
|
|
|
.mb5{ margin-bottom: 5px;}.mb7{ margin-bottom: 7px;}.mb10{ margin-bottom: 10px;}.mb11{ margin-bottom: 11px;}.mb15{ margin-bottom: 15px;}.mb20{ margin-bottom: 20px;}.mb25{ margin-bottom: 25px;}.mb30{ margin-bottom: 30px!important;}.mb40{ margin-bottom: 40px!important;}.mb50{ margin-bottom: 50px!important;}.mb60{ margin-bottom: 60px!important;}.mb70{ margin-bottom: 70px!important;}.mb80{ margin-bottom: 80px!important;}.mb90{ margin-bottom: 90px!important;}.mb100{ margin-bottom: 100px!important;}.mb110{ margin-bottom: 110px;}
|
|
|
|
|
|
.ml-3{ margin-left: -3px;}.ml1{margin-left: 1px;}.ml2{margin-left: 2px;}.ml3{margin-left: 3px;}.ml4{margin-left: 4px;}.ml5{ margin-left: 5px;}.ml6{ margin-left: 6px;}.ml10{ margin-left: 10px;}.ml12{ margin-left:12px!important;}.ml15{ margin-left: 15px;}.ml18{ margin-left: 18px;}.ml20{ margin-left: 20px;}.ml25{ margin-left: 25px;}.ml30{ margin-left: 30px;}.ml33{ margin-left: 33px;}.ml35{ margin-left:35px;}.ml40{margin-left:40px;}.ml42{margin-left:42px;}.ml45{ margin-left: 45px;}.ml50{ margin-left: 50px;}.ml55{ margin-left: 55px;}.ml60{ margin-left: 60px;}.ml75{ margin-left: 75px;}.ml80{ margin-left: 80px;}.ml85{margin-left:85px;}.ml95{ margin-left: 95px;}.ml115{margin-left: 115px}.ml123{ margin-left: 123px;}.ml150{ margin-left: 150px;}.ml180{ margin-left: 180px;}.ml230{ margin-left: 230px;}.ml240{margin-left: 240px;}.ml250{ margin-left: 250px;}.ml290{ margin-left: 290px;}
|
|
|
|
|
|
.mr3{margin-right: 3px}.mr4{margin-right: 4px}.mr5{ margin-right: 5px;}.mr8{ margin-right: 8px;}.mr10{ margin-right: 10px;}.mr12{ margin-right:12px!important;}.mr15{ margin-right: 15px;}.mr18{ margin-right: 18px;}.mr20{ margin-right: 20px;}.mr25{ margin-right: 25px;}.mr30{ margin-right:30px;}.mr35{margin-right:35px;}.mr40{margin-right:40px;}.mr45{margin-right:45px;}.mr50{ margin-right: 50px;}.mr60{ margin-right:60px;}.mr350{ margin-right:350px;}.pt5{ padding-top:5px;}.pt10{ padding-top:10px;}.pt15{ padding-top:15px;}.pt20{ padding-top:20px;}.pt30{ padding-top:30px;}.pt40{ padding-top:40px;}.pt47{ padding-top:47px;}.pt100{padding-top:100px;}.pt130{padding-top:130px;}
|
|
|
|
|
|
|
|
|
|
|
|
.pt1{ padding-top:1px;}.pt5{ padding-top:5px;}.pt10{ padding-top:10px;}.pt15{ padding-top:15px;}.pt20{ padding-top:20px;}.pt30{ padding-top:30px;}.pt40{ padding-top:40px;}
|
|
|
|
|
|
.pb5{ padding-bottom:5px;}.pb10{ padding-bottom:10px;}.pb15{ padding-bottom:15px;}.pb20{ padding-bottom:20px;}.pb28{ padding-bottom:28px;}.pb30{ padding-bottom:30px;}.pb40{ padding-bottom:40px;}.pb47{ padding-bottom:47px;}.pb50{ padding-bottom:50px;}.pb155{ padding-bottom:155px;}
|
|
|
|
|
|
.pl2{ padding-left:2px;}.pl5{ padding-left:5px;}.pl8{ padding-left:8px;}.pl10{ padding-left:10px;}.pl15{ padding-left:15px;}.pl20{ padding-left:20px;}.pl28{ padding-left:28px;}.pl30{ padding-left:30px;}.pl33{padding-left: 33px}.pl40{ padding-left:40px;}.pl42{ padding-left:42px;}.pl45{ padding-left:45px;}.pl50{ padding-left:50px;}.pl100{ padding-left:100px;}.pl35{ padding-left:35px;}.pl50{padding-left:50px;}.pl70{padding-left:70px;}.pl80{padding-left:80px;}.pl92{padding-left:92px;}
|
|
|
|
|
|
.pr2{ paddding-right:2px;}.pr5{ padding-right:5px;}.pr10{ padding-right:10px;}.pr15{ padding-right:15px;}.pr20{ padding-right:20px!important;}.pr30{ padding-right:30px!important;}.pr42{ padding-right:42px;}.pr45{ padding-right:45px;}
|
|
|
|
|
|
|
|
|
|
|
|
.pl2{ padding-left:2px;}.pl5{ padding-left:5px;}.pl8{ padding-left:8px;}.pl10{ padding-left:10px;}.pl15{ padding-left:15px;}.pl20{ padding-left:20px;}.pl28{ padding-left:28px;}.pl30{ padding-left:30px;}.pl33{padding-left: 33px}.pl40{ padding-left:40px;}.pl42{ padding-left:42px;}.pl45{ padding-left:45px;}.pl50{ padding-left:50px;}.pl100{ padding-left:100px;}.pl35{ padding-left:35px;}.pl50{padding-left:50px;}.pl70{padding-left:70px;}.pl80{padding-left:80px;}.pl92{padding-left:92px;}
|
|
|
|
|
|
.pr2{ paddding-right:2px;}.pr5{ padding-right:5px;}.pr10{ padding-right:10px;}.pr15{ padding-right:15px;}.pr20{ padding-right:20px!important;}.pr30{ padding-right:30px!important;}.pr42{ padding-right:42px;}.pr45{ padding-right:45px;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.padding15{ padding:15px;}
|
|
|
|
|
|
.padding10{ padding:10px;}
|
|
|
|
|
|
.padding10-15{ padding:10px 15px;}
|
|
|
|
|
|
.padding15-10{ padding:15px 10px;}
|
|
|
|
|
|
.ptl5-10{ padding:5px 10px;}
|
|
|
|
|
|
.ptl3-10{ padding:3px 10px;}
|
|
|
|
|
|
.ptl8-10{ padding:8px 10px;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.wb11{width:11%!important;}.wb89{width:89%!important;}
|
|
|
|
|
|
|
|
|
|
|
|
.h3{ height:3px;}
|
|
|
|
|
|
.h24{ height: 24px;}
|
|
|
|
|
|
.h32{ height: 32px;}
|
|
|
|
|
|
.h40{ height: 40px;}
|
|
|
|
|
|
.h50{ height: 50px;}
|
|
|
|
|
|
.h60{ height: 60px;}
|
|
|
|
|
|
.h80{ height: 80px;}
|
|
|
|
|
|
.h100{ height:100px;}
|
|
|
|
|
|
.h140{ height:140px;}
|
|
|
|
|
|
.h200{ height:200px;}
|
|
|
|
|
|
/*块*/
|
|
|
|
|
|
.col-width{ background: #fff; border:1px solid #e8e8e8;}
|
|
|
|
|
|
.col-width-10{ max-width: 100%; background: #fff; border:1px solid #e8e8e8;}
|
|
|
|
|
|
.col-width-9{ max-width: 90%; background: #fff; border:1px solid #e8e8e8;}
|
|
|
|
|
|
.col-width-8{ max-width: 80%; background: #fff; border:1px solid #e8e8e8;}
|
|
|
|
|
|
.col-width-7{ max-width: 70%; background: #fff; border:1px solid #e8e8e8;}
|
|
|
|
|
|
.col-width-6{ max-width: 60%; background: #fff; border:1px solid #e8e8e8;}
|
|
|
|
|
|
.col-width-5{ max-width: 50%; background: #fff; border:1px solid #e8e8e8;}
|
|
|
|
|
|
.col-width-4{ max-width: 40%; background: #fff; border:1px solid #e8e8e8;}
|
|
|
|
|
|
.col-width-3{ width: 500px; background: #fff; border:1px solid #e8e8e8;
|
|
|
|
|
|
position:absolute;left:-510px;top:0;}
|
|
|
|
|
|
.col-width-2{ max-width: 20%; background: #fff; border:1px solid #e8e8e8;}
|
|
|
|
|
|
.col-width-1{ max-width: 10%; background: #fff; border:1px solid #e8e8e8;}
|
|
|
|
|
|
/*按钮*/
|
|
|
|
|
|
a.task-btn{cursor: pointer;display: inline-block;font-weight: bold;border: none;padding: 0 12px;color: #666;background: #e1e1e1;letter-spacing: 1px;text-align: center;font-size: 14px;height: 30px;line-height: 30px;border-radius: 3px; }
|
|
|
|
|
|
a.task-btn-green{background: #29bd8b; color: #fff!important;}
|
|
|
|
|
|
a:hover.task-btn-green{background: #19b17e;}
|
|
|
|
|
|
a.task-btn-orange{background: #FF7500; color:#fff!important;}
|
|
|
|
|
|
a:hover.task-btn-orange{ background:#ff7500;}
|
|
|
|
|
|
a.task-newbtn-grey{background-color: #e1e1e1;color: #666666;}
|
|
|
|
|
|
a:hover.task-newbtn-grey{color: #333}
|
|
|
|
|
|
a.task-btn-blue{background: #4CACFF; color:#fff!important;}
|
|
|
|
|
|
a:hover.task-btn-blue{background: #4CACFF;color:#fff;}
|
|
|
|
|
|
a.task-btn-grey{background-color: #d4d6d8; color: #4d555d!important;}
|
|
|
|
|
|
a:hover.task-btn-grey{background-color: #d4d6d8; color: #4d555d;}
|
|
|
|
|
|
a.task-btn-grey-white{background-color: #c2c4c6; color: #fff;}
|
|
|
|
|
|
a:hover.task-btn-grey-white{background-color: #a9abad;}
|
|
|
|
|
|
a.new-btn{display: inline-block;border:none; padding:0 10px;color: #666;background: #e1e1e1; text-align:center;font-size: 12px; height: 30px;border-radius: 3px; line-height: 30px;}
|
|
|
|
|
|
a.new-btn:hover{background: #c3c3c3; color: #333;}
|
|
|
|
|
|
a.new-btn-green{background: #29bd8b; color: #fff;}
|
|
|
|
|
|
a.new-btn-green:hover{background:#19b17e; }
|
|
|
|
|
|
a.new-btn-blue{background: #6a8abe; color: #fff!important;}
|
|
|
|
|
|
a.new-btn-blue:hover{background:#5f7cab; }
|
|
|
|
|
|
a.new-bigbtn{display: inline-block;border:none; padding:2px 30px;color: #666;background: #e1e1e1; text-align:center;font-size: 14px; height: 30px;line-height: 30px; border-radius: 3px;}
|
|
|
|
|
|
a:hover.new-bigbtn{background: #c3c3c3; color: #333;}
|
|
|
|
|
|
a.new-bigbtn-green{background: #3b94d6; color: #fff;}
|
|
|
|
|
|
a.new-bigbtn-green:hover{background: #2384cd; color: #fff;}
|
|
|
|
|
|
a.task-btn-ver{ height:45px; line-height: 45px; background: #FF7500; color: #fff !important; border-radius:5px; font-size:12px; padding:0 10px;}
|
|
|
|
|
|
a.rest-btn-ver{ cursor: not-allowed; background: #ccc;}
|
|
|
|
|
|
a.task-btn-ver-line{height:43px; line-height: 43px; border-radius:5px; font-size:12px; padding:0 10px; border:1px solid #ccc;}
|
|
|
|
|
|
a:hover.task-btn-ver-line{ border:1px solid #29bd8b;}
|
|
|
|
|
|
a:hover.rest-btn-ver{ cursor: not-allowed; background: #ccc;}
|
|
|
|
|
|
.new_login_submit_disable{ width:265px; height:40px; line-height: 40px; background:#ccc; color:#fff; font-size:14px; border-radius:5px; border:none; text-align:center; cursor:pointer; vertical-align: middle;}
|
|
|
|
|
|
.new_login_submit,a.new_login_submit{ display: block; text-decoration: none !important; width:100%; height:45px; line-height: 45px; background:#29bd8b; color:#fff !important; font-size:14px; border-radius:5px; border:none; text-align:center; cursor:pointer; vertical-align: middle;}
|
|
|
|
|
|
.new_login_submit a{ color:#fff !important; text-decoration: none;}
|
|
|
|
|
|
.new_login_submit:hover{background: #19b17e;}
|
|
|
|
|
|
a.task-btn-email{display: inline-block;font-weight: bold;border: none; width:185px;color: #666;background: #e1e1e1;letter-spacing: 1px;text-align: center;font-size: 14px;height: 40px;line-height: 40px;border-radius: 3px;}
|
|
|
|
|
|
a:hover.task-btn-email {background: #c3c3c3; color: #666;}
|
|
|
|
|
|
.white-btn{text-align:center;cursor: pointer;display: inline-block;padding: 0px 8px;border: 1px solid #ccc;color: #666;letter-spacing: 1px;font-size: 14px;height: 26px;line-height: 26px;border-radius: 3px;}
|
|
|
|
|
|
.white-btn-h40{text-align:center;cursor: pointer;display: inline-block;padding: 5px 10px;border: 1px solid #ccc;color: #666;letter-spacing: 1px;font-size: 14px;height: 26px;line-height: 26px;border-radius: 3px;}
|
|
|
|
|
|
a.white-btn.green-btn{color:#29bd8b;border:1px solid #29bd8b; }
|
|
|
|
|
|
a.white-btn.gery-btn{color: #aaa;border: 1px solid #aaa}
|
|
|
|
|
|
a.white-btn.gery-btn:hover{color: #FFFFFF;border: 1px solid #aaa;background: #aaa}
|
|
|
|
|
|
a.white-btn.orange-btn,a.white-btn-h40.orange-btn{color: #FF7500;border: 1px solid #FF7500}
|
|
|
|
|
|
a.white-btn.orange-btn:hover,a.white-btn-h40.orange-btn:hover{color: #FFFFFF;border: 1px solid #FF7500;background: #ff7500}
|
|
|
|
|
|
a.white-btn.orange-bg-btn,a.white-btn-h40.orange-bg-btn{color: #FFFFFF;border: 1px solid #FF7500;background: #ff7500}
|
|
|
|
|
|
a.grey-btn{padding: 0px 8px;height: 30px;line-height: 30px;background-color: #eaeaea;color: #7f7f7f;font-size: 14px;border-radius: 3px;}
|
|
|
|
|
|
|
|
|
|
|
|
.invite-btn{display: block;padding: 1px 10px;background: #fff;color: #333;border-radius: 4px;}
|
|
|
|
|
|
a.decoration{text-decoration: underline!important;}
|
|
|
|
|
|
/*07-11 新添加的公用样式 cs*/
|
|
|
|
|
|
a.course-btn{cursor: pointer;font-weight: bold;border-radius: 4px;display: inline-block;width: auto;padding: 0px 12px;background-color: #FFFFFF;color: #44bfa3;letter-spacing: 1px;height: 30px;line-height: 30px;}
|
|
|
|
|
|
.bc-grey{background-color: #CCCCCC!important;}
|
|
|
|
|
|
.bc-white{background-color: #ffffff!important;}
|
|
|
|
|
|
a.course-bth-blue{cursor: pointer;background-color:#199ed8 ;color: #ffffff !important;display: inline-block;font-weight: bold;border: none;padding: 0 12px;letter-spacing: 1px;text-align: center;font-size: 14px;height: 30px;line-height: 30px;border-radius: 3px;}
|
|
|
|
|
|
a.course-bth-orange{cursor: pointer;background-color:#ff6530 ;color: #ffffff !important;display: inline-block;font-weight: bold;border: none;padding: 0 12px;letter-spacing: 1px;text-align: center;font-size: 14px;height: 30px;line-height: 30px;border-radius: 3px;}
|
|
|
|
|
|
.topic-hover a:hover{background:#ff7500;color:#fff;}
|
|
|
|
|
|
/*.topic-hover li a:hover{color:#fff;}*/
|
|
|
|
|
|
/*提示条*/
|
|
|
|
|
|
.alert{ padding:10px;border: 1px solid transparent; text-align: center;}
|
|
|
|
|
|
.alert-blue{ background-color: #d9edf7;border-color: #bce8f1; color: #3a87ad;}
|
|
|
|
|
|
.alert-orange{ background-color: #fff9e9;border-color: #f6d0b1; color:#ee4a20;}
|
|
|
|
|
|
.alert-green{ background-color: #dff0d8;border-color: #d6e9c6; color:#3c763d;}
|
|
|
|
|
|
.task-close{padding: 0;cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; font-size: 21px; font-weight: bold;line-height: 1; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.3;}
|
|
|
|
|
|
.taskclose:hover{opacity: 0.5;}
|
|
|
|
|
|
.alert-red{background-color: #f2dede;border-color: #eed3d7; color: #d14f4d; text-align: left!important;}
|
|
|
|
|
|
/*tag*/
|
|
|
|
|
|
.task-tag{ padding:0 10px; text-align: center; display:inline-block; height:30px; line-height: 30px;}
|
|
|
|
|
|
.tag-blue{ background-color: #d9edf7; color: #3a87ad;}
|
|
|
|
|
|
.tag-grey{ background-color: #f3f5f7; color: #4d555d;}
|
|
|
|
|
|
.tag-border-grey{ background-color: #fff;border-color: #e2e2e2; color: #888;}
|
|
|
|
|
|
.cir-orange{background: #ff6530;color: #fff; border-radius: 15px; padding: 0 5px; display: inline-block; font-size: 12px; height: 16px;line-height: 16px; }
|
|
|
|
|
|
.cir-red{background: red;color: #fff; border-radius: 15px; padding: 0 5px; display: inline-block; font-size: 12px; height: 16px;line-height: 16px; }
|
|
|
|
|
|
.red-cir-btn{ background:#e74c3c; padding:1px 5px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; color:#fff; font-weight:normal;font-size:12px;}
|
|
|
|
|
|
/****************************/
|
|
|
|
|
|
/* 页面结构*/
|
|
|
|
|
|
.task-pm-content{ width: 1000px; margin: 0 auto; }
|
|
|
|
|
|
.task-pm-box{ width: 100%; background: #fff; border: 1px solid #e8e8e8;}
|
|
|
|
|
|
.task-paner-con{ padding:15px; color:#666; line-height:2.0;}
|
|
|
|
|
|
.task-text-center{ text-align: center;}
|
|
|
|
|
|
.flow_hidden{ width:300px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
|
|
|
|
|
/*pre标签换行*/
|
|
|
|
|
|
.break_word{word-break: break-all;word-wrap: break-word;}
|
|
|
|
|
|
.break_word_firefox{white-space: pre-wrap !important;word-break: break-all;}
|
|
|
|
|
|
.pre_word{white-space: pre-wrap;word-wrap: break-word;word-break: normal;}
|
|
|
|
|
|
.pr {position:relative;}
|
|
|
|
|
|
.df {display:flex;display: -webkit-flex;display: -ms-flex;}
|
|
|
|
|
|
.df-js-ac{ justify-content:space-around;-webkit-justify-content: space-around;-webkit-align-items:center;-ms-flex-align:center; align-items: center;}
|
|
|
|
|
|
|
|
|
|
|
|
.w28 {width: 28px;}
|
|
|
|
|
|
.w40{ width: 40px;}
|
|
|
|
|
|
.w50{width: 50px;}.edu-txt-w50{ width:50px;}
|
|
|
|
|
|
.w60{width: 60px;}
|
|
|
|
|
|
.w70{width: 70px;}
|
|
|
|
|
|
.w80 {width: 80px;}
|
|
|
|
|
|
.w100{width: 100px;}
|
|
|
|
|
|
.w120{width: 120px;}
|
|
|
|
|
|
.w150{width: 150px;}
|
|
|
|
|
|
.w200{width: 200px;}
|
|
|
|
|
|
.w300{width: 300px;}
|
|
|
|
|
|
.w320{width: 320px;}
|
|
|
|
|
|
.edu-w245{ width: 245px; }.w266{width: 266px;}
|
|
|
|
|
|
.w780{width: 780px;}
|
|
|
|
|
|
.w850{width: 850px;}
|
|
|
|
|
|
.w900{width: 900px;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.with10{ width: 10%;}.with15{ width: 15%;}
|
|
|
|
|
|
.with20{ width: 20%;}.with25{ width: 25%;}
|
|
|
|
|
|
.with30{ width: 30%;}.with33{ width: 33%;}.with35{ width: 35%;}
|
|
|
|
|
|
.with40{ width: 40%;}.with45{ width: 45%;}.with49{ width: 49%;}
|
|
|
|
|
|
.with50{ width: 50%;}.with55{ width: 55%;}
|
|
|
|
|
|
.with52{ width: 52%;}.with48{ width: 48%;}
|
|
|
|
|
|
.with60{ width: 60%;}.with65{ width: 65%;}
|
|
|
|
|
|
.with70{ width: 70%;}.with73{ width: 73%;}.with75{ width: 75%;}
|
|
|
|
|
|
.with70{ width: 70%;}.with73{ width: 73%;}.with75{ width: 75%;}
|
|
|
|
|
|
.with80{ width: 80%;}.with85{ width: 85%;}
|
|
|
|
|
|
.with87{ width: 87%;}.with90{ width: 90%;}.with95{ width: 95%;}
|
|
|
|
|
|
.with100{ width: 100%;}
|
|
|
|
|
|
.edu-bg{ background:#fff!important;}
|
|
|
|
|
|
.disabled-bg{ background:#eee !important;}
|
|
|
|
|
|
.disabled-grey-bg{ background: #a4a4a4 !important;}
|
|
|
|
|
|
/* 课程共用 后期再添加至公共样式 bylinda*/
|
|
|
|
|
|
a.link-name-dark{ color:#666; max-width:140px; display: block; }
|
|
|
|
|
|
a:hover.link-name-dark{ color:#ff7500;}
|
|
|
|
|
|
/* 超过宽度省略 */
|
|
|
|
|
|
.edu-name-dark{ max-width:100px; display: block; }
|
|
|
|
|
|
.edu-info-dark{ max-width:345px; display: block; }
|
|
|
|
|
|
.edu-max-h200{ height:200px; overflow: auto;}
|
|
|
|
|
|
.edu-h260{ height:260px;}
|
|
|
|
|
|
.edu-position{ position: relative;}
|
|
|
|
|
|
.edu-h200-auto{ max-height:200px; overflow:auto;}
|
|
|
|
|
|
.edu-h300-auto{ max-height:300px; overflow:auto;}
|
|
|
|
|
|
.edu-h350-auto{ max-height:350px; overflow:auto;}
|
|
|
|
|
|
.edu-txt-w240{ width:240px; display: block;}
|
|
|
|
|
|
.edu-txt-w280{ width:280px; display: block;}
|
|
|
|
|
|
.edu-txt-w320{ width:320px; display: block;}
|
|
|
|
|
|
.edu-txt-w200{ width:200px; display: block;}
|
|
|
|
|
|
a.edu-txt-w280,.edu-txt-w280{ width:280px; display: inline-block;text-align: center}
|
|
|
|
|
|
a.edu-txt-w190,.edu-txt-w190{ width:190px; display: inline-block;text-align: center}
|
|
|
|
|
|
a.edu-txt-w160,.edu-txt-w160{ width:160px; display: inline-block;text-align: center}
|
|
|
|
|
|
a.edu-txt-w140,.edu-txt-w140{ width:141px; display: inline-block;text-align: center}
|
|
|
|
|
|
a.edu-txt-w130,.edu-txt-w130{ width:130px; display: inline-block;text-align: center}
|
|
|
|
|
|
a.edu-txt-w120,.edu-txt-w120{ width:120px; display: inline-block;text-align: center}
|
|
|
|
|
|
a.edu-txt-w100,.edu-txt-w100{ width:100px; display: inline-block;text-align: center}
|
|
|
|
|
|
a.edu-txt-w90,.edu-txt-w90{ width:90px; display: inline-block;text-align: center}
|
|
|
|
|
|
a.edu-txt-w80,.edu-txt-w80{ width:80px; display: inline-block;text-align: center}
|
|
|
|
|
|
.overellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
|
|
|
|
|
|
/* 筛选按钮 */
|
|
|
|
|
|
.edu-btn-search{ position: absolute; top:0; right:15px;}
|
|
|
|
|
|
.edu-bg-light-blue{ background:#f7f9fd; padding:5px;}
|
|
|
|
|
|
.edu-con-top{ padding:10px 0; background:#fff; border-bottom:1px solid #eee;font-size:16px; }
|
|
|
|
|
|
.edu-con-top h2{ font-size:16px;}
|
|
|
|
|
|
.edu-form-label{display: inline-block; width:60px;text-align: right; line-height: 40px; font-weight: normal;}
|
|
|
|
|
|
.edu-form-border{ border:1px solid #ddd;}
|
|
|
|
|
|
.edu-form-notice-border{ border:1px solid #f27d61 !important;}
|
|
|
|
|
|
.edu-form-noborder,input.edu-form-noborder{ border:none; outline:none;}
|
|
|
|
|
|
a.edu-btn{display: inline-block;border:none; padding:0 12px;color: #666!important;border:1px solid #ccc; text-align:center;font-size: 14px; height: 29px;line-height: 29px; border-radius:3px; font-weight: bold;letter-spacing:1px;}
|
|
|
|
|
|
a:hover.edu-btn{ border:1px solid #5faee3; color: #5faee3!important;}
|
|
|
|
|
|
.edu-cir-grey{ display: inline-block; padding:0px 5px; color:#666; background:#f3f3f3; text-align: center; border-radius:15px; font-size:12px; line-height:20px!important;}
|
|
|
|
|
|
.edu-cir-grey1{ display: inline-block; padding:0px 5px; margin-left: 5px; color:#666; background:#ccc; text-align: center; border-radius:15px; font-size:12px; line-height:20px!important;}
|
|
|
|
|
|
.edu-cir-grey-q{ display: inline-block; padding:0px 7px; color:#666; background:#f3f3f3; text-align: center; border-radius:15px; font-size:12px; line-height:20px!important;}
|
|
|
|
|
|
.edu-cir-orange{ display: inline-block; padding:0px 7px; color:#fff; background:#FF7500; text-align: center; border-radius:15px; font-size:12px; line-height:20px!important;}
|
|
|
|
|
|
|
|
|
|
|
|
/*a.edu-filter-cir-grey{display: inline-block; padding:0px 15px; color:#666; border:1px solid #ddd; text-align: center; border-radius:3px; font-size:12px; height:25px; line-height:25px;}
|
|
|
|
|
|
a:hover.edu-filter-cir-grey,a.edu-filter-cir-grey.active{ border:1px solid #3498db; color:#3498db; }*/
|
|
|
|
|
|
|
|
|
|
|
|
.edu-filter-btn{display: inline-block; padding:0px 3px; color:#666; background:#fff; text-align: center; border-radius:3px; font-size:12px; height:20px; line-height:20px;}
|
|
|
|
|
|
.edu-filter-btn-blue{border:1px solid #3498db; color:#3498db;}
|
|
|
|
|
|
.edu-filter-btn-orange{border:1px solid #ff5055; color:#ff5055;}
|
|
|
|
|
|
.edu-filter-btn-red{border:1px solid #d72e36; color:#d72e36;}
|
|
|
|
|
|
.edu-filter-btn-green{border:1px solid #6fbb9d; color:#6fbb9d;}
|
|
|
|
|
|
.edu-filter-btn-yellow{border:1px solid #ef9324; color:#ef9324;}
|
|
|
|
|
|
.edu-filter-btn-danger{background:#d72e36; color:#fff;}
|
|
|
|
|
|
.edu-filter-btn-late{border:1px solid #3fbcff; color: #3fbcff;}
|
|
|
|
|
|
.edu-filter-btn-no-late{border:1px solid #8c8c8c;color: #8c8c8c;}
|
|
|
|
|
|
.edu-filter-btn-end{border: 1px solid #b6b6b6;color: #b6b6b6;}
|
|
|
|
|
|
.eud-pointer{ cursor:pointer;}
|
|
|
|
|
|
.edu-bg-grey{ background:#f6f6f6; width:90%; min-width:700px; color:#666;}
|
|
|
|
|
|
/* table-1底部边框 */
|
|
|
|
|
|
.edu-pop-table{ width: 100%; border:1px solid #eee; border-bottom:none; background:#fff; color:#888;cursor: default}
|
|
|
|
|
|
.edu-pop-table tr{ height:40px; }
|
|
|
|
|
|
.edu-pop-table tr.edu-bg-grey{ background:#f5f5f5;}
|
|
|
|
|
|
.edu-txt-center{ text-align: center;}.edu-txt-left{ text-align: left;}.edu-txt-right{ text-align: right;}
|
|
|
|
|
|
.edu-pop-table tr th{ color:#333;border-bottom:1px solid #eee; }
|
|
|
|
|
|
.edu-pop-table tr td{border-bottom:1px solid #eee;}
|
|
|
|
|
|
.edu-pop-table.table-line tr td,.edu-pop-table.table-line tr th{ border-right:1px solid #eee;}
|
|
|
|
|
|
.edu-pop-table.table-line tr td:last-child,.edu-pop-table.table-line tr th:last-child{border-right:none;}
|
|
|
|
|
|
.edu-pop-table tr td .alink-name{color: #333!important;}
|
|
|
|
|
|
.edu-pop-table tr td .alink-name:hover{color: #FF7500!important;}
|
|
|
|
|
|
.edu-pop-table tr td .alink-operate{color: #cccccc!important;}
|
|
|
|
|
|
.edu-pop-table tr td .alink-operate:hover{color: #FF7500!important;}
|
|
|
|
|
|
/*th行有背景颜色且table无边框*/
|
|
|
|
|
|
.edu-pop-table.head-color thead tr{background: #fafbfb}
|
|
|
|
|
|
.edu-pop-table.head-color{border: none}
|
|
|
|
|
|
.edu-pop-table.head-color tr:last-child td {border: none}
|
|
|
|
|
|
/*--表格行间隔背景颜色-*/
|
|
|
|
|
|
.edu-pop-table.interval-td thead tr{background: #fafbfb}
|
|
|
|
|
|
.edu-pop-table.interval-td tbody tr:nth-child(even){background: #fafbfb}
|
|
|
|
|
|
.edu-pop-table.interval-td tbody tr td{border: none}
|
|
|
|
|
|
/*--表格行间隔背景颜色(th也没有边框)-*/
|
|
|
|
|
|
.edu-pop-table.interval-all{border:none}
|
|
|
|
|
|
.edu-pop-table.interval-all thead th{border: none}
|
|
|
|
|
|
.edu-pop-table.interval-all thead tr{background: #fafbfb}
|
|
|
|
|
|
.edu-pop-table.interval-all tbody tr:nth-child(even){background: #fafbfb}
|
|
|
|
|
|
.edu-pop-table.interval-all tbody tr td{border: none;padding:5px 0px}
|
|
|
|
|
|
/*--表格行移入背景颜色-*/
|
|
|
|
|
|
.edu-pop-table.hover-td tbody tr:hover{background: #EFF9FD}/*悬浮颜色为天蓝色*/
|
|
|
|
|
|
.edu-pop-table.hover-td_1 tbody tr:hover{background:#FCF2EC}/*悬浮颜色为浅橙色*/
|
|
|
|
|
|
/* table-2全边框 */
|
|
|
|
|
|
.edu-pop-table-all{ width: 100%; border:1px solid #eee; background:#fff; color:#888;border-collapse: collapse}
|
|
|
|
|
|
.edu-pop-table-all tr{ height:30px; }
|
|
|
|
|
|
.edu-pop-table-all tr.edu-bg-grey{ background:#f5f5f5;}
|
|
|
|
|
|
.edu-pop-table-all tr th{ color:#333;border:1px solid #eee; }
|
|
|
|
|
|
.edu-pop-table-all tr td{border:1px solid #eee;padding: 5px}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.edu-line{ border-bottom:1px solid #eee;}
|
|
|
|
|
|
table.table-th-grey th{ background:#f5f5f5;}
|
|
|
|
|
|
table.table-pa5 th,table.table-pa5 td{ padding:0 5px;}
|
|
|
|
|
|
.panel-comment_item .orig_cont-red{ border:solid 2px #cc0000; border-radius:10px; padding:4px;color:#999;margin-top:-1px; }
|
|
|
|
|
|
/***** loading ******/
|
|
|
|
|
|
/***** Ajax indicator ******/
|
|
|
|
|
|
#ajax-indicator {
|
|
|
|
|
|
position: absolute; /* fixed not supported by IE*/
|
|
|
|
|
|
background-color:#eee;
|
|
|
|
|
|
border: 1px solid #bbb;
|
|
|
|
|
|
top:35%;
|
|
|
|
|
|
left:40%;
|
|
|
|
|
|
width:20%;
|
|
|
|
|
|
/*height:5%;*/
|
|
|
|
|
|
font-weight:bold;
|
|
|
|
|
|
text-align:center;
|
|
|
|
|
|
padding:0.6em;
|
|
|
|
|
|
z-index:100000;
|
|
|
|
|
|
opacity: 0.5;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
html>body #ajax-indicator { position: fixed; }
|
|
|
|
|
|
|
|
|
|
|
|
#ajax-indicator span{
|
|
|
|
|
|
color:#fff;
|
|
|
|
|
|
color: #333333;
|
|
|
|
|
|
background-position: 0% 40%;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
/*background-image: url(/images/loading.gif); 图片没在react images目录中*/
|
|
|
|
|
|
padding-left: 26px;
|
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
|
z-index:100000;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*----------------------列表结构*/
|
|
|
|
|
|
.forum_table_item{padding: 20px 15px;display: flex;border-bottom: 1px solid #ebebeb}
|
|
|
|
|
|
.forum_table_line:last-child .forum_table_item{border-bottom:none;}
|
|
|
|
|
|
.forum_table_item .item_name:hover{color: #4cacff}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.edu-bg{ background:#fff;}
|
|
|
|
|
|
/*---------tab切换-----*/
|
|
|
|
|
|
.task-tab{width:10%;height:42px;line-height:42px;text-align:center;color:#666;
|
|
|
|
|
|
position:relative;cursor:pointer;}
|
|
|
|
|
|
.task-tab.sheet{border-bottom:3px solid #5faee3;color:#5faee3;}
|
|
|
|
|
|
.task-tab.bold{border-bottom:3px solid #5faee3;font-weight:bold;}
|
|
|
|
|
|
.task-tab i{position:absolute;bottom:-9px;left:45%;color:#5faee3 !important;}
|
|
|
|
|
|
|
|
|
|
|
|
.undis {display: none}
|
|
|
|
|
|
.edu-change .panel-form-label{ line-height:1.9;}
|
|
|
|
|
|
|
|
|
|
|
|
.title_type { line-height: 40px;height: 40px;border-bottom: 1px solid #eee;color: #666;padding-left: 15px; }
|
|
|
|
|
|
.teacher_banner {border-bottom: 1px solid #eee}
|
|
|
|
|
|
.zbg { background: url("/images/edu_user/richEditer.png") -195px -2px no-repeat; height: 18px; cursor: pointer}
|
|
|
|
|
|
.zbg_latex { background: url("/images/edu_user/richEditer.png") -315px -3px no-repeat;height: 18px;cursor: pointer;}
|
|
|
|
|
|
.latex{position:relative;top: 4px;}
|
|
|
|
|
|
|
|
|
|
|
|
.white_bg {background: #fff}
|
|
|
|
|
|
.user_tab_type {background: #FF6610}
|
|
|
|
|
|
|
|
|
|
|
|
/*首页----------筛选切换（有数字）*/
|
|
|
|
|
|
.user_course_filtrate{width: auto;text-align: center;line-height: 26px;}
|
|
|
|
|
|
.user_filtrate_span1_bg{color: #FF7500}
|
|
|
|
|
|
.user_filtrate_span2{width: auto;padding: 0px 6px;border-radius: 8px;background: #ccc;font-size: 12px;display: block;line-height: 15px;float: right;color: #FFFFFF; margin-top: 6px;}
|
|
|
|
|
|
.user_filtrate_span2_bg{background: #FF7500!important;}
|
|
|
|
|
|
.user_course_filtrate:hover .user_filtrate_span1{color: #FF7500!important;}
|
|
|
|
|
|
.user_course_filtrate:hover .user_filtrate_span2{background: #FF7500!important;}
|
|
|
|
|
|
/*课堂----------筛选切换（没有数字，默认白色背景）*/
|
|
|
|
|
|
.course_filtrate{width: auto;padding:0px 10px;text-align: center;background: #eeeeee;border-radius: 10px;margin-right: 20px;line-height: 26px;}
|
|
|
|
|
|
.course_filtrate:hover{background: #FF7500; color: #ffffff; }
|
|
|
|
|
|
.course_filtrate_bg{background: #FF7500; color: #ffffff!important; }
|
|
|
|
|
|
/*我的课堂----------筛选切换（没有数字，默认灰色背景）*/
|
|
|
|
|
|
.edu-filter-cir-grey{color: #666!important;width: auto;padding:0px 15px;text-align: center;background: #f3f3f3;border-radius: 10px;display: block; height:25px; line-height:25px;}
|
|
|
|
|
|
.edu-filter-cir-grey:hover{background: #FF7500; color: #ffffff!important;}
|
|
|
|
|
|
.edu-filter-cir-grey.active{background: #FF7500; color: #ffffff!important;}
|
|
|
|
|
|
|
|
|
|
|
|
.edu-find .edu-find-input{border-bottom: 1px solid #EEEEEE;}
|
|
|
|
|
|
.edu-find .edu-find-input input{border: none;outline: none}
|
|
|
|
|
|
.edu-find .edu-close{position: absolute;top: -1px;right: 7px;font-size: 18px;cursor: pointer;}
|
|
|
|
|
|
.edu-find .edu-open{position: absolute;top: 1px;right: -18px}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*最新和最热导航条的公用样式*/
|
|
|
|
|
|
.nav_check_item{margin-bottom:13px;border-bottom: 2px solid #FC7033;}
|
|
|
|
|
|
.nav_check_item li{width:auto;width: 80px;text-align: center;cursor: pointer;height: 38px;line-height: 38px;border-top-right-radius:5px;border-top-left-radius:5px;}
|
|
|
|
|
|
.nav_check_item li a{display: block;width: 100%;}
|
|
|
|
|
|
|
|
|
|
|
|
.check_nav{background: #FC7033;color: #ffffff;}
|
|
|
|
|
|
.check_nav a{color: #ffffff !important;}
|
|
|
|
|
|
.check_on{background:#FF7500;color: #ffffff!important;border-radius: 4px;}
|
|
|
|
|
|
|
|
|
|
|
|
/*实训列表块里面的遮罩效果*/
|
|
|
|
|
|
.black-half{position: absolute;left: 0;top:0px;width: 100%;height: 100%;background: rgba(0,0,0,0.4);z-index: 3;display: none;}
|
|
|
|
|
|
.black-half-lock{width: 65px;height: 65px;border-radius: 50%;background:#8291a3;vertical-align: middle;text-align: center;margin:25% auto 0px;}
|
|
|
|
|
|
.black-half-lock i{margin-top: 7px;}
|
|
|
|
|
|
.black-half-info{width: 100%;text-align: center;color: #FFFFFF;margin-top:10px}
|
|
|
|
|
|
.show-black{display: block;animation: black-down 1s linear 1;}
|
|
|
|
|
|
@-webkit-keyframes black-down {
|
|
|
|
|
|
25% {-webkit-transform: translateY(0);}
|
|
|
|
|
|
50%, 100% {-webkit-transform: translateY(0);}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes black-down {
|
|
|
|
|
|
25% {transform: translateY(0);}
|
|
|
|
|
|
50%, 100% {transform: translateY(0);}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*去掉IE input框输入时自带的清除按钮*/
|
|
|
|
|
|
input::-ms-clear{display:none;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*最小高度*/
|
|
|
|
|
|
.mh750{min-height: 750px}
|
|
|
|
|
|
.mh650{min-height: 650px}
|
|
|
|
|
|
.mh580{min-height: 580px}
|
|
|
|
|
|
.mh550{min-height: 550px}
|
|
|
|
|
|
.mh510{min-height: 510px}
|
|
|
|
|
|
.mh440{min-height: 440px}
|
|
|
|
|
|
.mh400{min-height: 400px}
|
|
|
|
|
|
.mh390{min-height: 390px}
|
|
|
|
|
|
.mh360{min-height: 360px}
|
|
|
|
|
|
.mh350{min-height: 350px}
|
|
|
|
|
|
.mh320{min-height: 320px}
|
|
|
|
|
|
.mh240{min-height: 240px}
|
|
|
|
|
|
.mh200{min-height: 200px}
|
|
|
|
|
|
|
|
|
|
|
|
/*---------------操作部分虚线边框-----------------*/
|
|
|
|
|
|
.border-dash-orange{border: 1px dashed #ffbfaa}
|
|
|
|
|
|
/*错误、危险、失败提示边框*/
|
|
|
|
|
|
.border-error-result{border:1px dashed #ff5252}
|
|
|
|
|
|
|
|
|
|
|
|
.border-dash-ccc{border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;}
|
|
|
|
|
|
|
|
|
|
|
|
.login-error{border:1px solid #ff5252!important;}/*登录时，输入的手机号码或者密码错误，边框变红*/
|
|
|
|
|
|
.error-red{border: 1px solid #DB6666;background: #FFE6E5;border-radius: 3px;padding: 2px 10px;}
|
|
|
|
|
|
.error-red i{color: #FF6666}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*---------------tab公用背景颜色-----------------*/
|
|
|
|
|
|
.background-blue{background:#5ECFBA!important;}
|
|
|
|
|
|
.background-orange{background: #FC7033!important;}
|
|
|
|
|
|
.back-orange-main{background: #FC7500!important;color:#FFFFff!important;}/*主流橙色*/
|
|
|
|
|
|
.back-orange-01{background: #FF9e6a!important;}/*带背景标题、带色彩分割线和操作入口*/
|
|
|
|
|
|
.back-f6-grey{background: #F6F6F6;}
|
|
|
|
|
|
.background-blue a{color:#ffffff!important;}
|
|
|
|
|
|
.background-orange a{color: #ffffff!important;}
|
|
|
|
|
|
/*---------------tab公用边框-----------------*/
|
|
|
|
|
|
.border-bottom-orange{border-bottom: 2px solid #FC7033!important;}
|
|
|
|
|
|
.bor-bottom-orange{border-bottom: 1px solid #FF9e6a!important;}
|
|
|
|
|
|
.bor-bottom-greyE{border-bottom: 1px solid #EEEEEE!important;}
|
|
|
|
|
|
.bor-top-greyE{border-top: 1px solid #EEEEEE!important;}
|
|
|
|
|
|
/*---------------边框-----------------*/
|
|
|
|
|
|
.bor-gray-c{border:1px solid #ccc;}
|
|
|
|
|
|
.bor-grey-e{border:1px solid #eee;}
|
|
|
|
|
|
.bor-grey-d{border:1px solid #ddd;}
|
|
|
|
|
|
.bor-grey01{border:1px solid #E6EAEB;}
|
|
|
|
|
|
.bor-blue{border:1px solid #5faee3;}
|
|
|
|
|
|
.bor-red{border:1px solid #db0505 !important;}
|
|
|
|
|
|
.bor-none{border:none;}
|
|
|
|
|
|
.bor-outnone{outline:none; border:0px;}
|
|
|
|
|
|
/*延时*/
|
|
|
|
|
|
.delay{border:1px solid #db0505;padding: 0px 10px;height: 23px;line-height: 23px;border-radius: 12px;display: block;float: left;color:#db0505 }
|
|
|
|
|
|
/*
|
|
|
|
|
|
tip公共样式的设置：
|
|
|
|
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
.-task-title{opacity:0;position:absolute;left:0;top:0;display:none;z-index:100000;} /*1*/
|
|
|
|
|
|
.data-tip-down,.data-tip-left,.data-tip-right,.data-tip-top{ position:relative; box-shadow:0px 0px 8px #000; background:#000; color:#fff; max-width:300px;/*2*/
|
|
|
|
|
|
word-wrap: break-word; text-align:center; border-radius:4px; padding:0 10px; border:1px solid #000; display:none; }/*3*/
|
|
|
|
|
|
.data-tip-down:after,.data-tip-down:before,.data-tip-left:before,.data-tip-right:before,.data-tip-left:after,.data-tip-right:after,.data-tip-top:after,.data-tip-top:before{/*4*/
|
|
|
|
|
|
position: absolute;content:''; width:0; height:0;}/*5*/
|
|
|
|
|
|
.data-tip-down:after,.data-tip-down:before{left: 45%;top:-10px;/*6*/
|
|
|
|
|
|
border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #000; }/*7*/
|
|
|
|
|
|
.data-tip-down:before{top:-11px;border-bottom:10px solid #000;}/*8*/
|
|
|
|
|
|
.data-tip-left:after,.data-tip-left:before{left: -10px;top:50%; margin-top:-5px;/*9*/
|
|
|
|
|
|
border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 10px solid #000; }/*10*/
|
|
|
|
|
|
.data-tip-left:before{ left: -12px;border-right: 10px solid #000; }/*11*/
|
|
|
|
|
|
.data-tip-right:after,.data-tip-right:before{right: -10px; top:50%; margin-top:-5px;/*12*/
|
|
|
|
|
|
border-top: 5px solid transparent;border-bottom: 5px solid transparent; border-left: 10px solid #000; }/*13*/
|
|
|
|
|
|
.data-tip-right:before{ right: -10px;border-left: 10px solid #000; }/*14*/
|
|
|
|
|
|
.data-tip-top:after,.data-tip-top:before{left: 45%;bottom:-10px;border-left: 5px solid transparent;
|
|
|
|
|
|
border-right: 5px solid transparent;border-top: 10px solid #000;}
|
|
|
|
|
|
.data-tip-top:before{bottom:-11px;}
|
|
|
|
|
|
|
|
|
|
|
|
/*-------------------------圆角-------------------------*/
|
|
|
|
|
|
.bor-radius-upper{border-radius: 4px 4px 0px 0px;}
|
|
|
|
|
|
.bor-radius4{border-radius: 4px;}
|
|
|
|
|
|
.bor-radius20{border-radius: 20px;}
|
|
|
|
|
|
.bor-radius-all{border-radius: 50%;}
|
|
|
|
|
|
|
|
|
|
|
|
/*-------------------------旋转-------------------------*/
|
|
|
|
|
|
.transform90{transform: rotate(90deg);}
|
|
|
|
|
|
/*---------------------编辑器边框------------------------*/
|
|
|
|
|
|
.kindeditor{background: #F0F0EE;height:22px;border:1px solid #CCCCCC;border-bottom: none}
|
|
|
|
|
|
|
|
|
|
|
|
/*文本框只有下边框*/
|
|
|
|
|
|
.other_input{border: none;border-bottom: 1px solid #aaa;outline: none}
|
|
|
|
|
|
/*两端对齐*/
|
|
|
|
|
|
.justify{text-align: justify!important;}
|
|
|
|
|
|
|
|
|
|
|
|
/**/
|
|
|
|
|
|
#edu-tab-nav .edu-position-hidebox li a{font-size: 12px}
|
|
|
|
|
|
/*在线课堂*/
|
|
|
|
|
|
.courseRefer{float:left; max-height:120px;margin-bottom:10px;overflow:auto; overflow-x:hidden;}
|
|
|
|
|
|
.logo {width: 295px;height: 30px;border-style:none;position: absolute;top:50%;left:39%;}
|
|
|
|
|
|
/**/
|
|
|
|
|
|
.task-header-info .fork{font-weight:bold;font-size:14px;color:#666;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.memos_con a{color: #3b94d6!important;}
|
|
|
|
|
|
.memos_con ul li{ list-style-type: disc!important; }
|
|
|
|
|
|
.memos_con ol li{ list-style-type: decimal!important; }
|
|
|
|
|
|
.memos_con li{ margin-bottom: 0!important; }
|
|
|
|
|
|
.memos_con pre {overflow-x: auto;}
|
|
|
|
|
|
|
|
|
|
|
|
/*详情a标签默认显示样式*/
|
|
|
|
|
|
.a_default_show a{color: #136ec2!important}
|
|
|
|
|
|
|
|
|
|
|
|
/*消息机制右侧小三角*/
|
|
|
|
|
|
.tiding{width: 100%;height: 50px ;position: relative}
|
|
|
|
|
|
.triangle {position: absolute;right: -1px;top:0px;width: 0;height: 0;border-top: 35px solid #29bd8b;border-left: 60px solid transparent;z-index: 1}
|
|
|
|
|
|
.triangle-new{position: absolute;right: 1px;top: 0px;z-index: 2;font-size: 14px;color: white;transform: rotate(30deg);}
|
|
|
|
|
|
.news_list_item{padding: 10px 0px;}
|
|
|
|
|
|
.news_list_item:nth-child(odd){background-color:#FAFBFB }
|
|
|
|
|
|
.listItem_right{line-height: 45px;float: right;max-width: 100px;margin-right: 15px;color: #888888}
|
|
|
|
|
|
.listItem_middle{max-width: 980px;}
|
|
|
|
|
|
.news_fa{font-size: 30px;color: #888;margin: 7px 16px;}
|
|
|
|
|
|
.tiding_logo{text-align:center;background: #f3f3f3;width: 200px;height: 100px}
|
|
|
|
|
|
|
|
|
|
|
|
.tr-position{position: absolute;left:54%;width: 20px;text-align: center;border: none!important;}
|
|
|
|
|
|
|
|
|
|
|
|
.two_lines_show{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 60px; word-wrap: break-word;}
|
|
|
|
|
|
.two_lines_show_my{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 40px; word-wrap: break-word;}
|
|
|
|
|
|
.three_lines_show{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 66px;line-height: 22px; word-wrap: break-word;}
|
|
|
|
|
|
|
|
|
|
|
|
/*新版讨论区*/
|
|
|
|
|
|
.discuss-tab a:hover{border-bottom: 2px solid #FC7033!important; color:#000;}
|
|
|
|
|
|
.discuss-lh40{ line-height:40px;}.discuss-lh16{ line-height:16px}.discuss-lh20{ line-height:20px;}.discuss-lh20{ line-height:20px;}.discuss-lh30{ line-height:30px;}.discuss-lh50{ line-height:50px;}.discuss-lh60{line-height:60px}.discuss-lh80{line-height:80px;}.discuss-lh100{line-height:100px;}
|
|
|
|
|
|
.discuss-bor-l{ border-left:4px solid #ff7500;}
|
|
|
|
|
|
.page-turn:hover{background:#fff; color:#FF7500;}
|
|
|
|
|
|
|
|
|
|
|
|
/*实训路径/镜像类别图片*/
|
|
|
|
|
|
.hor-ver-center{width:80px; height:80px; position:absolute; left:50%; top:50%; margin-left:-40px; margin-top:-40px;}
|
|
|
|
|
|
.hor-ver-center100{width:100px; height:100px; position:absolute; left:50%;top:25%; margin-left:-50px; margin-top:-25px;}
|
|
|
|
|
|
.mirror-shade{ background: rgba(0,0,0,0.4); z-index: 3; display:none;}
|
|
|
|
|
|
|
|
|
|
|
|
.position20{position:absolute; top:-60px; left:7%;}
|
|
|
|
|
|
|
|
|
|
|
|
/*--------TA的主页、关注*/
|
|
|
|
|
|
.user_watch{width: 78px;padding: 2px 0px!important;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*-------------主页块的背景颜色----------------*/
|
|
|
|
|
|
.edu-index-bg-green{ background:#5bcab1;}
|
|
|
|
|
|
.edu-index-bg-blue{ background:#75b9de;}
|
|
|
|
|
|
.edu-index-bg-purple{ background:#8f97df;}
|
|
|
|
|
|
.edu-index-bg-yellow{ background:#f7bb74;}
|
|
|
|
|
|
.edu-index-bg-orange{ background:#e48a81;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* 头部 */
|
|
|
|
|
|
.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;}
|
|
|
|
|
|
|
|
|
|
|
|
/************新版公共****************/
|
|
|
|
|
|
/************新版公共****************/
|
|
|
|
|
|
html{height:100%;}
|
|
|
|
|
|
/*.newContainer{ min-height:100%; height: auto !important; height: 100%; position: relative;}
|
|
|
|
|
|
.newMain{ margin: 0 auto; padding-bottom: 155px; }
|
|
|
|
|
|
.newFooter{ position: absolute; bottom: 0; width: 100%; height: 155px;background: #323232; clear:both; min-width: 1200px}
|
|
|
|
|
|
.newHeader{background: #46484c;width:100%; height: 50px; min-width: 1200px}*/
|
|
|
|
|
|
.w20_center{ width: 20px;text-align: center; }
|
|
|
|
|
|
.task-container{ min-width:1300px; margin:0 auto; background: #f5f9fc; position: relative;}
|
|
|
|
|
|
/*左侧导航*/
|
|
|
|
|
|
.leftbar{ height: 100%; background: #1f212d; width:80px;}
|
|
|
|
|
|
.user-info{ width:80px; height:100px; padding-top:15px;}
|
|
|
|
|
|
a.user-info-img{ display: block; width: 50px; height: 50px; margin:0 auto; }
|
|
|
|
|
|
a.user-info-img img{border-radius:100px;border:2px solid #666;}
|
|
|
|
|
|
a.user-info-img img:hover{border:2px solid #888;}
|
|
|
|
|
|
a.user-info-name{ display: block; font-size: 16px; color: #fff; max-width:100px; margin: 10px auto; text-align: center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
|
|
|
|
|
|
.leftnav-box{ width: 80px; height: 60px; background:#292b3a; padding:10px 0; margin-bottom:2px;}
|
|
|
|
|
|
a.leftnav-box-inner{ display: block; width:77px; border-left:3px solid #292b3a; background:#292b3a; text-align: center; padding:10px 0; color:#575f6c;}
|
|
|
|
|
|
a:hover.leftnav-box-inner,a.leftnav-active{border-left:3px solid #3498db;color: #fff!important;}
|
|
|
|
|
|
a:hover.leftnav-box-inner .btn-cir{background:#fff;color:#333333}
|
|
|
|
|
|
a.leftnav-box-reset-inner{ display: block; width:77px; border-left:3px solid #292b3a; background:#292b3a; text-align: center; color:#575f6c;}
|
|
|
|
|
|
a:hover.leftnav-box-reset-inner{border-left:3px solid #3498db;color: #fff!important;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*右侧头部*/
|
|
|
|
|
|
.rightbar-header{width: 100%; background:#282c37; height:60px; min-width:1000px;}
|
|
|
|
|
|
.rightbar-score{ margin-top: 17px; font-size: 14px; margin-right:20px;}
|
|
|
|
|
|
.rightbar-score li{ float: left; color:#fff; margin-right: 20px;}
|
|
|
|
|
|
.rightbar-score li a{ color:#fff;}
|
|
|
|
|
|
a.rightbar-pause{ color:#29bd8b; font-size: 18px; margin-right:15px; margin-top: 12px;}
|
|
|
|
|
|
.rightbar-h2{ color:#fff; margin:12px 0 0 20px; font-weight: normal;}
|
|
|
|
|
|
.rightbar{background:#f5f9fc; color:#333; position: relative;}
|
|
|
|
|
|
/*右侧内容*/
|
|
|
|
|
|
.content{ min-width:1000px; }
|
|
|
|
|
|
.content-row{ padding:15px; }
|
|
|
|
|
|
.content-info{ width:49.5%; min-width:250px;}
|
|
|
|
|
|
.content-editor{ width:49.3%; min-width:250px; margin-left:15px; }
|
|
|
|
|
|
.panel-header{ border-bottom:1px solid #eee; padding:10px 15px; color:#898989;}
|
|
|
|
|
|
.panel-header-border{ border:1px solid #eee; padding:10px 15px; border-bottom:none; }
|
|
|
|
|
|
/* tab */
|
|
|
|
|
|
.tab_content{ width: 100%; margin: 0 auto; background:#fff; }
|
|
|
|
|
|
#tab_nav {height:42px;background: #fff; border-bottom: 1px solid #EEEEEE}
|
|
|
|
|
|
#tab_nav li {float:left; padding:0 30px;text-align:center;height: 40px;line-height: 40px; }
|
|
|
|
|
|
|
|
|
|
|
|
.tab_hover {border-bottom:2px solid #3498db; background: #fff;color: #3498db}
|
|
|
|
|
|
/*.tab_hover_setting{background:#FC7033;}*/
|
|
|
|
|
|
.tab_hover a{ color:#3498db!important;display:block;width:100%;height: 100%;font-size:16px;}
|
|
|
|
|
|
/*.tab_hover_setting a{color:#fff;}*/
|
|
|
|
|
|
.undis {display:none;}
|
|
|
|
|
|
.dis {display:block;}
|
|
|
|
|
|
.tab-info{ }
|
|
|
|
|
|
.content-editor-inner{ overflow:auto;}
|
|
|
|
|
|
.tab-info-inner{ overflow:auto; height:600px; margin:0 0 0px 15px;padding-top: 15px}
|
|
|
|
|
|
.content-history-inner{height:120px; overflow:auto; padding:15px;}
|
|
|
|
|
|
.content-history{width:48.7%; min-width:500px; }
|
|
|
|
|
|
.history-success{ width: 100%; height:40px; line-height: 40px; background:#eef1f2; color:#666; }
|
|
|
|
|
|
.history-fail{ width: 100%; height:40px; line-height: 40px; background:#fdebeb; color:#e53238; }
|
|
|
|
|
|
.icon-fail{ display:inline-block; padding:0 8px; background:#e53238; color:#fff;}
|
|
|
|
|
|
.icon-success{ display:inline-block; padding:0 8px; background:#252e38; color:#fff;}
|
|
|
|
|
|
.info-partly{display: block;box-flex:1;flex:1;-webkit-flex:1;position: relative;}
|
|
|
|
|
|
.content-output{width:37.5%; min-width:200px; }
|
|
|
|
|
|
.content-submit{width:10%; min-width:135px; }
|
|
|
|
|
|
.content-submitbox{ width:120px; margin: 15px auto; height:135px;}
|
|
|
|
|
|
.panel-inner{ background:#EFF2F7; margin:15px; padding:15px;}
|
|
|
|
|
|
.panel-inner-title{ font-size: 14px; color: #666; max-width:85%; line-height:30px;word-wrap: break-word; margin-bottom: 10px}
|
|
|
|
|
|
.panel-footer{ min-width:1000px; height: 210px!important;}
|
|
|
|
|
|
/* 弹框 */
|
|
|
|
|
|
.task-popup-text-center{ text-align: center; color: #333;}
|
|
|
|
|
|
.task-popup-title{ border-bottom: 1px solid #eee; padding:10px 15px; }
|
|
|
|
|
|
.task-popup-submit{ margin: 0 auto 15px; width: 120px;}
|
|
|
|
|
|
/* TPM */
|
|
|
|
|
|
.task-header{ width: 100%;min-width:1200px; background:url("/images/task/task-bg-header.png");height: 180px;background-size: cover;display: flex;align-items: center;}
|
|
|
|
|
|
.task-header-info{ width: 1200px; margin: 0 auto; color:#fff}
|
|
|
|
|
|
.task-header-info h2 a,.task-header-info h2{ font-weight: normal;color:#fff;}
|
|
|
|
|
|
a.task-header-name{ max-width:200px;}
|
|
|
|
|
|
.task-header-title{ display: block; max-width:750px;word-wrap: break-word;overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
|
|
|
|
|
|
.task-header-nav{ width: 100%;min-width:1200px; height:50px;}
|
|
|
|
|
|
.task-header-navs{ width: 1200px; margin: 0 auto;}
|
|
|
|
|
|
|
|
|
|
|
|
.task-header-navs li{ float: left;}
|
|
|
|
|
|
.task-header-navs li{ display: block; height: 50px; padding:0 50px; color:#666; text-align: center; font-size: 16px; line-height: 50px;}
|
|
|
|
|
|
.task-header-navs li:hover,.task-header-navs li:hover a{ color:#FC7033!important;}
|
|
|
|
|
|
.task-header-navs li.active{border-bottom: 2px solid #FC7033;color:#FC7033;}
|
|
|
|
|
|
.task-header-navs li.active a{color:#FC7033!important;}
|
|
|
|
|
|
.task-header-navs li.active .edu-cir-grey,.task-header-navs li:hover .edu-cir-grey,.edu-cir-grey.active{background: #FF7500;color: #FFFFff}
|
|
|
|
|
|
|
|
|
|
|
|
.task-pm-content{ width: 1200px; margin: 0 auto; min-height:566px}
|
|
|
|
|
|
.task-pm-box{ width: 100%; background: #fff; border: 1px solid #e8e8e8;}
|
|
|
|
|
|
.task-paner-con{ padding:15px; color:#666; line-height:2.0;}
|
|
|
|
|
|
.task-paner-con img{ max-width: 100%}
|
|
|
|
|
|
.panel-form{margin:0 30px 0px 20px; padding:30px 0; }.panel-form li{ margin-bottom:20px; font-size: 14px; color:#666;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.panel-form-label{ display:inline-block; width:10%; min-width:90px; text-align:right; line-height:40px; color: #666;}
|
|
|
|
|
|
.panel-form-label1{ display:inline-block; width:20%; min-width:90px; text-align:right; line-height:40px; }
|
|
|
|
|
|
.panel-form input,.panel-form textarea{ border:1px solid #e2e2e2;color:#666;line-height: 1.9;}
|
|
|
|
|
|
.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; }
|
|
|
|
|
|
input.panel-form-width-690{ padding:5px;width:90%; height:40px; min-width:700px;}
|
|
|
|
|
|
input.panel-form-width-200{ padding:5px; height:40px; width:200px;}
|
|
|
|
|
|
input.panel-form-width-100{ padding:5px;width:100%; height:40px; min-width:700px;}
|
|
|
|
|
|
textarea.panel-form-width-100{ padding:5px;width:100%; height:150px; min-width:700px;}
|
|
|
|
|
|
textarea.panel-form-width-40{ padding:5px;width:100%; height: 40px; min-width:700px;}
|
|
|
|
|
|
textarea.panel-form-width-690{ padding:5px;width:90%; height:150px; min-width:700px;}
|
|
|
|
|
|
textarea.panel-form-width2-100{ padding:5px;width:100%; height:40px; min-width:700px;}
|
|
|
|
|
|
textarea.panel-form-width2-690{ padding:5px;width:90%; height:40px; min-width:700px;}
|
|
|
|
|
|
textarea.panel-form-width2-695{ padding:5px;width:95%; height:40px; min-width:700px;}
|
|
|
|
|
|
.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!important; width:90%; min-width:700px; padding:10px; border:1px solid #f3f3f3;}
|
|
|
|
|
|
.task-bg-grey-ligh{line-height: 1.9;padding:5px 10px;}
|
|
|
|
|
|
.task-bg-grey li{ margin-bottom: 0}
|
|
|
|
|
|
.task-bd-grey{width:680px; padding:10 0px;}
|
|
|
|
|
|
.panel-form-width-690{ padding:5px;width:90%; min-height:40px; min-width:700px;}
|
|
|
|
|
|
input.task-tag-input{ border:none; background: none; height:30px; padding:0 5px; color:#888; line-height: 30px;}
|
|
|
|
|
|
textarea.task-textarea-pd{ padding-bottom: 0; padding-top:0;}
|
|
|
|
|
|
.task-setting-tab{ min-height:600px;}
|
|
|
|
|
|
.task-pd15-box{ padding:15px;}
|
|
|
|
|
|
.mb20{margin-bottom: 20px;}
|
|
|
|
|
|
input.knowledge_frame{height:28px;line-height:28px;border:none;background:#f3f5f7;}
|
|
|
|
|
|
/* TPi全屏展示css */
|
|
|
|
|
|
.content-all-fix{ position: absolute; top:75px; left:15px; right:15px; z-index:99; height: 91%; width: 98.5%;}
|
|
|
|
|
|
.content-all-fix .big-tab-info-inner{ display: block; height:50%; overflow:auto; margin:15px 0 0px 15px; }
|
|
|
|
|
|
.content-half-fix{ min-width:450px; margin:0; position: absolute; top:75px; left:15px; z-index:99;}
|
|
|
|
|
|
.content-half-fix .content-history-inner{height:100%; overflow:auto; }
|
|
|
|
|
|
.content-half-fix02{margin:0; position: absolute; top:65px; z-index:99; right:45px;}
|
|
|
|
|
|
.content-history-extend{ height: 98%;overflow:auto;}
|
|
|
|
|
|
.task-bg-grey .prettyprint{font-size: 9pt;font-family: Courier New,Arial;border: 1px solid #ddd;border-left: 5px solid #6CE26C;background: #f6f6f6;padding: 5px;}
|
|
|
|
|
|
/* 左右版TPI 20170410byLB */
|
|
|
|
|
|
#game_task_pass img{cursor: pointer}
|
|
|
|
|
|
.-fit { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
|
|
|
|
|
|
.-layout-v { display: flex; flex-direction: column;box-flex-direction: column;-webkit-flex-direction: column;}
|
|
|
|
|
|
.page--header { position: fixed;top: 0; left:80px; right: 0; z-index: 7000;background:#33485F; height:44px; padding:10px 0; color:#fff;}
|
|
|
|
|
|
.page--leftnav{position: fixed;top:0; left:0; right: 0; z-index: 9001;width:80px; height:100%;background:#282c37;}
|
|
|
|
|
|
.page--body { position: relative;}
|
|
|
|
|
|
.-margin-t-64 { margin-top: 64px;}
|
|
|
|
|
|
.-flex { box-flex:1;flex:1;-webkit-flex:1;}
|
|
|
|
|
|
/*.-flex-auto{flex-basis:100%;}*/
|
|
|
|
|
|
.split-panel.-fit {position: absolute;}
|
|
|
|
|
|
.split-panel { position: relative; overflow: hidden; min-height: 200px; height: 100%;}
|
|
|
|
|
|
.-stretch { align-items: stretch;}
|
|
|
|
|
|
.-layout { display: flex;}
|
|
|
|
|
|
.split-panel--first { overflow: hidden;}
|
|
|
|
|
|
.-relative { position: relative;}
|
|
|
|
|
|
.-bg-white { background-color: #eee;}
|
|
|
|
|
|
.split-panel.-handle .split-panel--second { padding-left: 2px;}
|
|
|
|
|
|
.split-panel--second { overflow: hidden;}
|
|
|
|
|
|
.task-answer-view { position: absolute; top: 0; right: 0; bottom: 0;left: 0; display: flex;
|
|
|
|
|
|
flex-direction: column; border-top: 1px solid #515151;}
|
|
|
|
|
|
.-vertical { flex-direction: column;box-flex-direction: column;-webkit-flex-direction: column;}
|
|
|
|
|
|
.-layout-h { display: flex;flex-direction: row;box-flex-direction: row;-webkit-flex-direction: row;}
|
|
|
|
|
|
.-horizontal {flex-direction: row-reverse;box-flex-direction: row-reverse;-webkit-flex-direction: row-reverse;}
|
|
|
|
|
|
.-scroll{ overflow:auto;}
|
|
|
|
|
|
.-flex-basic0{flex-basis: 0%!important;box-flex-basis: 0%!important;-webkit-flex-basis: 0%!important; display: none}
|
|
|
|
|
|
/*王昌------------拖拽增加样式---------------修改*/
|
|
|
|
|
|
.-flex-basic40{width:40%;box-flex:auto;flex:auto;-webkit-flex:auto;}
|
|
|
|
|
|
.-flex-basic50{width:60%;box-flex:auto;flex:auto;-webkit-flex:auto;}
|
|
|
|
|
|
.b-label{width:4px;cursor:ew-resize;background:#2b2b2b;}
|
|
|
|
|
|
.h-center{height:4px;cursor:ns-resize;background:#333;}
|
|
|
|
|
|
.-changebg{height:3px;}
|
|
|
|
|
|
.-brother{width:100%;height:100%;position:absolute;left:0;top:0;z-index:999;}
|
|
|
|
|
|
.-bg-weightblack{background:#000;}
|
|
|
|
|
|
.-flex-basic70{box-flex:4 9 auto;flex:4 9 auto;-webkit-flex:4 9 auto;height:70%;}
|
|
|
|
|
|
/*---------------------------------------------*/
|
|
|
|
|
|
.-flex-basic60{box-flex:2 1 auto;flex:2 1 auto;-webkit-flex:2 1 auto;height:30%;}
|
|
|
|
|
|
.-flex-basic100{flex-basis: 100%!important;box-flex-basis: 100%!important;-webkit-flex-basis: 100%!important;}
|
|
|
|
|
|
.-header-title{ max-width:500px; font-weight: normal;}
|
|
|
|
|
|
.-header-right{ background:#333;border-radius:25px; padding:5px 15px; height: 30px; position: absolute; right:10px;line-height: 30px;}
|
|
|
|
|
|
.-header-right-info{ padding:10px; background:#fff; border-radius:3px; top:50px; right:10px; position: relative;display:none;color:#666;}
|
|
|
|
|
|
.-header-right-info font { border: 1px solid #dddddd; display: block;border-width: 8px; position: absolute; top: -15px;right:20px;border-style: solid; border-color: transparent transparent #fff transparent; font-size: 0; line-height: 0;}
|
|
|
|
|
|
.-header-right-box:hover .-header-right-info{ display: block;}
|
|
|
|
|
|
.-task-bar-bg{ width: 160px; height:15px; border-radius:15px; background:#ff9932; color:#fff; font-size: 12px; line-height: 15px; text-align: right; position: relative; padding-right:10px;}
|
|
|
|
|
|
.-task-bar-inner{background:#ffc100; display: block; height: 15px;border-radius:15px; position: absolute; top:0; left:0;}
|
|
|
|
|
|
.-task-widht-10{ width: 10%;}
|
|
|
|
|
|
.-task-widht-20{ width: 20%;}
|
|
|
|
|
|
.-task-widht-30{ width: 30%;}
|
|
|
|
|
|
.-task-widht-40{ width: 40%;}
|
|
|
|
|
|
.-task-widht-50{ width: 50%;}
|
|
|
|
|
|
.-task-widht-60{ width: 60%;}
|
|
|
|
|
|
.-task-widht-70{ width: 70%;}
|
|
|
|
|
|
.-task-widht-80{ width: 80%;}
|
|
|
|
|
|
.-task-widht-90{ width: 90%;}
|
|
|
|
|
|
.-task-widht-100{ width: 100%;}
|
|
|
|
|
|
.-footer-left{min-height:48px;background:#f5f5f5;}
|
|
|
|
|
|
.-footer-left ul {width: 100%}
|
|
|
|
|
|
.-footer-left ul li{ cursor: pointer; color:#666;}
|
|
|
|
|
|
.-footer-left ul li:hover{ color:#888;}
|
|
|
|
|
|
.-bg-black{ background:#2b2b2b; color:#f4f1ed;}
|
|
|
|
|
|
.-bg-darkblack{background:#1D1D1D; color: #fff;}
|
|
|
|
|
|
.task-answer-view{ border-top:1px solid #515151; background:#333;}
|
|
|
|
|
|
#blacktab_nav {height:40px;background:#292929; }
|
|
|
|
|
|
#blacktab_nav li {float:left; padding:0px 25px;text-align:center;height: 40px;line-height: 40px; }
|
|
|
|
|
|
#blacktab_nav .add-webssh{position:relative;}
|
|
|
|
|
|
#blacktab_nav .add-webssh span{position:absolute;top:0;right:5px;color:#fff;cursor:pointer;}
|
|
|
|
|
|
#blacktab_nav li a{font-size:14px;display:block;width:100%;height: 100%;}
|
|
|
|
|
|
#blacktab_nav li.code-file-tab{padding: 0px;box-sizing: border-box;padding: 0px 25px;}
|
|
|
|
|
|
.code-flie-list{display:none;position: absolute;z-index: 5;top:40px;background: #515151;width: 300px;left: 0px;color: #fff;}
|
|
|
|
|
|
.blue-line{border-left: 3px solid #199ED8!important;padding-left: 5px;}
|
|
|
|
|
|
.codefile-all{max-height: 122px;overflow-y: auto;overflow-x: hidden;}
|
|
|
|
|
|
.codefile-all p{text-align: left;cursor: pointer;height: 22px;line-height: 22px;margin-bottom: 3px;padding-left: 5px;border-left: 3px solid #515151;width: 273px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
|
|
|
|
|
|
.codefile-all p:hover{background: #CCCCCC;color: #333;}
|
|
|
|
|
|
|
|
|
|
|
|
.-task-ces-top{ padding:5px 15px; background:#515151; color:#bfbfbf;}
|
|
|
|
|
|
.-task-ces-info-left{ display: inline-block; width:100px; text-align: right; }
|
|
|
|
|
|
.-position-a-r15{ position: absolute; top:5px; right:15px;}
|
|
|
|
|
|
.-task-ml80{ margin-left: 80px;}
|
|
|
|
|
|
.page--over { position: fixed;top: 0; left:80px; right: 0; z-index:8000; height:100%; color:#fff;}
|
|
|
|
|
|
.-task-list-header{ border-bottom:1px solid #eee; padding:5px 15px; color:#898989; font-size: 14px; font-weight: normal;}
|
|
|
|
|
|
.-task-list-header h3{ font-weight: normal; font-size:16px; color:#333;}
|
|
|
|
|
|
.-task-list-inner{ background:#EFF2F7; margin:10px; padding:5px;}
|
|
|
|
|
|
.-task-list-title{ font-size: 14px; color: #666;word-wrap: break-word; font-weight: normal; max-width: 80%;}
|
|
|
|
|
|
.greytab-inner{ background:#fff; }
|
|
|
|
|
|
.blacktab-inner{ background:#333;}
|
|
|
|
|
|
.task-padding16{ padding:16px;}
|
|
|
|
|
|
.task-padding10{ padding:10px;}
|
|
|
|
|
|
.task-padding-new{ padding-top: 16px}
|
|
|
|
|
|
/* TPM统计 20170321byLB */
|
|
|
|
|
|
.panel-warp-3{ width: 30%; background:#23b181; color:#fff; margin:2.5%; margin-right:0; position: relative; }
|
|
|
|
|
|
.panel-warp-3-over{ background:#fff;opacity:0.8; color:#29bd8b; width: 100%; height:135px; position: absolute; top:0; left:0; text-align: center; padding-top:130px;}
|
|
|
|
|
|
.panel-warp-3-over a{color:#29bd8b; font-size: 18px; text-align:center; font-weight: bold;}
|
|
|
|
|
|
.panel-warp-img{width: 30px; height: 30px; border-radius:100px;}
|
|
|
|
|
|
.panel-warp-name{ display:block; max-width:100px;}
|
|
|
|
|
|
.panel-warp-inner{ padding:15px;}
|
|
|
|
|
|
.panel-warp-dbg{ background:#29bd8b; padding:15px; height:120px;}
|
|
|
|
|
|
.panel-warp-dbg li{ margin-bottom:15px; }
|
|
|
|
|
|
.panel-warp-dbg li:last-child{ margin-bottom:0;}
|
|
|
|
|
|
.fa-icons-trophy{ position:relative; padding-top:10px;}
|
|
|
|
|
|
.fa-icons-trophy span{ position:absolute; top:12px; right:10px; color:#f04b27; font-size:14px; font-weight: bold;}
|
|
|
|
|
|
.fa-icons-flower{ display: inline-block; width: 14px; height: 14px; background:url("../images/task/icons-flower.png") 0 0 no-repeat;}
|
|
|
|
|
|
.fa-icons-flower:hover{display:inline-block; width: 14px; height: 14px;background:url("../images/task/icons-flower.png") -18px 0 no-repeat;}
|
|
|
|
|
|
/* 实训首页 20170330byLB */
|
|
|
|
|
|
.task-index{ width: 1200px; margin:0 auto;}
|
|
|
|
|
|
.task-index-head{ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
|
|
|
|
|
|
/*.task-index-head-top{background-image: linear-gradient(to right, rgb(106, 177, 216) 0%, rgb(1, 74, 78) 100%);background-color: rgb(1, 70, 74); padding:30px;}*/
|
|
|
|
|
|
|
|
|
|
|
|
/*background: linear-gradient(to right, rgb(104, 177, 215) 0%, rgb(1,75,79) 100%);*/
|
|
|
|
|
|
/*background: linear-gradient(to right,#5DDAE4,#23ADC9);*/
|
|
|
|
|
|
.task-index-head-top{ padding:30px;background:#FCA24B;background: linear-gradient(to right, rgb(104, 177, 215) 0%, rgb(1,75,79) 100%);}
|
|
|
|
|
|
|
|
|
|
|
|
/*.task-index-head-top{ padding:30px;background:#FFA65E;}*/
|
|
|
|
|
|
.top-xz{position: absolute;border:14px solid #FFFFFF;border-radius: 50%;box-shadow: 0px 2px 10px rgba(142,142,142,0.6);
|
|
|
|
|
|
opacity: 0.4;}
|
|
|
|
|
|
|
|
|
|
|
|
.task-index-head-top-course{padding:30px;background:linear-gradient(to right, rgb(69, 191, 165) 0%, rgb(164, 175, 247) 100%);}
|
|
|
|
|
|
/*linear-gradient(to right, rgb(69, 191, 165) 0%, rgb(164, 175, 247) 100%);*/
|
|
|
|
|
|
.task-inde-head-title{ color:#fff; }
|
|
|
|
|
|
.task-index-head-info{ background:#fff; padding:10px 30px;}
|
|
|
|
|
|
.task-index-head-info li{ width:100px; float: left; text-align: center; color:#666;}
|
|
|
|
|
|
|
|
|
|
|
|
.task-index-list{ width: 1200px;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.task-index-list-box{box-sizing:border-box; width:23.87%;margin: 0 1.5% 30px 0px; border-radius:2px;border:1px solid #eee; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); color:#666; position:relative; }
|
|
|
|
|
|
.task-index-list-box:hover{-webkit-animation: bounce-down 1s linear 1;animation: bounce-down 1s linear 1; }
|
|
|
|
|
|
.task-index-list-box:hover .black-half{display: block;}
|
|
|
|
|
|
.task-index-list-box:nth-child(4n+0) {margin: 0 0 30px 0;}
|
|
|
|
|
|
.task-mg8{ margin:0 15px 15px 0px; border-radius:2px; border:1px solid #eee; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); color:#666; position:relative; }
|
|
|
|
|
|
.task-index-list-box-top{padding:16px; padding-top:30px; background:#fff; text-align: center; position:relative; height: 160px;}
|
|
|
|
|
|
.task-index-list-title{ max-width:80%; display: block; margin:10px auto 0px; font-size:14px; font-weight: bold;}
|
|
|
|
|
|
.task-index-list-user{padding:5px 10px; border-radius:25px;background: #F5F6F7; margin:0px auto 20px; display: inline-block;}
|
|
|
|
|
|
.task-index-list-box-bottom{ background: #F5F6F7; color:#666; padding:10px 10%; text-align: center;}
|
|
|
|
|
|
.task-index-list-box-bottom li{ display: inline; margin: 0 5px;}
|
|
|
|
|
|
.task-index-list-box-bottom2{ background: #fff; color:#666; padding:10px 10%; text-align: center;}
|
|
|
|
|
|
.task-index-list-box-bottom2 li{ display: inline; margin: 0 5px;}
|
|
|
|
|
|
.task-vip{ position: absolute; right:15px; top:15px;}
|
|
|
|
|
|
@-webkit-keyframes bounce-down {
|
|
|
|
|
|
25% {-webkit-transform: translateY(-10px);}
|
|
|
|
|
|
50%, 100% {-webkit-transform: translateY(0);}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes bounce-down {
|
|
|
|
|
|
25% {transform: translateY(-10px);}
|
|
|
|
|
|
50%, 100% {transform: translateY(0);}
|
|
|
|
|
|
}
|
|
|
|
|
|
.task-index-list-hover{ position:absolute; top:0; left:0; color:#fff; width: 100%; height: 100%; border-radius:2px 2px 0 0; }
|
|
|
|
|
|
.task-index-list-hover p{ margin:15px;overflow:hidden; text-align: left; height: 85%;}
|
|
|
|
|
|
.task-index-list-hover{ display: none; }
|
|
|
|
|
|
.task-mg8:hover .task-index-list-hover{display: block;}
|
|
|
|
|
|
.task-mg8:hover{ box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);cursor: pointer;}
|
|
|
|
|
|
.task-dropdown{}
|
|
|
|
|
|
.task-dropdown-menu{ min-width: 100px; border: 1px solid rgba(0,0,0,.05);box-shadow: 0 6px 12px rgba(0,0,0,.15);}
|
|
|
|
|
|
.task-dropdown-menu li a{ color:#666; }
|
|
|
|
|
|
/* 伸展型搜索 20170330byLB */
|
|
|
|
|
|
.search-wrapper {position: absolute; font-size:14px; }
|
|
|
|
|
|
.search-wrapper .input-holder { overflow: hidden; height: 30px; position: relative; width:32px;background: none;}
|
|
|
|
|
|
.search-wrapper.active .input-holder { width:320px; border:none; border-bottom:2px solid #ccc; }
|
|
|
|
|
|
.search-wrapper .input-holder .search-input { width:100%; height: 30px; font-size:14px; position: absolute; top:0px; left:0; border:none; opacity: 0; }
|
|
|
|
|
|
.search-wrapper.active .input-holder .search-input { opacity: 1; outline:none; background: none;}
|
|
|
|
|
|
.search-wrapper .search-icon { width:20px; height:20px; border:none; padding:0px; outline:none; position: relative; z-index: 2; float:right; cursor: pointer; background: none; color: #666; top:2px;}
|
|
|
|
|
|
.search-wrapper .close { position: absolute; z-index: 1; top:2px; right:20px; width:25px; height:25px; cursor: pointer; opacity: 0;color: #666;}
|
|
|
|
|
|
.search-wrapper.active .close {right:-35px; opacity: 1;}
|
|
|
|
|
|
a.sortArrowActiveD {background:url(../images/post_image_list.png) -0px -20px no-repeat; width:7px; height:9px; float:left; margin-top: 10px;margin-left: 5px;}
|
|
|
|
|
|
a.sortArrowActiveU {background:url(../images/post_image_list.png) -17px -20px no-repeat; width:7px; height:9px; float:left; margin-left:5px; margin-top:10px;}
|
|
|
|
|
|
.postSort {width:75px; float:right}
|
|
|
|
|
|
.shixunPostSort {width:60px; float:right}
|
|
|
|
|
|
.remove_li li{ list-style-type: none!important;}
|
|
|
|
|
|
|
|
|
|
|
|
a.shixun-task-btn { display: inline-block;font-weight: bold;border: none;padding: 0 12px;color: #666;letter-spacing: 1px;text-align: center;font-size: 14px;height: 30px;line-height: 30px;border-radius: 3px; }
|
|
|
|
|
|
a.shixun-task-ban-btn{background-color: #c2c4c6;display: inline-block;font-weight: bold;border: none;padding: 0 12px;color: #666;letter-spacing: 1px;text-align: center;font-size: 14px;height: 30px;line-height: 30px;border-radius: 3px; cursor: default;}
|
|
|
|
|
|
.shixun-panel-list > div:nth-child(odd){ background:#f9f9f9; }
|
|
|
|
|
|
.shixun-panel-list > div:nth-child(even){ background:#fff; }
|
|
|
|
|
|
.shixun-panel-list {background: #fff; margin: 0 1px;}
|
|
|
|
|
|
.shixun-panel-inner { background: #EFF2F7; padding: 15px; height: 70px;}
|
|
|
|
|
|
.challange_operate{display: none}
|
|
|
|
|
|
.shixun-panel-inner:hover .challange_operate{display: block}
|
|
|
|
|
|
.shixun_title {color: #333;font-size: 16px;}
|
|
|
|
|
|
.g_frame{border: 1px solid #29bd8b;color: #29bd8b;padding:0 5px;border-radius: 3px;text-align:center;}
|
|
|
|
|
|
.loading-center{text-align: center; align-items: center;justify-content: center;}
|
|
|
|
|
|
.center{vertical-align: middle;text-align: center; }
|
|
|
|
|
|
.itoblock_w150{ display: block; float:left; width:150px }
|
|
|
|
|
|
.itoblock_w75{ display: block; float:left; width:75px }
|
|
|
|
|
|
|
|
|
|
|
|
/*实训--技能勋章*/
|
|
|
|
|
|
.modal-list li{float: left;padding: 0px 15px;background:#ff7500;color: #ffffff;border-radius: 4px;margin-right: 10px}
|
|
|
|
|
|
.modal-list li:before{content: '●';color: #FFFFFF;margin-right: 5px;font-size: 14px}
|
|
|
|
|
|
.modal-list span{width: 8px;height: 8px;border-radius: 50%;background: #ffffff;display: block;float: left;margin-right: 5px;margin-top:10px;}
|
|
|
|
|
|
|
|
|
|
|
|
/* 合作者 20170516byLB */
|
|
|
|
|
|
.task-partner-list{ padding:15px; border-bottom:1px solid #eee;}
|
|
|
|
|
|
.task-width33{ width:33.3%;}
|
|
|
|
|
|
|
|
|
|
|
|
.read_only{ -moz-user-select: none; -webkit-user-select: none; }
|
|
|
|
|
|
|
|
|
|
|
|
.task-form-28{width: 28%;padding:0px 10px}
|
|
|
|
|
|
.lesson{line-height:40px;}
|
|
|
|
|
|
.lesson_img{position: absolute;right: 10px;top:10px;}
|
|
|
|
|
|
.lesson_checkbox{display: none;position: absolute;top:40px;left: -1px;width: 100%;border:1px solid #eeeeee;background: #FFFFFF;padding-bottom: 5px;height: 150px;z-index: 10}
|
|
|
|
|
|
.lesson_checkbox li{height:20px;padding:5px 10px;clear:both;line-height:28px;margin-bottom: 0;}
|
|
|
|
|
|
.lesson_checkbox li input{float: left;margin: 3px 5px 0px 0px;}
|
|
|
|
|
|
.lesson_content{width:95%;padding:5px; border: none!important;}
|
|
|
|
|
|
|
|
|
|
|
|
/* 实训首页的搜索 */
|
|
|
|
|
|
.xy_box{padding:16px;height:180px}
|
|
|
|
|
|
.task_yx_bo{margin: 0px auto 13px;}
|
|
|
|
|
|
.course-nav-box{padding:0px 10px;margin:30px 0px}
|
|
|
|
|
|
.xy_level{width: 80%;margin: 0px auto;border-top: 1px solid #eee;margin-top: 5px;line-height: 35px;}
|
|
|
|
|
|
.course-nav-row{padding:7px 0px}
|
|
|
|
|
|
.course-nav-row_item li{width:auto;height: 30px;line-height: 30px;margin: 5px;padding:0px 15px;}
|
|
|
|
|
|
.course-nav-row_item label{cursor: pointer;}
|
|
|
|
|
|
.check_item{height:40px;line-height: 40px;padding: 0px 15px;}
|
|
|
|
|
|
.more_check{position: absolute;bottom: 5px;right: 10px;cursor: pointer;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.bottomdashed1{border-bottom: 1px dashed #eeeeee;}
|
|
|
|
|
|
|
|
|
|
|
|
/*更多和收起*/
|
|
|
|
|
|
.two_line_lesson{height: 80px;overflow: hidden;}
|
|
|
|
|
|
.more_line_lesson{max-height: 200px;display: block;}
|
|
|
|
|
|
.scroll_lesson{overflow-x: hidden;overflow-y: scroll;}
|
|
|
|
|
|
|
|
|
|
|
|
.searchFor{width:auto;}
|
|
|
|
|
|
.searchFor .searchCon{width:250px;border-bottom:1px solid #cccccc;float: left;height: 30px;}
|
|
|
|
|
|
.searchFor .searchCon input{border: none;outline: none;height: 29px;width:91%;}
|
|
|
|
|
|
.searchFor .searchImg{margin:5px 10px 0px 0px;cursor: pointer;}
|
|
|
|
|
|
.searchFor .search_close{font-size: 18px;float: right;color: #666;height: 29px;line-height: 29px;cursor: pointer;}
|
|
|
|
|
|
|
|
|
|
|
|
.tab_color{color: #bfbfbf!important;}
|
|
|
|
|
|
|
|
|
|
|
|
/*_game_show.html.erb页面新增的一个tab*/
|
|
|
|
|
|
.comments_item_content img{border-radius: 50%;margin-right: 5px}
|
|
|
|
|
|
.comment_item_one{flex: 1;}
|
|
|
|
|
|
.comment_item_bottom{border-bottom: 1px solid #efefef;display: flex}
|
|
|
|
|
|
.comment_item_top{border-top: 1px solid #efefef}
|
|
|
|
|
|
.comment_item_left_green{border-left: 3px solid #29bd8b}
|
|
|
|
|
|
.return_item{height: 20px;line-height: 20px;margin-top: 5px;}
|
|
|
|
|
|
.comment-input{width: 100%;margin: 10px;margin-right: 17px;}
|
|
|
|
|
|
.comment_position{ position: absolute;bottom: 8px;right: 20px}
|
|
|
|
|
|
|
|
|
|
|
|
/*-------新建阶段添加选项部分----------*/
|
|
|
|
|
|
.option-item{border:1px solid #e2e2e2;}
|
|
|
|
|
|
.option-item,.add-option-item{display: block;width: 38px;height: 38px;text-align: center;line-height: 38px;border-radius: 4px}
|
|
|
|
|
|
.check-option-bg{background: #FF7500;color: #ffffff!important;border: 1px solid #FF7500}
|
|
|
|
|
|
.add-option-input{padding: 5px;width: 90%;height: 40px;min-width: 700px;}
|
|
|
|
|
|
.add-option-input a{display: block;width: 100%;height: 100%;cursor: pointer}
|
|
|
|
|
|
.position-delete{position: absolute;right: -22px;top: 12px;cursor: pointer}
|
|
|
|
|
|
|
|
|
|
|
|
/*--------TPI的答案选项卡------*/
|
|
|
|
|
|
.quiz-task-options:not(.-compact) {padding:10px;}
|
|
|
|
|
|
.card {position: relative;border-radius: 2px;overflow: hidden;}
|
|
|
|
|
|
/*.card:hover{background: #3f3f3f;}*/
|
|
|
|
|
|
.card-check{background: #3498db!important;}
|
|
|
|
|
|
.-justify {justify-content: space-between;}
|
|
|
|
|
|
.-center { align-items: center;min-height: 66px;}
|
|
|
|
|
|
.markdown {letter-spacing: 0;line-height: 1.6;word-wrap: break-word;word-break: break-word;}
|
|
|
|
|
|
.markdown code {padding:0;line-height: 23px;margin: 0;font-family: "微软雅黑","宋体";}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*模拟实战---加载等待*/
|
|
|
|
|
|
.loading_all{background:#ffffff;z-index: 100000;width: 100%;height: 100%;position: fixed;left: 0px;top:0px;text-align: center;}
|
|
|
|
|
|
.loading_main img{border-radius: 4px;}
|
|
|
|
|
|
.loading_main span{font-size: 44px;font-weight: bold;color: #ff7500;letter-spacing: 5px;margin-left: 5px;}
|
|
|
|
|
|
.load{width: auto;top:50%;margin-top:-100px;position: relative;}
|
|
|
|
|
|
.loading_seconde{color: #ff7500;letter-spacing: 3px;font-size: 16px;}
|
|
|
|
|
|
#ajax-indicator-base {
|
|
|
|
|
|
position: absolute; /* fixed not supported by IE*//*
|
|
|
|
|
|
|
|
|
|
|
|
top: 50%;
|
|
|
|
|
|
left: 50%;
|
|
|
|
|
|
margin-left: -20px;
|
|
|
|
|
|
margin-top: -40px;
|
|
|
|
|
|
width: 20%;
|
|
|
|
|
|
height: 5%; */
|
|
|
|
|
|
width: 100%;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
font-weight:bold;
|
|
|
|
|
|
text-align:center;
|
|
|
|
|
|
/*padding:0.6em;*/
|
|
|
|
|
|
z-index:9999;
|
|
|
|
|
|
background: rgba(225,225,225,0);
|
|
|
|
|
|
}
|
|
|
|
|
|
html>body #ajax-indicator-base { position: fixed; }
|
|
|
|
|
|
|
|
|
|
|
|
#ajax-indicator-base embed{
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
top: 40%;
|
|
|
|
|
|
width: 40px;
|
|
|
|
|
|
height: 40px;
|
|
|
|
|
|
margin-left: -40px;
|
|
|
|
|
|
left: 50%;
|
|
|
|
|
|
}
|
|
|
|
|
|
/*#ajax-indicator-base span{
|
|
|
|
|
|
color:#fff;
|
|
|
|
|
|
background-position: 0% 40%;
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
*//*background-image: url(/images/loading.gif);*//*
|
|
|
|
|
|
padding-left: 26px;
|
|
|
|
|
|
vertical-align: bottom;
|
|
|
|
|
|
z-index:999;
|
|
|
|
|
|
}*/
|
|
|
|
|
|
|
|
|
|
|
|
.save-tip{display:none;position: fixed;top:0px;left: 0px;width: 100%;height: 100%;}
|
|
|
|
|
|
.save-tip-content{position: absolute;top:50%;left: 50%;margin-left: -36px;margin-top:-19px;background: rgba(0,0,0,0.7);color:#fff;padding:5px 15px;border-radius: 4px}
|
|
|
|
|
|
.empty{background: #494A4C;display: inline; margin: 0 2px; padding: 0 3px;}
|
|
|
|
|
|
.tab-key{background: #494A4C;display: inline; margin: 0 2px; padding: 0 6px;}
|
|
|
|
|
|
|
|
|
|
|
|
/*二次回复的提示语的样式*/
|
|
|
|
|
|
.points-data-tip-top{position:absolute;left:100px;top:-30px;opacity:.7;width:150px;height:30px;z-index:9999;display:none;}
|
|
|
|
|
|
.data-tip-top1{position:relative;box-shadow:0px 0px 8px #000;background:#000;color:#fff;word-wrap: break-word;
|
|
|
|
|
|
text-align:center;border-radius:4px;padding:0 10px;border:1px solid #000;}
|
|
|
|
|
|
.data-tip-top1:after,.data-tip-top1:before{position: absolute;content:'';width:0;height:0;left: 45%;bottom:-10px;border-left: 5px solid transparent;
|
|
|
|
|
|
border-right: 5px solid transparent;border-top: 10px solid #000;}
|
|
|
|
|
|
.data-tip-top1:before{bottom:-11px;}
|
|
|
|
|
|
/*选择题tab切换*/
|
|
|
|
|
|
.nav_option li{overflow: hidden;width: 110px; text-align: center;cursor: pointer;height: 38px;line-height: 38px;border-top-right-radius: 5px;border-top-left-radius: 5px;border:1px solid #e2e2e2;border-bottom: 0px;color: #FF7500;border-right: none;}
|
|
|
|
|
|
.nav_option li:last-child{border-right: 1px solid #e2e2e2;}
|
|
|
|
|
|
.nav_option li a{width: 100%;height: 100%;display: block;}
|
|
|
|
|
|
|
|
|
|
|
|
/*---------------------试卷----------------------*/
|
|
|
|
|
|
.question_item_con{font-weight: normal!important;border:1px solid #EEEEEE!important;color: #333!important;background: #FFFFff!important;position: relative}
|
|
|
|
|
|
.exam_operator{cursor: pointer;position: absolute;right: 15px;top: 11px;}
|
|
|
|
|
|
.question_item_con .write_answer{border-top:1px solid #EEEEEE;background:#EFF9FD;padding: 10px 15px;text-align:justify;}
|
|
|
|
|
|
.add_item_part{width: auto;padding: 2px 20px;border: 1px solid #ff7500;border-radius: 3px;margin-left: 15px;cursor: pointer;color: #ff7500!important;}
|
|
|
|
|
|
.add_item_part:hover{color:#fff!important;background-color: #ff7500}
|
|
|
|
|
|
|
|
|
|
|
|
/*作业问答*/
|
|
|
|
|
|
.work_search_ul{border: 1px solid #EEEEEE;border-radius: 4px;}
|
|
|
|
|
|
.work_search_ul li span{display:block;float: left;height: 38px;line-height: 38px}
|
|
|
|
|
|
.work_search_ul li{border-bottom: 1px dashed #EEEEEE;}
|
|
|
|
|
|
.work_search_ul li:last-child{border-bottom: none}
|
|
|
|
|
|
.work_search_ul .magic-radio + label,.work_search_ul .magic-checkbox + label{top:5px}
|
|
|
|
|
|
|
|
|
|
|
|
/*更新提示*/
|
|
|
|
|
|
.update_back_main{display: none;position: fixed;left: 0px;top:0px;background: rgba(0,0,0,0.3);width: 100%;z-index: 7001;height: 100%;}
|
|
|
|
|
|
.tip-panel-animate-left{position: absolute;z-index: 9000;left: 80px;top:290px;background: #FFFFff;width: 430px;height: 140px;border-radius: 3px;}
|
|
|
|
|
|
.tip-panel-animate{position: absolute;z-index: 10001;right: 4px;top:40px;background: #FFFFff;width: 430px;height: 140px;border-radius: 3px;display: none}
|
|
|
|
|
|
.tip-panel-animate .tip-img,.tip-panel-animate-left .tip-img{width: 130px;text-align: center;background-color: #E8E9ED;height: 100%;}
|
|
|
|
|
|
.tip-panel-animate .tip-img img,.tip-panel-animate-left .tip-img img{width: 70px;height: 70px;margin: 35px 30px;}
|
|
|
|
|
|
.tip-right-con{width: 69.7%;height: 100%;}
|
|
|
|
|
|
.tip-operator-btn{width:100%;border-top: 1px solid #eee;height: 40px;position: absolute;right: 0px;bottom: 0px;text-align: center;}
|
|
|
|
|
|
.tip-operator-btn a,.tip-operator-btn span{height: 100%;text-align: center;line-height: 40px;width: 50%}
|
|
|
|
|
|
.tip-operator-btn a:hover,.tip-operator-btn span:hover{background-color:#f9f9f9}
|
|
|
|
|
|
.tip-operator-btn a:first-child,.tip-operator-btn span:first-child{border-right: 1px solid #eee;width: 49.5%}
|
|
|
|
|
|
.animate-tip{animation:rightToleft 1s;}
|
|
|
|
|
|
.animate-tip-hide{animation:leftToright 1s;}
|
|
|
|
|
|
@keyframes rightToleft
|
|
|
|
|
|
{
|
|
|
|
|
|
from {right: -400px;}
|
|
|
|
|
|
to {right: 4px;}
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes leftToright
|
|
|
|
|
|
{
|
|
|
|
|
|
from {right: 4px;}
|
|
|
|
|
|
to {right: -420px;}
|
|
|
|
|
|
}
|
|
|
|
|
|
.animate-tip-l{animation:rightToleft-l 1s;}
|
|
|
|
|
|
.animate-tip-hide-l{animation:leftToright-l 1s;}
|
|
|
|
|
|
@keyframes rightToleft-l
|
|
|
|
|
|
{
|
|
|
|
|
|
from {left: -400px;}
|
|
|
|
|
|
to {left: 80px;}
|
|
|
|
|
|
}
|
|
|
|
|
|
@keyframes leftToright-l
|
|
|
|
|
|
{
|
|
|
|
|
|
from {left: 80px;}
|
|
|
|
|
|
to {left: -420px;}
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*----------实训TPI图片查看效果--------------*/
|
|
|
|
|
|
.photo_display{box-sizing: border-box;width: 100%;position: fixed;top: 0px;left: 0px;padding-top: 64px;padding-left: 80px;background: rgba(0,0,0,0);height: 100%;z-index: 100}
|
|
|
|
|
|
.photo_display .task-popup{width: 100%!important;height: 100%!important;}
|
|
|
|
|
|
#picture-content img{max-width: 100%;height: 400px;display: block; margin:0px auto;margin-bottom: 20px;}
|
|
|
|
|
|
#box-img{width:100%;height:100%;display:table;text-align:center;background:#fff;}
|
|
|
|
|
|
#box-img span{display:table-cell;vertical-align:middle;}
|
|
|
|
|
|
|
|
|
|
|
|
/*-------------学员统计 通关排行榜------------*/
|
|
|
|
|
|
.rankings_num{position: absolute;width: 100%;top: 3px;height: 15px;line-height: 15px;left: 0px;font-size: 12px;color: #F24B27;text-align: center}
|
|
|
|
|
|
|
|
|
|
|
|
.census_main{width: 1086px;overflow: hidden;position: relative;min-height: 350px;margin:0px 45px;}
|
|
|
|
|
|
.census_main ul{position: absolute;min-width: 1086px;}
|
|
|
|
|
|
.census_main ul>li{float:left;width: 260px;margin:6px 6px;min-height: 335px}
|
|
|
|
|
|
.census_main ul>li:nth-child(4n){margin-right: 0px;}
|
|
|
|
|
|
.part_main{border-radius: 5px;background: #FFFFff;border:1px solid #EEEEEE}
|
|
|
|
|
|
.part_main .part_top{background: #FF9E6A;color: #FFFFff;padding: 10px 15px;border-radius: 5px 5px 0px 0px;}
|
|
|
|
|
|
.wipe{display: none;cursor: pointer;line-height: 332px;color:#FFFFff!important;font-size:16px ;width: 100%;position: absolute;left: 0px;top:0px;background:rgba(0,0,0,0.3);height: 100%;z-index: 3;text-align: center;border-radius: 5px; }
|
|
|
|
|
|
.part_main:hover .wipe{display: block;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#census_left,#census_right{display: none;position: absolute;cursor: pointer;background: #FCF2EC;padding: 10px 5px;width: 35px;box-sizing: border-box;top:122.5px;text-align: center}
|
|
|
|
|
|
#census_left i,#census_right i{color:#FBBD81;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*-----------实训配置、评测脚本-------------*/
|
|
|
|
|
|
.edit_script_text .test_script_text{word-break: break-all;background-color: #f7f7f7;}
|
|
|
|
|
|
.edit_script_text .CodeMirror-lines{padding: 0px!important;padding-bottom: 4px}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* FONT PATH
|
|
|
|
|
|
* -------------------------- */
|
|
|
|
|
|
/*!
|
|
|
|
|
|
* Font Awesome Free 5.0.13 by @fontawesome - https://fontawesome.com
|
|
|
|
|
|
* License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
|
|
|
|
*/
|
|
|
|
|
|
.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:a 2s infinite linear}.fa-pulse{animation:a 1s infinite steps(8)}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"
|
|
|
|
|
|
|
|
|
|
|
|
/*! Editor.md v1.5.0 | editormd.min.css | Open source online markdown editor. | MIT License | By: Pandao | https://github.com/pandao/editor.md | 2015-06-09 */
|
|
|
|
|
|
@charset "UTF-8";/*! prefixes.scss v0.1.0 | Author: Pandao | https://github.com/pandao/prefixes.scss | MIT license | Copyright (c) 2015 */.fa-ul,.markdown-body .task-list-item,li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}.editormd-form br,.markdown-body hr:after{clear:both}.editormd{width:90%;height:640px;margin:0 auto 15px;text-align:left;overflow:hidden;position:relative;border:1px solid #ddd;font-family:"微软雅黑", "Meiryo UI","Microsoft YaHei","Malgun Gothic","Segoe UI","Trebuchet MS",Helvetica,Monaco,monospace,Tahoma,STXihei,"华文细黑",STHeiti,"Helvetica Neue","Droid Sans","wenquanyi micro hei",FreeSans,Arimo,Arial,SimSun,"宋体",Heiti,"黑体",sans-serif}.editormd *,.editormd :after,.editormd :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.editormd a{text-decoration:none}.editormd img{border:none;vertical-align:middle}.editormd .editormd-html-textarea,.editormd .editormd-markdown-textarea,.editormd>textarea{width:0;height:0;outline:0;resize:none}.editormd .editormd-html-textarea,.editormd .editormd-markdown-textarea{display:none}.editormd button,.editormd input[type=text],.editormd input[type=button],.editormd input[type=submit],.editormd select,.editormd textarea{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none}.editormd ::-webkit-scrollbar{height:10px;width:7px;background:rgba(0,0,0,.1)}.editormd ::-webkit-scrollbar:hover{background:rgba(0,0,0,.2)}.editormd ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px}.editormd ::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);-ms-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);-o-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);background-color:rgba(0,0,0,.4)}.editormd-user-unselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.editormd-toolbar{width:100%;min-height:37px;background:#fff;display:none;position:absolute;top:0;left:0;z-index:10;border-bottom:1px solid #ddd}.editormd-toolbar-container{padding:0 8px;min-height:35px;-o-user-select:none;user-select:none}.editormd-toolbar-container,.markdown-body .octicon{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.editormd-menu,.markdown-body ol,.markdown-body td,.markdown-body th,.markdown-body ul{padding:0}.editormd-menu{margin:0;list-style:none}.editormd-menu>li{margin:0;padding:5px 1px;display:inline-block;position:relative}.editormd-menu>li.divider{display:inline-block;text-indent:-9999px;margin:0 5px;height:65%;border-right:1px solid #ddd}.editormd-menu>li>a{outline:0;color:#666;display:inline-block;min-width:24px;font-size:16px;text-decoration:none;text-align:center;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:1px solid #fff;transition:all 300ms ease-out}.editormd-dropdown-menu>li>a:hover,.editormd-menu>li>a{-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out}.editormd-menu>li>a.active,.editormd-menu>li>a:hover{border:1px solid #ddd;background:#eee}.editormd-menu>li>a>.fa{text-align:center;display:block;padding:5px}.editormd-menu>li>a>.editormd-bold{padding:5px 2px;display:inline-block;font-weight:700}.editormd-menu>li:hover .editormd-dropdown-menu{display:block}.editormd-menu>li+li>a{margin-left:3px}.editormd-dropdown-menu{display:none;background:#fff;border:1px solid #ddd;width:148px;list-style:none;position:absolute;top:33px;left:0;z-index:100;-webkit-box-shadow:1px 2px 6px rgba(0,0,0,.15);-moz-box-shadow:1px 2px 6px rgba(0,0,0,.15);-ms-box-shadow:1px 2px 6px rgba(0,0,0,.15);-o-box-shadow:1px 2px 6px rgba(0,0,0,.15);box-shadow:1px 2px 6px rgba(0,0,0,.15)}.editormd-dropdown-menu:after,.editormd-dropdown-menu:before{width:0;height:0;display:block;content:"";position:absolute;top:-11px;left:8px;border:5px solid tran
|
|
|
|
|
|
|
|
|
|
|
|
/* 重置掉些样式 */
|
|
|
|
|
|
.tpi_content p, .tpi_content dl, .tpi_content ol, .tpi_content ul,
|
|
|
|
|
|
.tpi_content h1, .tpi_content h2, .tpi_content h3, .tpi_content h4, .tpi_content h5 {
|
|
|
|
|
|
margin-bottom: 0px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
|
|
|
|
|
|
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
|
|
|
|
|
*/
|
|
|
|
|
|
/* 这里包括了 markdown里的样式 如h4等等*/
|
|
|
|
|
|
@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot?v=4.3.0);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0)format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff2?v=4.3.0)format("woff2"),url(../fonts/fontawesome-webfont.woff?v=4.3.0)format("woff"),url(../fonts/fontawesome-webfont.ttf?v=4.3.0)format("truetype"),url(../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular)format("svg");font-weight:400;font-style:normal}.fa{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em}.fa-ul{padding-left:0;margin-left:2.14285714em}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{position:relative;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{con
|
|
|
|
|
|
pre.prettyprint{padding:5px;border:1px solid #ccc;white-space: pre-wrap !important;word-break: break-all;border-radius: 3px}
|
|
|
|
|
|
ol.linenums{margin-top:0;margin-bottom:0}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}.editormd-html-preview pre.prettyprint,.editormd-preview-container pre.prettyprint{padding:10px;border:0px solid #ddd;white-space:pre-wrap;word-wrap:break-word}.editormd-html-preview ol.linenums,.editormd-preview-container ol.linenums{color:#999;padding-left:2.5em}.editormd-html-preview ol.linenums li,.editormd-preview-container ol.linenums li{list-style-type:decimal}.editormd-html-preview ol.linenums li code,.editormd-preview-container ol.linenums li code{border:none;background:0 0;padding:0}.editormd-html-preview .editormd-toc-menu,.editormd-preview-container .editormd-toc-menu{margin:8px 0 12px;display:inline-block}.editormd-html-preview .editormd-toc-menu>.markdown-toc,.editormd-preview-container .editormd-toc-menu>.markdown-toc{position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;border:1px solid #ddd;display:inline-block;font-size:1em}.editormd-html-preview .editormd-toc-menu>.markdown-toc>ul,.editormd-preview-container .editormd-toc-menu>.markdown-toc>ul{width:160%;min-width:180px;position:absolute;left:-1px;top:-2px;z-index:100;padding:0 10px 10px;display:none;background:#fff;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 3px 5px rgba(0,0,0,.2);-moz-box-shadow:0 3px 5px rgba(0,0,0,.2);-ms-box-shadow:0 3px 5px rgba(0,0,0,.2);-o-box-shadow:0 3px 5px rgba(0,0,0,.2);box-shadow:0 3px 5px rgba(0,0,0,.2)}.editormd-html-preview .editormd-toc-menu>.markdown-toc>ul>li ul,.editormd-preview-container .editormd-toc-menu>.markdown-toc>ul>li ul{width:100%;min-width:180px;border:1px solid #ddd;display:none;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.editormd-html-preview .editormd-toc-menu .toc-menu-btn:hover,.editormd-html-preview .editormd-toc-menu>.markdown-toc>ul>li a:hover,.editormd-preview-container .editormd-toc-menu .toc-menu-btn:hover,.editormd-preview-container .editormd-toc-menu>.markdown-toc>ul>li a:hover{background-color:#f6f6f6}.editormd-html-preview .editormd-toc-menu>.markdown-toc>ul>li a,.editormd-preview-container .editormd-toc-menu>.markdown-toc>ul>li a{color:#666;padding:6px 10px;display:block;-webkit-transition:background-color 500ms ease-out;-moz-transition:background-color 500ms ease-out;transition:background-color 500ms ease-out}.editormd-html-preview .editormd-toc-menu>.markdown-toc li,.editormd-preview-container .editormd-toc-menu>.markdown-toc li{position:relative}.editormd-html-preview .editormd-toc-menu>.markdown-toc li>ul,.editormd-preview-container .editormd-toc-menu>.markdown-toc li>ul{position:absolute;top:32px;left:10%;display:none;-webkit-box-shadow:0 3px 5px rgba(0,0,0,.2);-moz-box-shadow:0 3px 5px rgba(0,0,0,.2);-ms-box-shadow:0 3px 5px rgba(0,0,0,.2);-o-box-shadow:0 3px 5px rgba(0,0,0,.2);box-shadow:0 3px 5px rgba(0,0,0,.2)}.editormd-html-preview .editormd-toc-menu>.markdown-toc li>ul:after,.editormd-html-preview .editormd-toc-menu>.markdown-toc li>ul:before,.editormd-preview-container .editormd-toc-menu>.markdown-toc li>ul:after,.editormd-preview-container .editormd-toc-menu>.markdown-toc li>ul:before{pointer-events:pointer-events;position:absolute;left:15px;top:-6px;display:block;content:"";width:0;height:0;border:6px solid transparent;border-width:0 6px 6px;z-index:10}.editormd-html-preview .editormd-toc-menu>.markdown-toc li>ul:before,.editormd-preview-container .editormd-toc-menu>.markdown-toc li>ul:before{border-bottom-color:#ccc}.editormd-html-preview .editormd-toc-menu>.markdown-toc li>ul:after,.editormd-preview-container .editormd-toc-menu>.markdown-toc li>ul:after{border-bottom-color:#fff;top:-5px}.editormd-html-preview .editormd-toc-menu ul,.editormd-preview-container .editormd-toc-menu ul{list-style:none}.editormd-html-preview .editormd-toc-menu a,.editormd-preview-container .editormd-toc-menu a{text-decoration:none}.editormd-html-pre
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-merge {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
white-space: pre;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-merge, .CodeMirror-merge .CodeMirror {
|
|
|
|
|
|
min-height:50px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-merge-2pane .CodeMirror-merge-pane { width: 48%; }
|
|
|
|
|
|
.CodeMirror-merge-2pane .CodeMirror-merge-gap { width: 4%; }
|
|
|
|
|
|
.CodeMirror-merge-3pane .CodeMirror-merge-pane { width: 31%; }
|
|
|
|
|
|
.CodeMirror-merge-3pane .CodeMirror-merge-gap { width: 3.5%; }
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-merge-pane {
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
white-space: normal;
|
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
|
}
|
|
|
|
|
|
.CodeMirror-merge-pane-rightmost {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
right: 0px;
|
|
|
|
|
|
z-index: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-merge-gap {
|
|
|
|
|
|
z-index: 2;
|
|
|
|
|
|
display: inline-block;
|
|
|
|
|
|
height: 100%;
|
|
|
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
background: #515151;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-merge-scrolllock-wrap {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
bottom: 0; left: 50%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.CodeMirror-merge-scrolllock {
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
left: -50%;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
color: #d8d8d8;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-merge-copybuttons-left, .CodeMirror-merge-copybuttons-right {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
left: 0; top: 0;
|
|
|
|
|
|
right: 0; bottom: 0;
|
|
|
|
|
|
line-height: 1;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-merge-copy {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
color: #ce374b;
|
|
|
|
|
|
z-index: 3;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-merge-copy-reverse {
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
color: #44c;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-merge-copybuttons-left .CodeMirror-merge-copy { left: 2px; }
|
|
|
|
|
|
.CodeMirror-merge-copybuttons-right .CodeMirror-merge-copy { right: 2px; }
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-merge-r-inserted, .CodeMirror-merge-l-inserted {
|
|
|
|
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12MwuCXy3+CWyH8GBgYGJgYkAABZbAQ9ELXurwAAAABJRU5ErkJggg==);
|
|
|
|
|
|
background-position: bottom left;
|
|
|
|
|
|
background-repeat: repeat-x;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-merge-r-deleted, .CodeMirror-merge-l-deleted {
|
|
|
|
|
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAGUlEQVQI12M4Kyb2/6yY2H8GBgYGJgYkAABURgPz6Ks7wQAAAABJRU5ErkJggg==);
|
|
|
|
|
|
background-position: bottom left;
|
|
|
|
|
|
background-repeat: repeat-x;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-merge-r-chunk { background: #9a6868; }
|
|
|
|
|
|
.CodeMirror-merge-r-chunk-start { /*border-top: 1px solid #ee8; */}
|
|
|
|
|
|
.CodeMirror-merge-r-chunk-end {/* border-bottom: 1px solid #ee8; */}
|
|
|
|
|
|
.CodeMirror-merge-r-connect { fill:#9a6868;}
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-merge-l-chunk { background: #eef; }
|
|
|
|
|
|
.CodeMirror-merge-l-chunk-start { border-top: 1px solid #88e; }
|
|
|
|
|
|
.CodeMirror-merge-l-chunk-end { border-bottom: 1px solid #88e; }
|
|
|
|
|
|
.CodeMirror-merge-l-connect { fill: #eef; stroke: #88e; stroke-width: 1px; }
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-merge-l-chunk.CodeMirror-merge-r-chunk { background: #dfd; }
|
|
|
|
|
|
.CodeMirror-merge-l-chunk-start.CodeMirror-merge-r-chunk-start { border-top: 1px solid #4e4; }
|
|
|
|
|
|
.CodeMirror-merge-l-chunk-end.CodeMirror-merge-r-chunk-end { border-bottom: 1px solid #4e4; }
|
|
|
|
|
|
|
|
|
|
|
|
.CodeMirror-merge-collapsed-widget:before {
|
|
|
|
|
|
content: "(...)";
|
|
|
|
|
|
}
|
|
|
|
|
|
.CodeMirror-merge-collapsed-widget {
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
color: #88b;
|
|
|
|
|
|
background: #eef;
|
|
|
|
|
|
border: 1px solid #ddf;
|
|
|
|
|
|
font-size: 90%;
|
|
|
|
|
|
padding: 0 3px;
|
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.CodeMirror-merge-collapsed-line .CodeMirror-gutter-elt { display: none; }
|
|
|
|
|
|
|
|
|
|
|
|
/* ！！覆盖之前的样式*/
|
|
|
|
|
|
.-header-right {
|
|
|
|
|
|
background: #1F2F3B;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.page--header {
|
|
|
|
|
|
background: #05101A;
|
|
|
|
|
|
left: 0px;
|
|
|
|
|
|
padding: 5px 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.page--body {
|
|
|
|
|
|
margin-top: 54px;
|
|
|
|
|
|
}
|
|
|
|
|
|
#myshixun_top {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
height: 54px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.yslflexhome {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
}
|
|
|
|
|
|
.yslflexhomes {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: row;
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.yslflexhomesysl1 {
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
#games_repository_contents,
|
|
|
|
|
|
.cm-s-railscasts .CodeMirror-gutters,
|
|
|
|
|
|
.split-panel--second {
|
|
|
|
|
|
background: #111C24;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.-task-ml80 {
|
|
|
|
|
|
margin-left: 0px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*edu-popup.css*/
|
|
|
|
|
|
/* 修改密ç æˆåŠŸå¼¹æ¡† */
|
|
|
|
|
|
.task-popup{ width: 30%;background: #fff; border:1px solid #e8e8e8; border-radius:3px; -webkit-box-shadow:0 0 10px #ccc; -moz-box-shadow:0 0 10px #ccc; box-shadow:0 0 10px #ccc;}
|
|
|
|
|
|
.task-popup-text-center{ text-align: center; color: #333;}
|
|
|
|
|
|
.task-popup-title{ border-bottom: 1px solid #eee; padding:10px 15px; }
|
|
|
|
|
|
.task-popup-content{ padding:15px;}
|
|
|
|
|
|
.task-popup-submit{ margin:0px auto 15px; width: 120px;}
|
|
|
|
|
|
.task-popup-sure{margin:0px auto 15px;width: 54px;}
|
|
|
|
|
|
.task-popup-right-sure{margin:0px auto 15px;text-align: center}
|
|
|
|
|
|
.task-popup-OK{ margin:15px auto; text-align: center}
|
|
|
|
|
|
.task-popup-bggrey{ background:#fff; color:#333;}
|
|
|
|
|
|
|
|
|
|
|
|
/************实è®å¼¹çª—****************/
|
|
|
|
|
|
.task-popup-warp{ width: 100%; height:100%; background:black; position:fixed;}
|
|
|
|
|
|
.task-popup-box{ position: relative; margin:150px auto 0px; }
|
|
|
|
|
|
.task-box1{ width:428px; height:420px;background:url(/images/task/task-success.png) 0px 0px no-repeat;}
|
|
|
|
|
|
.task-box2{ width:496px; height:373px;background:url(/images/task/task-success02.png) 0px 50px no-repeat;}
|
|
|
|
|
|
a.task-popup-close{ display: block; background:url(/images/task/task-close.png) 0px 0px no-repeat; width: 31px; height: 31px; position:absolute; right:5px; top:100px;}
|
|
|
|
|
|
a:hover.task-popup-close{background:url(/images/task/task-close.png) -40px 0px no-repeat; }
|
|
|
|
|
|
.task-su-con{ text-align: center; padding-top:285px;}
|
|
|
|
|
|
.task-su-p{ font-size: 20px; color:#ee4a1f; font-weight: bold;}
|
|
|
|
|
|
a.task-su-btn{display: block;background:url(/images/task/task-su-btn.png) 0px -64px no-repeat; width: 138px; height: 57px;color:#ee4a1f; line-height: 50px; text-align: center; font-size: 16px; margin:20px auto;}
|
|
|
|
|
|
a:hover.task-su-btn{background:url(/images/task/task-su-btn.png) 0px 0px no-repeat; }
|
|
|
|
|
|
a.task-su-btn-white{ display: inline-block; padding:8px 25px; border:1px solid #fff; color:#fff; text-align: center; border-radius:5px; font-size:14px;}
|
|
|
|
|
|
a:hover.task-su-btn-white{ color: #ee4a1f; border:1px solid #ee4a1f; }
|
|
|
|
|
|
|
|
|
|
|
|
/* 模æ¿å¼¹æ¡† 20170407byLB */
|
|
|
|
|
|
#task_popup_box{ background:#fff;padding-bottom:15px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5);}
|
|
|
|
|
|
.task_popup_top{background:#ccc;height:40px;-webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;-o-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;}
|
|
|
|
|
|
.task_popup_top h3{ font-size:14px; color:#333; line-height:40px; padding-left:10px; }
|
|
|
|
|
|
a.task_icons_close{width:20px; height:20px;display:block;background: url(../images/popup/sy_icons_close.png) 0 0px no-repeat; margin:8px 10px 0 0;}
|
|
|
|
|
|
a:hover.task_icons_close{background: url(../images/popup/sy_icons_close.png) -40px 0px no-repeat;}
|
|
|
|
|
|
.task_popup_con{ padding:20px;}
|
|
|
|
|
|
|
|
|
|
|
|
/*æ™ºèƒ½è¯¾å ‚å¼¹æ¡† 20170421byLB*/
|
|
|
|
|
|
.upload_select_box{ width: 410px; height:240px; overflow-y:auto; padding: 10px; background:#f7f9fd; color: #333; }
|
|
|
|
|
|
.upload_select_box li{ height: 30px; line-height:28px;}
|
|
|
|
|
|
.upload_select_box li div.mt5{ margin-top:0px;}
|
|
|
|
|
|
.upload_select_box li:hover{ background:#e4eaf6;}
|
|
|
|
|
|
.task-popup-submit02{ margin:15px auto; width:120px;}
|
|
|
|
|
|
.task-popup-submit03{ margin:15px auto; width:70px;}
|
|
|
|
|
|
.task-popup-submit04{ margin:15px auto; width:85px;}
|
|
|
|
|
|
/*æ™ºèƒ½è¯¾å ‚å¼¹æ¡†tab 20170428byLB*/
|
|
|
|
|
|
.newupload_conbox{ background: #fff; padding-bottom: 0;}
|
|
|
|
|
|
.newupload_navbox{border-bottom:1px solid #dbdbdb;}
|
|
|
|
|
|
.newupload_nav { height: 38px; line-height: 38px; background: #e7e7e7; }
|
|
|
|
|
|
.newupload_nav li {float:left; padding:0 15px; display: block; text-align:center; }
|
|
|
|
|
|
.newupload_nav li:last-child{ border-right: none;}
|
|
|
|
|
|
.newupload_nav li a{font-size:12px; color:#444;}
|
|
|
|
|
|
.newupload_nav_hover{ background: #3498db; }
|
|
|
|
|
|
.newupload_nav_nomal { }
|
|
|
|
|
|
.newupload_nav_hover a{color: #fff !important; }
|
|
|
|
|
|
|
|
|
|
|
|
.bor-reds{
|
|
|
|
|
|
border:1px solid #FF0000!important;
|
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
|
border-top-left-radius: 4px;
|
|
|
|
|
|
border-top-right-radius: 4px;
|
|
|
|
|
|
border-bottom-right-radius: 4px;
|
|
|
|
|
|
border-bottom-left-radius: 4px;
|
|
|
|
|
|
}
|
|
|
|
|
|
@charset "UTF-8";
|
|
|
|
|
|
|
|
|
|
|
|
/*!
|
|
|
|
|
|
* animate.css -http://daneden.me/animate
|
|
|
|
|
|
* Version - 3.6.0
|
|
|
|
|
|
* Licensed under the MIT license - http://opensource.org/licenses/MIT
|
|
|
|
|
|
*
|
|
|
|
|
|
* Copyright (c) 2018 Daniel Eden
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);t
|
