socialforge/public/stylesheets/syllabus.css

614 lines
18 KiB
CSS

/****标签(和资源库的tag样式一致)***/
.project_Label{ width:218px; padding:10px; background:#fff; margin-top:10px; padding-top:5px; margin-bottom:10px; border:1px solid #dddddd;}
.project_Label_New {width:218px; padding-left:10px; background:#fff; margin-top:15px; margin-bottom:10px;}
a.yellowBtn{ display:inline-block;color:#0d90c3; height:22px;}
.submit{height:21px;border:0; cursor:pointer; background:url(../images/btn.png) no-repeat 0 0;width:42px; margin-top:2px; margin-left:3px; }
.isTxt{background:#fbfbfb url(../images/inputBg.png) repeat-x left top;height:22px;line-height:22px;border:1px solid #c1c1c1;padding:0 5px;color:#666666;}
.re_tag{ width: auto; padding:0 5px; padding-top:2px; border:1px solid #f8df8c; background:#fffce6; margin-right:5px; }
.re_tag a{ color:#0d90c3;}
.tag_h{ }
.tag_h span,.tag_h a{ margin-bottom:5px;}
/*信息*/
.project_info{ background:#fff; padding:10px 8px; width:222px; margin-bottom:10px; border:1px solid #dddddd;}
.pr_info_id{ width:130px; color:#5a5a5a; font-size:14px; margin-top:5px;}
.pr_info_logo{ border:1px solid #eaeaea; width:60px; height:60px; padding:1px;}
.pr_info_logo:hover{ border:1px solid #297fb8; }
/*课程大纲*/
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; width:500px; margin-bottom:3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.syllabus_class_w{ width:650px;}
.dis {display:block;}
.undis {display:none;}
/*班级列表界面(用的博客列表的样式)*/
.listbox{ width:730px; background-color:#fff; border:1px solid #ddd; padding:10px; }
.bloglistbox{ min-height:690px;}
.list-h2{ font-size:16px; font-weight:bold; color:#000; padding-bottom:5px;}
.category2{ }
.list_title{padding:10px 0; border-bottom:1px solid #ddd;}
.category2 a,.category2 span{ float:left; margin-right:5px;}
.grayTxt{ color:#9093a6;}
.sortTxt{ color:#000;}
.sortTxt:hover{ color:#28be6c;}
a.sortupbtn{ background: url(../images/syllabus/icons_syllabus.png) 0 3px no-repeat; width:12px; height:17px; display:block; margin-right:10px; cursor:pointer;}
a.sortdownbtn{ background: url(../images/syllabus/icons_syllabus.png) 0 -12px no-repeat; width:12px; height:17px; display:block;cursor:pointer; }
a.sort_no{ background: url(../images/syllabus/icons_syllabus.png) -16px -12px no-repeat; width:12px; height:17px; display:block;cursor:pointer; }
.item_list{ display:block; width:5px; height:5px;-webkit-border-radius: 25px;border-radius:25px; background-color:#adadad; margin:10px 10px 0 0;}
a.list-title{ font-size:14px; font-weight: bold; color:#000;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
a:hover.list-title{ color:#269ac9;}
.c_red{ font-weight:normal; font-size:12px;}
.list-file{ padding:10px 0; border-bottom:1px dashed #ddd;}
.list-file li{ line-height:1.9;}
.list-info span{ margin-left:5px;}
.pages a{ display:block; border:1px solid #d1d1d1; color:#888; float:left; width:30px; text-align:center; padding:3px 0; line-height:1.9; margin-right:5px; }
.pages a:hover{ background-color:#3b94d6; border:1px solid #3b94d6; color:#fff;}
a.pages-big{ width:50px;}
.pages .active{ background-color:#3b94d6; border:1px solid #3b94d6; color:#fff;}
.pages{width:330px; margin:20px auto 10px;}
a.course-title{ font-size:14px; font-weight: bold; color:#000;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; width:590px;}
a:hover.course-title{ color:#269ac9;}
/*新建页面*/
.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;
}
.undis {
display:none;
}
.dis {
display:block;
}
/* 课程大纲 */
.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_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;
}
.homepagePostSetting {
position:absolute;
width:20px;
height:20px;
right:10px;
top:10px;
}
.homepagePostSetting ul li:hover ul {
display:block;
}
.homepagePostSettingIcon {
background:url(../images/sy/icons_sy.png) 1px -408px no-repeat;
width:20px;
height:20px;
}
.homepagePostSettiongText {
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);
}
.homepagePostSettingIcon:hover {
background:url(../images/sy/icons_sy.png) -28px -408px no-repeat;
}
a.postOptionLink {
color:#616060;
display:block;
width:55px;
padding:0px 10px;
}
a.postOptionLink:hover {
color:#fff;
background-color:#3b94d6;
}
.sy_class_logo{
width:110px;
height:110px;
}
.sy_class_id{
width:110px;
height:80px;
background:#f1f1f1;
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;
}
.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:49px;
line-height:49px;
color: #333;
font-size:16px;
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: #dbdbdb;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
margin-left:10px;
color: #333;
}
.accordion > li:hover > a span,
.accordion > li:target > a span,
.accordion > li > a.active span {
margin-left:10px;
color: #333;
background: #dbdbdb;
}
/* 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 { border-bottom:1px solid #e5e5e5; }
.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;}