333 lines
16 KiB
CSS
333 lines
16 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0; padding:0;}
|
|
body,table,input,textarea,select,button { font-family: "微软雅黑","宋体"; font-size:12px;line-height:1.5; background:#fff;}
|
|
div,img,tr,td,table{ border:0;}
|
|
table,tr,td{border:0;cellspacing:0; cellpadding:0;}
|
|
ol,ul,li{ list-style-type:none}
|
|
a:link,a:visited{color:#000;text-decoration:none;}
|
|
a:hover{color:#29156f;}
|
|
|
|
.fl{ float:left;}
|
|
.fr{ float:right;}
|
|
.cl{ clear:both;overflow:hidden;}
|
|
.mr40{ margin-right:40px;}
|
|
.mr30{ margin-right:30px;}
|
|
.mb20{ margin-bottom:20px;}
|
|
.mb70{ margin-bottom:70px;}
|
|
.bg-grey{ background:#f2f2f2;}
|
|
|
|
/** header **/
|
|
.header{ width:100%; height:60px; padding:5px 0 0px; }
|
|
.header-con{ width:1200px; margin:0 auto; }
|
|
.logo{ position:relative; }
|
|
.logo-img{ height:52px; }
|
|
.login{ margin-top:15px;}
|
|
.login a{ color:#000; font-size:14px; margin-top:10px; }
|
|
.logo-add{ display:block; top:3px; left:0px; position:absolute; width:20px; height:20px;background:url(../images/org_new_style/icons.png) -7px -573px no-repeat;}
|
|
|
|
|
|
/*.header{ width:100%; height:60px; background:#29146f; padding:5px 0 0px; }*/
|
|
/*.header-con{ width:1200px; margin:0 auto;}*/
|
|
/*.logo,.logo img{ display:block; height:52px; }*/
|
|
/*a.login{ background:url(../images/org_new_style/icons.png) -7px -11px no-repeat; width:146px; height:55px; margin-right:40px; margin-top:11px;}*/
|
|
/*a:hover.login{ background:url(../images/org_new_style/icons.png) -7px -88px no-repeat; }*/
|
|
/*a.register{ background:url(../images/org_new_style/icons.png) -190px -11px no-repeat; width:158px; height:55px; ;margin-top:11px;}*/
|
|
/*a:hover.register{ background:url(../images/org_new_style/icons.png) -190px -88px no-repeat; }*/
|
|
/*.login{ margin-top:15px;}*/
|
|
/*.login a{ color:#fff; font-size:14px; margin-top:10px; }*/
|
|
/** nav **/
|
|
.nav-box{ width:100%; padding:0px 0 5px; background:#eeeeee;}
|
|
.nav-con{width:1200px; margin:0 auto; background:#eee;}
|
|
.nav{ }
|
|
.nav a{ display:block; padding:15px 10px; font-size:18px; color:#666666; background:#eee; border-top:3px solid #eee; margin-right:20px; }
|
|
a.navact{border-top:3px solid #ffbd18;}
|
|
.nav a:hover{border-top:3px solid #ffbd18;}
|
|
|
|
/*.nav-box{ width:1200px; height:60px; margin:0 auto;}*/
|
|
/*.nav a{ display:block; padding:15px 10px; font-size:18px; color:#000; margin-right:20px; }*/
|
|
/*.navact{border-bottom:3px solid #ffbd18;}*/
|
|
/*.nav a:hover{border-bottom:3px solid #ffbd18;}*/
|
|
/*.searchbox{ width:338px; height:57px; border:1px solid #ccc; -webkit-border-radius: 3px;border-radius: 3px; margin:10px 0px 0 0;}*/
|
|
/*.search-input{width:270px; height:40px; color:#bebebe; font-size:18px; border:1px solid #ccc; -webkit-border-radius: 3px;border-radius: 3px;border:0px; background:none; margin:10px 0 0 20px;}*/
|
|
/*.search-input:hover{ border:none;color:#fff; }*/
|
|
/*a.search-icon{ background:url(../images/org_new_style/icons.png) -387px -11px no-repeat; width:40px; height:40px; margin-top:8px;}*/
|
|
/*a:hover.search-icon{ background:url(../images/org_new_style/icons.png) -387px -89px no-repeat;}*/
|
|
/*.searchbox:hover{ background:#999999; color:#fff;}*/
|
|
|
|
/* banner */
|
|
.banner{ width:100%; height:304px; color:#fff; text-align:center; line-height:2.4;position:relative;}
|
|
.banner-inner{ width:100%; margin:0 auto; text-align:center;}
|
|
.banner-img{ height:313px;}
|
|
.banner-txt{position:absolute; top:25%; left:35%; width:500px; padding:30px 0; margin:0 auto; background-color:rgba(255,255,255,.3); }
|
|
.banner-add{ display:block; position:absolute; top:10%; left:20%;width:27px; height:27px; background:url(../images/org_new_style/icons.png) -39px -570px no-repeat;}
|
|
.banner h1{ font-size:42px;}
|
|
.banner p{font-size:40px; color:#fff;}
|
|
|
|
/*.banner{ width:100%; height:304px; background:#070317; color:#fff; text-align:center; line-height:2.4;}*/
|
|
/*.banner-inner{ width:1500px; margin:0 auto; position:relative; text-align:center;}*/
|
|
/*.banner-img{ height:304px;}*/
|
|
/*.banner-txt{position:absolute; top:30%; left:0%; width:1500px; margin:0 auto;}*/
|
|
/*.banner h1{ font-size:42px;}*/
|
|
/*.banner a{font-size:28px; color:#fff;}*/
|
|
/*.banner a:hover{ text-decoration:underline;}*/
|
|
/*.banner p{ font-size:18px;}*/
|
|
/*.banner span{ font-size:16px;}*/
|
|
|
|
/** box1 **/
|
|
.box1{ width:100%; padding:60px 0;}
|
|
.content{ width:1200px; margin:0 auto;}
|
|
.box-top{ margin:0 auto; text-align:center; margin-bottom:45px; }
|
|
.box-title{ width:355px; height:67px; margin:0 auto; border-top:1px solid #ccc; border-bottom:1px solid #ccc; color:#000; text-align:center; font-size:40px; font-weight: lighter; margin-bottom:2px;}
|
|
.box-title-p{ font-size:20px; color:#999999;}
|
|
.row{ width:1200px; margin: 0 auto; }
|
|
.row-box1{ width:365px;}
|
|
.row-img{ margin-bottom:10px; width:365px; height:230px; display:block;}
|
|
.row-time{ color:#ffbd18; font-size:14px; font-weight:bold; line-height:1.9;}
|
|
.row-title{ font-size:16px; font-weight:bold; line-height:1.9;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
|
.row-con { display:block; }
|
|
.row-con:hover{ color:#29156f; }
|
|
.row-txt{line-height:2.4; padding-bottom:10px; margin-bottom:10px; color:#888;}
|
|
.row-txt:hover{color:#29156f;}
|
|
.row-txt-line{border-bottom:1px solid #cccccc; width:365px;}
|
|
.row-box2{ width:388px; border:1px solid #ccc; border-bottom:none;}
|
|
.row-con2 a{ display:block;padding:20px 10px; border-bottom:1px solid #ccc;}
|
|
.row-con2 a:hover{ background:#29156f; color:#fff;}
|
|
.row-con2 a:hover{ color:#fff;}
|
|
.row-txt2{line-height:2.4; color:#888;}
|
|
.row-txt2:hover{ color:#fff; }
|
|
|
|
/*.box1{ width:100%; padding:60px 0;}*/
|
|
/*.content{ width:1200px; margin:0 auto;}*/
|
|
/*.box-top{ margin:0 auto; text-align:center; margin-bottom:45px; }*/
|
|
/*.box-title{ width:355px; height:67px; margin:0 auto; background:#29156f; color:#fff; text-align:center; font-size:40px; font-weight: lighter; margin-bottom:2px;}*/
|
|
/*.box-title-p{ font-size:20px; color:#999999;}*/
|
|
/*.row{ width:1200px; margin: 0 auto; }*/
|
|
/*.row-box1{ width:365px;}*/
|
|
/*.row-img{ margin-bottom:10px; width:365px; height:230px; display:block;}*/
|
|
/*.row-time{ color:#ffbd18; font-size:14px; font-weight:bold; line-height:1.9;}*/
|
|
/*.row-title{ font-size:16px; font-weight:bold; line-height:1.9;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}*/
|
|
/*.row-con { display:block; }*/
|
|
/*.row-con:hover{ color:#29156f; }*/
|
|
/*.row-txt{line-height:2.4; padding-bottom:10px; margin-bottom:10px; color:#888;}*/
|
|
/*.row-txt:hover{color:#29156f;}*/
|
|
/*.row-txt-line{border-bottom:1px solid #cccccc; width:365px;}*/
|
|
/*a.btn-more{ display:block; font-size:14px; width:110px; height:40px; -webkit-border-radius: 3px;border-radius: 3px;background:#ffbd18; color:#fff; text-align:center; line-height:3.0;}*/
|
|
/*a:hover.btn-more{ background:#29156f;}*/
|
|
/*.row-box2{ width:388px; border:1px solid #ccc; border-bottom:none;}*/
|
|
/*.row-con2 a{ display:block;padding:20px 10px; border-bottom:1px solid #ccc;}*/
|
|
/*.row-con2 a:hover{ background:#29156f; color:#fff;}*/
|
|
/*.row-con2 a:hover{ color:#fff;}*/
|
|
/*.row-txt2{line-height:2.4; color:#888;}*/
|
|
/*.row-txt2:hover{ color:#fff; }*/
|
|
|
|
/** 活动专区 **/
|
|
.con-left{ width:618px;}
|
|
.con-left-box{ margin-bottom:20px; height:96px; display:block;}
|
|
.con-left-img{ width:175px; height:96px;}
|
|
.con-left-txt{ width:360px; margin-left:15px; font-size:14px; color:#888; padding-top:8px; line-height:1.9; height:75px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
|
|
-webkit-line-clamp:3;-webkit-box-orient:vertical;}
|
|
.con-left-txt:hover{color:#29156f;}
|
|
.con-left-pre{ margin-top:15px; }
|
|
a.con-back-btn{ display: block;width:25px;height:25px;background:url(../images/org_new_style/icons.png) no-repeat -38px -505px ;}
|
|
a.con-arrow-btn{ display: block;width:25px;height:25px;background:url(../images/org_new_style/icons.png) no-repeat -12px -505px ; opacity:.5;}
|
|
.con-right{ width:532px; height:170px; background:#f6f6f6 ; padding:25px;}
|
|
.con-right p{background: url(../images/org_new_style/con-right.gif) no-repeat 0 0;line-height:1.9; width:415px; padding:40px 0 0 20px; font-size:14px; color:#888; margin-left:20px;}
|
|
.con-r-img img{ border:3px solid #e6473b; -moz-border-radius: 50px; -webkit-border-radius: 50px;border-radius: 50px; display:block; width:67px; height:67px;}
|
|
.con-r-img img:hover{border:3px solid #29156f;}
|
|
.con-name{ font-size:18px; font-weight:bold; margin-top:5px;}
|
|
.con-r-img { text-align:center;}
|
|
.con-r-pre{ margin-top:20px;}
|
|
a.pre-arrow,a.pre-back{ display:block; width:25px; height:10px; background:#29156f; margin-left:5px;}
|
|
a.pre-back{ background:#888;}
|
|
/** footer **/
|
|
.footer{ height:150px; background:#bbb; width:100%;}
|
|
.footer-con{ width:1200px; padding:30px 0 0 60px; margin:0 auto; text-align:center; font-size:14px; color:#fff;}
|
|
.footer-con ul{ display:block; width:430px; height:50px; margin:0 auto; }
|
|
.footer-con ul li a{font-size:18px; color:#fff; margin-right:35px; font-weight:bold;}
|
|
/** download **/
|
|
.row-ziyuan{ width:570px; border-bottom:1px solid #e6e6e6; padding:15px 0;margin: 0px 15px;}
|
|
.ziyuan-box{ width:420px; margin-right:20px;}
|
|
.ziyuan-box span{ margin-right:5px;}
|
|
.ziyuan-title{ display:block; width:420px; font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
|
.ziyuan-box p{display:block; width:420px; color:#888; font-size:12px; line-height:2.5;}
|
|
a.download-btn{ display:block; border:1px solid #ccc; margin-top:10px; font-size:14px; width:70px; height:27px;-webkit-border-radius: 3px;border-radius:3px;color:#888; text-align:center; line-height:1.9;}
|
|
a:hover.download-btn{ background:#29146f; color:#fff; border:none;}
|
|
.user-img,.user-img img{ margin-right:10px; -moz-border-radius: 50px; -webkit-border-radius: 50px;border-radius: 50px; display:block; width:40px; height:40px;}
|
|
.ml60{ margin-left:60px;}
|
|
.user-img img{border:2px solid #e6473b; }
|
|
.user-img img:hover{border:2px solid #29156f;}
|
|
|
|
|
|
.article-lwrap{ width:760px; border-bottom:1px solid #E4E4E4; padding:10px 0;}
|
|
.item-txt{ width:555px;}
|
|
.item-img,.item-img img{ width:180px; height:120px;}
|
|
.item-title{ display:block; width:555px; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:5px;}
|
|
.item-bd{ width:555px; font-size:14px !important; color:#888; line-height:1.9; height:55px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;
|
|
-webkit-line-clamp:2;-webkit-box-orient:vertical; }
|
|
.item-bd:hover{color:#29156f;}
|
|
a.read-more{ color:red;}
|
|
a:hover.read-more{ text-decoration:underline;}
|
|
.publisher-hd,.publisher-hd img{ margin-right:10px; -moz-border-radius: 50px; -webkit-border-radius: 50px;border-radius: 50px; display:block; width:28px; height:28px;}
|
|
.left-info li,left-info li a{ float:left;}
|
|
.item-btm,.publisher-name,.pass-time{ margin-top:5px;}
|
|
.pass-time{ margin-left:20px; color:#888;}
|
|
.right-info{background:url(../images/org_new_style/icons.png) no-repeat -41px -541px ; width:15px; height:16px; padding-left:20px; color:#888; margin-top:5px;}
|
|
.nopic{ width:760px;}
|
|
.article-lwrap{ width:760px; border-bottom:1px solid #E4E4E4; padding:20px 0;}
|
|
.item-title-r{ display:block; width:400px; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
|
.article-rwrap{ width:400px; border-bottom:1px dashed #E4E4E4; padding:12px 0;}
|
|
|
|
.course-list ul{ }
|
|
.course-list ul li{ display:block; width:370px; float:left; margin:0 15px;}
|
|
.course-list h5{display:block; width:380px; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
|
|
.course-list-img,.course-list-img img{ width:370px; height:220px; margin-bottom:10px;}
|
|
|
|
/*用户图像*/
|
|
.topnav_login_list{ border:1px solid #eaeaea; background:#fff; padding-left:10px; padding-bottom:10px; padding-top:8px; width:60px; left:-7px; position:absolute; z-index:9999; line-height:2; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); margin-top: 1px;}
|
|
.topnav_login_list a{color:#269ac9;}
|
|
.topnav_login_list li{ }
|
|
.homepageProfileMenuIcon {background:url(../images/nav_icon.png) 30px -155px no-repeat; width:65px; height:54px; position:relative; display:inline-block; line-height:0;}
|
|
.homepageLeft {width:240px; float:left; margin-right:10px; margin-bottom:10px;}
|
|
.none {display: none;}
|
|
|
|
|
|
/** backtop **/
|
|
.cd-top {
|
|
display: inline-block;
|
|
height: 60px;
|
|
width: 60px;
|
|
position: fixed;
|
|
bottom: 40px;
|
|
right: 10px;
|
|
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
|
|
/* image replacement properties */
|
|
overflow: hidden;
|
|
text-indent: 100%;
|
|
white-space: nowrap;
|
|
background: rgba(108, 108, 108, 0.8) url(../images/org_new_style/cd-top-arrow.svg) no-repeat center 50%;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
-webkit-transition: all 0.3s;
|
|
-moz-transition: all 0.3s;
|
|
transition: all 0.3s;
|
|
}
|
|
.cd-top.cd-is-visible {
|
|
/* the button becomes visible */
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
.cd-top.cd-fade-out {
|
|
/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
|
|
opacity: .5;
|
|
}
|
|
.no-touch .cd-top:hover {
|
|
background-color: #29156f;
|
|
opacity: 1;
|
|
}
|
|
|
|
a.more-btn-center{ display:block; border:1px solid #ccc; color:#000; margin-top:10px; width:120px; height:38px;font-size:14px; -webkit-border-radius: 25px;border-radius:25px;text-align:center; line-height:38px; margin:0 auto; margin-top:30px;}
|
|
a:hover.more-btn-center{ background:#aaa; color:#fff;}
|
|
.mt30{ margin-top:30px;}
|
|
|
|
/*a.more-btn{ display:block; background:#ccc; color:#fff; margin-top:10px; width:100px; height:38px;font-size:14px; -webkit-border-radius: 5px;border-radius:5px;text-align:center; line-height:38px;}*/
|
|
/*a.more-btn{ display:block; border:1px solid #ccc; color:#000; margin-top:10px; width:120px; height:38px;font-size:14px; -webkit-border-radius: 25px;border-radius:25px;text-align:center; line-height:38px; margin:0 auto; margin-top:30px;}*/
|
|
/*a.more-btn-center{ display:block; border:1px solid #ccc; color:#000; margin-top:10px; width:120px; height:38px;font-size:14px; -webkit-border-radius: 25px;border-radius:25px;text-align:center; line-height:38px; margin:0 auto; margin-top:30px;}*/
|
|
/*a:hover.more-btn{ background:#29146f; color:#fff;}*/
|
|
/*a:hover.more-btn-center{ background:#29146f; color:#fff;}*/
|
|
/*.mt30{ margin-top:30px;}*/
|
|
|
|
.nocontent{ font-size:30px; color:#888; margin:150px auto; text-align:center;}
|
|
|
|
/** 帖子列表模式 **/
|
|
.note-box{ width:515px; }
|
|
.note-box span{ margin-right:5px;}
|
|
.note-title{ display:block; width:515px; font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
|
|
.note-box p{display:block; width:515px; color:#888; font-size:12px; line-height:2.5;}
|
|
.right-info2{background:url(../images/org_new_style/icons.png) no-repeat -41px -540px ; width:15px; line-height:1.9; height:16px; padding-left:20px; color:#888; margin-top:5px;}
|
|
|
|
.upload_con h2 {
|
|
display: block;
|
|
background: #eaeaea;
|
|
font-size: 14px;
|
|
color: #343333;
|
|
height: 31px;
|
|
width: auto;
|
|
margin-top: 25px;
|
|
padding-left: 20px;
|
|
padding-top: 5px;
|
|
}
|
|
a.blue_btn {
|
|
background: #64bdd9;
|
|
color: #fff;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
padding: 2px 8px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
a.grey_btn {
|
|
background: #d9d9d9;
|
|
color: #656565;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
margin-left: 10px;
|
|
margin-bottom: 10px;
|
|
padding: 2px 10px;
|
|
}
|
|
span.add_attachment {
|
|
font-size: 80%;
|
|
line-height: 2.5em;
|
|
}
|
|
.c_dark {
|
|
color: #2d2d2d;
|
|
}
|
|
.upload_filename {
|
|
background: url(../images/pic_file.png) 0 -20px no-repeat;
|
|
color: #7f7f7f;
|
|
width: 270px;
|
|
border: none;
|
|
padding-left: 20px;
|
|
margin-right: 10px;
|
|
margin-bottom: 5px;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.profiler-results.profiler-left {
|
|
left: 0px;
|
|
}
|
|
.profiler-results {
|
|
z-index: 2147483643;
|
|
position: fixed;
|
|
top: 0px;
|
|
}
|
|
|
|
.filename { background: url(../images/pic_file.png) 0 -25px no-repeat;color: #3ca5c6;max-width: 150px;border: none; padding-left: 20px;margin-right: 10px;margin-bottom: 5px; white-space: nowrap; text-overflow:ellipsis;}
|
|
.ajax-waiting input.upload_filename {background:url(../images/hourglass.png) no-repeat 0px 50%;}
|
|
.ajax-loading input.upload_filename {background:url(../images/loading.gif) no-repeat 0px 50%;}
|
|
div.ui-progressbar { width: 100px; height:14px; margin: 2px 0 -5px 8px; display: inline-block; }
|
|
.upload_filename{ background: url(../images/pic_file.png) 0 -20px no-repeat;color: #7f7f7f;width: 270px;border: none; padding-left: 20px;margin-right: 10px;margin-bottom: 5px; white-space: nowrap; text-overflow:ellipsis;}
|
|
.evaluation{position: relative;}
|
|
.evaluation_submit{position: absolute;right: 0px;bottom: 0px;}
|
|
.student_work_search{background-color: #64bdd9;color: white !important;padding: 2px 7px;margin-left: 10px;cursor: pointer; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|