socialforge/public/stylesheets/syllabus.css

620 lines
18 KiB
CSS

/*课程大纲*/
input.syllabus_input{
border:none;
width:150px;
height:25px;
line-height:25px;
color:#333;
}
input.syllabus_input_min{
border:none;
width:30px;
height:25px;
line-height:25px;
color:#333;
}
.syllabus_select{
border:1px solid #ccc;
margin-left:5px;
}
.syllabus_leftinfo {
margin:10px 10px 0 10px;
width:220px;
}
.syllabus_leftinfo li{
line-height:25px;
}
.syllabus_leftinfo label{
display:block;
width:60px;
text-align:right;
float:left;
line-height:25px;
}
.syllabusbox{
position:relative;
width: 718px;
color: #4b4b4b;
padding:30px 15px;
margin-bottom: 10px;
background: #fff;
border: 1px solid #dddddd;
}
.sy_tab_con{
width:740px; padding:20px 20px 0 20px; position:relative;
}
.syllabuscon_title{
color:#000; text-align:center;
}
.syllabuscon_txt p{
font-size:14px;
line-height:1.9;
color:#000;
}
.syllabuscon_txt_title{
font-weight:bold;
margin:10px 0;
}
.syllabus_leftinfo p{
line-height:25px;
width:150px;
overflow:hidden;
white-space: nowrap;
text-overflow:ellipsis;
}
.syllabus_info_tishi{
font-size:16px;
width:400px;
margin:100px auto;
}
.syllabus_info_tishi a{
color:#3b94d6;
}
/*课程大纲-课程列表*/
.icon_course{ background: url(../images/syllabus/icons_syllabus.png) 0 -35px no-repeat; width:18px; height:15px; display:block;}
.icons_sy_open{background: url(../images/syllabus/icons_syllabus.png) 0 -53px no-repeat; width:20px; height:23px; display:block; cursor:pointer; }
.icons_sy_close{background: url(../images/syllabus/icons_syllabus.png) -26px -53px no-repeat; width:20px; height:23px; display:block; }
.syllabus_courses_box {position:relative;}
.icons_sy_setting{background: url(../images/syllabus/icons_syllabus.png) -51px -33px no-repeat; width:20px; height:20px; display:block; position:absolute; right:10px; top:10px; }
.icons_sy_setting:hover{background: url(../images/syllabus/icons_syllabus.png) -25px -33px no-repeat; }
.icons_sy_cir{background: url(../images/syllabus/icons_syllabus.png) 0px -82px no-repeat; width:15px; height:15px; display:block; position:absolute; left:-8px; top:25px;}
.icons_sy_arrow{background: url(../images/syllabus/icons_syllabus.png) -31px -81px no-repeat; width:20px; height:20px; display:block; }
.syllabus_h2_top{ font-size:18px; color:#333; font-weight:normal; padding:10px 15px;border-bottom:1px solid #e7e7e7; }
.syllabus_category{ padding:10px 15px; background-color:#f6f6f6; border-bottom:1px solid #e7e7e7;}
.syllabus_box{ width:750px; border:1px solid #e7e7e7; background-color:#fff;}
.syllabus_courses_list{ padding:15px; border-bottom:1px solid #e7e7e7; cursor:pointer;}
.syllabus_courses_list:hover{ background:#f6fafd;}
.syllabus_courses_title{ font-size:16px; color:#333; width:650px; font-weight:normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sy_p_grey{ margin-left:25px; color:#888; margin-top:5px; font-size:12px;}
.syllabus_class_box{ padding-left:43px; background:#f6f6f6;}
.syllabus_class_list{ padding:12px 0 12px 15px; height:44px;border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; position:relative;}
.syllabus_class_list:hover{ background:#ececec;}
.syllabus_class_list_more{padding:8px; text-align:center;border-left:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.syllabus_class_list_more:hover{ background:#ececec;}
.syllabus_class_list_more a{ color:#ff7e00;}
.syllabus_class_title{ font-size:14px; color:#333; max-width:480px; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.syllabus_class_w{ width:650px;}
/*新建页面*/
.name_input{ border:1px solid #64bdd9; height:16px; width:310px; background:#fff; margin-bottom:10px; padding:5px;}
.homepageSyllabusName {font-size:16px; color:#484848; float:left; max-width:120px;}
.syllabusTitleTextarea {resize:none; width:120px; margin-left: 10px; height:80px; max-width:120px; max-height:80px; border:1px solid #d9d9d9; outline:none; margin:0px 0px 12px 0px;}
/* */
/* 课程大纲头部 */
.sy_top{
background:#f5f5f5;
width: 100%;
height: 138px;
}
.sy_top_con{
background: url(../images/sy/bg_sy.jpg) no-repeat;
width: 1280px;
margin: 0 auto;
height: 108px;
text-align:center;
padding-top: 30px;
}
.sy_top_con h2{
font-size: 30px;
color: #cc3433;
font-weight:normal;
}
.sy_top_con p{
font-size: 18px;
color: #333;
}
/* 课程大纲tab */
.sy_content{
width: 1000px;
margin: 0 auto;
margin-top:12px;
}
.sy_con_l{
width: 785px;
border: 1px solid #e7e7e7;
background: #fff;
}
#sy_tab_nav {
border-bottom:1px solid #e7e7e7;
height:50px;
background: #f8f8f8;
}
#sy_tab_nav li {
float:left;
padding:0px 50px;
text-align:center;
height: 47px;
line-height: 47px;
}
#sy_tab_nav li a{
font-size:16px;
color: #333;
}
.sy_tab_hover {
border-top:3px solid #ee4a1f;
border-bottom:1px solid #fff;
background: #fff;
}
.sy_tab_nomal {
border-bottom:none;
}
/* 课程大纲 */
.icons_tishi{
width: 110px;
height: 110px;
margin: 135px auto 20px;
}
.sy_tab_con_p{
font-size: 16px;
text-align: center;
margin-bottom:100px;
color:#888;
}
.sy_classlist{
padding: 15px 15px;
border-bottom: 1px dashed #e6e6e6;
}
.sy_classlist_title{
font-size: 16px;
font-weight: normal;
margin-bottom: 5px;
max-width:600px;
overflow:hidden;
white-space: nowrap;
text-overflow:ellipsis;
}
.sy_classlist_title a:hover{ color:#333;}
.sy_con_r{
width:205px;
}
.sy_right_box{
border:1px solid #e7e7e7;
border-bottom:none;
background:#fff;
width:205px;
padding-bottom:15px;
}
.sy_right_title{
border-left:5px solid #ee4a1f;
height:30px;
line-height:30px;
font-size:16px;
padding-left:10px;
margin-top:5px;
}
.sy_info label{
width:70px;
text-align:right;
display:block;
float:left;
margin-right:5px;
}
.sy_info input,.sy_info select{
width:105px;
border:1px solid #e7e7e7;
margin-bottom:5px;
}
.sy_info select{
width:115px;
}
.sy_info li{
height:30px;
line-height:30px;
}
input.sy_info_input_min{
width:30px;
}
.sy_teachers_list{
margin:10px;
}
.sy_teachers_list li{
padding:10px 0;
}
.sy_teachers_img{
width:60px;
height:60px;
border:3px solid #e6e6e6;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-o-border-radius:50px;
border-radius:50px;
}
a.sy_teachers_name{
color: #000;
display:block;
width:95px;
font-size:16px;
margin:5px 0 10px;
}
a:hover.sy_teachers_name{
color: #ee4a1f;
}
.sy_teachers_span{
font-size:12px;
color:#fff;
width:150px;
padding:2px 5px;
background:#ffb400;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-o-border-radius:50px;
border-radius:50px;
}
/* 班级主页 */
.sy_class_infobox{
padding:15px;
background:#fff;
margin:12px auto 0;
width:968px;
border:1px solid #e5e5e5;
position: relative;
}
.sy_class_setting {
position:absolute;
width:20px;
height:20px;
right:10px;
top:10px;
}
.sy_class_setting ul li:hover ul {
display:block;
}
.sy_class_setting_icon {
background:url(../images/homepage_icon.png) -93px -5px no-repeat;
width:20px;
height:20px;
}
.sy_class_setting_text {
width:75px;
text-align: center;
line-height:2;
font-size:12px;
color:#616060;
background-color:#ffffff;
border:1px solid #eaeaea;
border-radius:3px;
position:absolute;
left:-60px;
top:20px;
padding:5px 0px;
display:none;
box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5);
}
.sy_class_setting_icon:hover {
background:url(../images/homepage_icon.png) -93px -44px no-repeat;
}
a.sy_class_option {
color:#616060;
display:block;
width:55px;
padding:0px 10px;
}
a.sy_class_option:hover {
color:#fff;
background-color:#3b94d6;
}
.sy_class_logo{
width:110px;
height:110px;
}
.sy_class_id{
width:108px;
height:78px;
border:1px solid #f1f1f1;
background:#fff;
text-align:center;
padding-top:30px;
}
.sy_class_id p{
font-size:16px;
color:#333;
}
.sy_class_title{
font-size: 18px;
font-weight: normal;
margin-bottom: 5px;
max-width:440px;
overflow:hidden;
white-space: nowrap;
text-overflow:ellipsis;
}
.icon_si{
display:block;
width:30px;
height:22px;
background:url(../images/sy/icons_sy.png) 0 -452px no-repeat;
color:#fff;
font-size:12px;
padding-left:10px;
line-height: 22px;
}
.hw_icon_private{
display:block;
width:30px;
height:22px;
background:url(../images/sy/icons_sy.png) 0 -458px no-repeat;
color:#fff;
font-size:12px;
padding-left:10px;
line-height: 22px;
}
.hw_icon_open{
display:block;
width:30px;
height:22px;
background:url(../images/sy/icons_sy.png) 0 -436px no-repeat;
color:#fff;
font-size:12px;
padding-left:10px;
line-height: 22px;
}
.sy_class_titbox{margin-bottom:5px; padding-top:10px; }
a.sy_btn_orange{
display:block;
border:1px solid #ee4a1f;
background:#fff url(../images/sy/icons_sy.png) 8px -548px no-repeat;
color:#ee4a1f;
text-align:center;
height:26px;
line-height:26px;
width:60px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
padding-left:20px;
}
a:hover.sy_btn_orange{
border:1px solid #fff;
background:#ee4a1f url(../images/sy/icons_sy.png) 8px -516px no-repeat;
color:#fff;
}
/* 班级主页左侧导航 */
.sy_class_leftnav{ width:240px;}
.accordion li > a {
display: block;
padding: 0 10px 0 40px;
height:45px;
line-height:49px;
color: #555;
font-size:14px;
background: #f8f8f8;
border:1px solid #e5e5e5;
border-bottom:none;
}
.accordion > li:hover > a{
color: #ee4a1f;
background: #fff;
}
.accordion > li:target > a,
.accordion > li > a.active {
color: #ee4a1f;
background: #fff;
border:1px solid #e5e5e5;
border-left:3px solid #ee4a1f;
border-bottom:none;
}
.accordion li{ position:relative;}
.accordion li > a span {
margin-top:15px;
font-size:12px;
padding: 0 10px;
background: #ccc;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin-left:10px;
color: #888;
}
.accordion > li:hover > a span,
.accordion > li:target > a span,
.accordion > li > a.active span {
margin-left:10px;
color: #888;
background: #ccc;
}
/* Images */
.accordion > li > a:before {
position: absolute;
top: 0;
left: 0;
content: '';
width: 24px;
height: 50px;
margin: 4px 8px;
background-repeat: no-repeat;
background-image: url(../images/sy/icons_sy.png);
background-position: 5px 13px;
}
.accordion li.sy_icons_index > a:before { background-position: 5px 13px; }
.accordion li.sy_icons_index:hover > a:before,
.accordion li.sy_icons_index:target > a:before,
.accordion li.sy_icons_index > a.active:before { background-position: -23px 13px; }
.accordion li.sy_icons_boards > a:before { background-position: 5px -23px; }
.accordion li.sy_icons_boards:hover > a:before,
.accordion li.sy_icons_boards:target > a:before,
.accordion li.sy_icons_boards > a.active:before { background-position: -23px -23px; }
.accordion li.sy_icons_more > a:before { background-position: 5px -60px; }
.accordion li.sy_icons_more:hover > a:before,
.accordion li.sy_icons_more:target > a:before,
.accordion li.sy_icons_more > a.active:before { background-position: -23px -60px; }
.accordion li.sy_icons_hwork > a:before { background-position: 5px -100px; }
.accordion li.sy_icons_hwork:hover > a:before,
.accordion li.sy_icons_hwork:target > a:before,
.accordion li.sy_icons_hwork > a.active:before { background-position: -23px -100px; }
.accordion li.sy_icons_news > a:before { background-position: 5px -134px; }
.accordion li.sy_icons_news:hover > a:before,
.accordion li.sy_icons_news:target > a:before,
.accordion li.sy_icons_news > a.active:before { background-position: -23px -134px; }
.accordion li.sy_icons_files > a:before { background-position: 5px -172px; }
.accordion li.sy_icons_files:hover > a:before,
.accordion li.sy_icons_files:target > a:before,
.accordion li.sy_icons_files > a.active:before { background-position: -23px -172px; }
.accordion li.sy_icons_feedback > a:before { background-position: 5px -214px; }
.accordion li.sy_icons_feedback:hover > a:before,
.accordion li.sy_icons_feedback:target > a:before,
.accordion li.sy_icons_feedback > a.active:before { background-position: -23px -214px;}
.accordion li.sy_icons_poll > a:before { background-position: 5px -251px; }
.accordion li.sy_icons_poll:hover > a:before,
.accordion li.sy_icons_poll:target > a:before,
.accordion li.sy_icons_poll > a.active:before { background-position: -23px -251px; }
.accordion li.sy_icons_exercise > a:before { background-position: 5px -290px; }
.accordion li.sy_icons_exercise:hover > a:before,
.accordion li.sy_icons_exercise:target > a:before,
.accordion li.ssy_icons_exercise > a.active:before { background-position: -23px -290px; }
.accordion li.sy_icons_st > a:before { background-position: 5px -330px; }
.accordion li.sy_icons_st:hover > a:before,
.accordion li.sy_icons_st:target > a:before,
.accordion li.sy_icons_st > a.active:before { background-position: -23px -330px; }
/* Sub Menu */
.sub-menu li a {
color: #797979;
background: #f8f8f8;
height:39px;
line-height:39px;
font-size:14px;
}
.sub-menu li:last-child a {}
.accordion li > .sub-menu {
display: none;
}
.accordion li:target > .sub-menu {
display: block;
}
.accordion > li > a.sy_class_add:before{background-image:none;}
.accordion > li > a.sy_class_add {
padding:0;
border:none;
display:block;
position: absolute;
top:15px;
right:10px;
width:20px;
height:20px;
background: url(../images/sy/icons_sy.png) 0px -487px no-repeat;
}
.sub-menu > li > a.sy_class_add {
padding:0;
border:none;
display:block;
position: absolute;
top:15px;
right:10px;
width:20px;
height:20px;
background: url(../images/sy/icons_sy.png) 0px -487px no-repeat;
}
.accordion li .sy_class_add:hover {
background: url(../images/sy/icons_sy.png) -32px -487px no-repeat;
padding:0;
border:none;
}
.sy_class_leftbox{ width:208px; background: #fff; border: 1px solid #e5e5e5; border-bottom: none; padding:10px 15px;}
.sy_class_users{ width:50px; margin:0 15px 10px 4px; }
.sy_class_users span{ display:block; height:20px;width:50px; overflow:hidden;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sy_class_users img{
width:40px;
height:40px;
margin:5px 0;
border: 3px solid #fff;
-webkit-border-radius:50px;
-moz-border-radius:50px;
-o-border-radius:50px;
border-radius:50px;
}
.sy_class_users img:hover{border: 3px solid #e6e6e6;}
.sy_class_leftbox h3{
height:30px;
line-height:30px;
font-size:14px;
font-weight:normal;
}
.sy_sq_orange{ display: block;width: 15px; height: 15px; background:#f79981; color: #fff; text-align:center; line-height: 15px;}
a.sy_class_ltitle{display: block; font-size: 14px; width: 185px; color:#888; }
a:hover.sy_class_ltitle{ color:#333;}
.sy_cir_grey{
font-size:12px;
padding: 0 10px;
background: #dbdbdb;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
color: #888;
}
.sy_class_lclass li{ padding:10px 0; border-bottom: 1px dashed #ebebeb;}
.sy_class_lclass li:last-child { border-bottom:none;}
.sy_class_r{ width: 748px; background: #fff; border: 1px solid #e5e5e5;}
/* 题库tab */
.hw_content{ width: 998px; margin: 0 auto; background:#fff; border:1px solid #e1e1e1; position:relative; }
#hw_tab_nav {border-bottom:1px solid #e7e7e7;height:50px;background: #f8f8f8; }
#hw_tab_nav li {float:left; padding:0px 50px;text-align:center;height: 47px;line-height: 47px; }
#hw_tab_nav li a{font-size:16px;}
.hw_tab_hover {border-top:3px solid #60b25e;border-bottom:1px solid #fff; background: #fff;}
.hw_tab_hover a{ color:#60b25e !important; }
.hw_tab_nomal {border-bottom:none; }
.hw_tab_nomal a{ color:#333;}
.undis {display:none;}
.dis {display:block;}
.hw_more_box {position:absolute; width:24px; height:15px; right:15px; top:15px;}
.hw_more_box ul li:hover ul {display:block; }
.hw_more_icons {background:url(../images/hw/icons_hw.png) 0px -30px no-repeat; width:24px; height:15px; }
.hw_more_icons:hover {background:url(../images/hw/icons_hw.png) -40px -30px no-repeat;}
.hw_more_txt {width:75px; font-size:12px; color:#616060; background-color:#fff; border:1px solid #eaeaea; border-radius:3px; position:absolute; left:-40px; top:15px; padding:5px 0px; display:none; box-shadow: 0px 0px 8px rgba(146, 153, 169, 0.5); z-index:1000;}
.hw_more_txt li a.hw_more_li {font-size:12px;color:#888; display:block; width:75px;height:24px;line-height:24px;text-align:center; }
.hw_more_txt li a.hw_more_li:hover {background-color:#f0f0f0;}
.hw_search_box{ position:relative; }
.hw_search_box input.hw_search-input{ width:293px; height:28px; border:none; border:1px solid #e7e7e7; background:#fff; padding-left:5px;}
.hw_search_box span.hw_btn_search{display:block; width:20px; height:20px; background:url(../images/hw/icons_hw.png) 0 -57px no-repeat; position:absolute; right:5px; top:15px;}
/*.hw_search_box a:hover.hw_btn_search{background:url(../images/hw/icons_hw.png) -40px -57px no-repeat;}*/
.hw_files_icon{display:block; width:17px; height:14px; background:url(../images/hw/icons_hw.png) 0 -135px no-repeat;}
.hw_list_classname{ width:300px; overflow:hidden; display:block;overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.hw_list_teachername{ width:80px; overflow:hidden; display:block;overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
/* 测试集显示 */
.hw_popup_testtable{background:#fff; color:#888888; margin:10px 0; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;}
.hw_popup_testtable tr td{ width:47%; padding:10px; color:#888; border-left:1px solid #e7e7e7; border-top:1px solid #e7e7e7; }
.hw_popup_testtable tr td.test_td_min{ width:5%; color:#888;}
.hw_popup_testtable tr td.test_td_title{ text-align:center; color:#888888;}
/* 我的作业 */
.hw_classname{ width:180px; overflow:hidden; display:block;overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.hw_tab_top{ height: 50px; line-height: 50px; padding-left: 15px; border-bottom:1px solid #ddd; border-left:3px solid #3b94d6; }