/*** light theme ***/ /*** Reset and overrides ***/ body{ overflow-y: scroll; } .zp{width:170px; height:200px; margin-left:76px;} html,body{ height: 100%; } .help-inline,.help-block{ color: #e02222 !important; font-weight: normal; } .btn-block{ width: 100% !important; } .sys-user{ background: url("/public/master/img/sys-user.png") no-repeat; background-size: 100% 100%; width: 50px; height: 50px; } img.reply-user{ width: 30px; } .cursor_next { cursor: url(/public/master/img/right.cur),auto; } .cursor_prev { cursor: url(/public/master/img/left.cur),auto; } .table > tbody > tr > td{ vertical-align: middle !important; padding-left: 15px; } .table .vt{ vertical-align: top !important; } .vt.p18{ padding-top: 18px; } .vt.p10{ padding-top: 10px; } input[type='checkbox']{ position: relative; top: 3px; right: 2px; } .table-check-panel{ margin: 7px 20px 0 10px; } .img-circle{ border-radius: 50% !important; } .btn.small.birthday{ padding: 0 12px 3px 12px; } .item-operate{ text-align: right; } .item-operate.default{ text-align: left; } .item-operate a{ margin:0 10px; display:inline-block; text-align: center; } .item-operate.i a{ display: inline; } .item-operate a .v { top:0px; right: 0px; } .item-operate a .v.icon-delete,.item-operate a .v.icon-djh-share,.item-operate a .v.icon-stop{ top: 3px; } .item-operate a .v.icon-star,.item-operate a .v.icon-use,.item-operate a .v.icon-video{ top: 2px; } .form-inline-text{ height: 34px; line-height: 34px; text-align: right; padding-right: 0; } .header [class^="icon-"], .header [class*=" icon-"] { width: 30px !important; height: 30px !important; } .header .icon-down{ width: 20px !important; height: 20px !important; position: relative; top:8px; } .header .content>ul>li a:hover .myicon-yunketang, .header .content>ul>li.active .myicon-yunketang { background-image: url('/public/master/img/icon-yunketang-w.png?t=20150319'); } .header { background: #164a80; min-width: 942px; padding: 4px 0 0 0; box-shadow: 0 2px 4px rgba(0,0,0,.15); z-index: 10; position: fixed; top:0px; left: 0px; width: 100%; } .header .inner { border-top: 1px solid #3469ad; background-color: #003467; } .header .content { width: 940px; margin: 0 auto; height: 42px; position: relative; top: -1px; } .header .content>ul>li{ float: left; padding-top: 4px; text-align: center; height: 42px; cursor: pointer; width: 100px; border-left: 1px solid transparent; border-right: 1px solid #1b518b; } .header .content>ul>li.header-notice, .header .content>ul>li.header-user{ width: auto; padding:4px 20px 0 20px; } .header .content>ul.right-size>li{ padding-right: 10px; } .header .content>ul>li>a{ display: block; color: #b2cae4; } .header .content>ul>li:first-child{ border-left: 1px solid #1b518b; } .header .content>ul>li .name{ font-size: 14px; position: relative; top:-6px; } .header .content>ul>li.active{ border-left: 1px solid #3b73b2; border-right: 1px solid #3b73b2; background: #dc0005; } .header .content>ul>li a:hover, .header .content>ul>li.active a{ color: #fff; } .header .content>ul>li a:hover .icon-home, .header .content>ul>li.active .icon-home{ background-position: -230px 0px; } .header .content>ul>li a:hover .icon-classroom, .header .content>ul>li.active .icon-classroom{ background-position: -290px 0px; } .header .content>ul>li a:hover .icon-teacher, .header .content>ul>li.active .icon-teacher{ background-position: -350px -30px; } .header .content>ul>li a:hover .icon-resource, .header .content>ul>li.active .icon-resource{ background-position: -350px 0px; } .header .content>ul>li a:hover .icon-msg, .header .content>ul>li.active .icon-msg{ background-position: -230px -30px; } .header .content>ul>li a:hover .icon-ally, .header .content>ul>li.active .icon-ally{ background-position: -230px -120px; } .header .content>ul>li.dropdown:hover .icon-down{ background-position: -180px -80px; } .header .username{ position: relative; top:2px; } .header .logout{ line-height: 36px; width: 80px !important; padding-right: 0px !important; } .header .badge{ position: absolute; top: 0px; right: 0px; } .item-operate .badge { position: relative; top: -2px; left: 5px; } /* footer copyright */ /*** Footer ***/ .footer { background: #efefef; min-width: 942px; border-top: 1px solid #ddd; padding: 15px 0; width: 100%; } .footer .content { width: 940px; margin: 0 auto; color:#4e4e4e; text-align:center; } .footer .content:before,.footer .content:after{ content: " "; display: table; } .footer .content:after{ clear: both; } .footer .content .footer-links{ } .footer .content .footer-links li{ display: inline; margin-right: 20px; color:#4e4e4e; } .footer .content .footer-links li a{ color:#4e4e4e; } .footer .content .footer-links li a:hover{ color:#3784d3; } .footer .content .copyright{ float: right; } /*** Page container ***/ .page-container { width: 996px; height: 100%; min-height: 100%; height: auto !important; margin: 40px auto 40px auto; position: relative; } .page-container:before, .page-container:after { display: table; content: " "; } .page-container:after { clear: both; } .page-content { margin: 0px; padding: 0px; width:996px; } /*** bulletin ***/ .bulletin-container{ display:block; background-color:rgb(253,252,195); width:100%; height:40px; line-height:40px; margin-top: 48px; color: #999; border: 1px solid #EDEDAC; } .bulletin-container .content{ width: 940px; margin: 0 auto; padding: 0 6px; } .bulletin-container+.page-container{ margin-top: 15px; } .view-container .view-content{ text-align: center; padding: 10px; } .pdf-container{ text-align: center; position: relative; display: none; } .pdf-container.full{ width: 100%; height: 100%; line-height: 100%; position: fixed; top: 0; left: 0; z-index: 999!important; overflow: hidden; -webkit-user-select: none; background-color: #fff; } .pdf-container.full .pdf-content{ overflow-y: auto; width: 100%; height: 100%; } .pdf-container.full .pdf-operate{ position: fixed; top: auto; bottom: 20px; right: 30px; z-index: 999!important; } .viewer-canvas{ max-width: 920px !important; } .pdf-container.full .viewer-canvas{ max-width: 100% !important; } .pdf-container .pdf-operate{ position: absolute; width: 40px; top:0; right: -60px; } #pdf_loading,#pdf_handing,#invalid_panel,.swf-loading{ padding: 150px 0px 200px 0px; } .pdf-container .pdf-operate a, .pdf-container .pdf-operate a{ display: block; margin-bottom: 15px; background-color: #fff; border-radius: 2px; box-shadow: 0 1px 5px 0 rgba(56,61,72,0.21); } .pdf-container .pdf-operate a:hover{ background-color: #F2F4F5 !important; } .pdf-container .pdf-operate #prev, .pdf-container .pdf-operate #next{ height: 100px; line-height: 100px; } .pdf-container .pdf-operate #full, .pdf-container .pdf-operate #enlarge, .pdf-container .pdf-operate #narrow{ height: 40px; line-height: 40px; color: #999; } .pdf-container .pdf-operate #enlarge, .pdf-container .pdf-operate #narrow{ font-size: 14px; font-weight: bold; } .swf-container{ text-align: center; vertical-align: middle; overflow: hidden; } .swf-container object{ width: 600px; height: 450px; margin: 0; padding: 0; overflow: hidden } .audio-container{ margin: 200px 0; } .loading-tip{ display:block; text-align:center; background-color:rgb(253,252,195); width:120px; height:30px; line-height:30px; position:fixed; left:50%; top:48px; z-index: 99999; margin-left:-60px; font-size:12px; border: 1px solid #EDEDAC; } .ware-icon{ width: 50px; height: 50px; } .ware-icon.small{ width: 16px; height:16px; margin: 0 5px; margin-top: -2px; } .second-panel{ margin: 10px 0 0 30px; } .item-del,.item-remove { width: 25px; height: 25px; background: url(/public/master/img/remove.png) no-repeat; background-size: contain; text-indent: -9999px; position: absolute; top: -10px; right: 0px; } .ware_edit .icon-setting{ top:7px; right: 0px; } .tab-panel-second{ margin-left: 20px; } .upload-form{ display: none; } .error-panel{ margin:100px auto; text-align: center; } .share_selected >div,.send_selected >div{ position: relative; } .fileinput-button { position: relative; overflow: hidden; } .fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px; cursor: pointer; } .option-item .input-icon .form-control{ padding: 6px 35px; } .option-item .input-icon .question-option{ height: 54px; } .option-item .icon-question-option{ width: 30px; height: 54px; line-height: 54px; top: 0px; margin: 0px !important; background-color: #cccccc; background-image: none; color: #555555; font-weight: bold; font-size: 16px; text-align: center; font-style:normal; } .option-item.active .icon-question-option{ background-color: #35aa47; color: #fff; } .option-item.active .option_answer,.option-item.active .option_answer:hover{ color: #35aa47; } .question-item .icon-hint-finished, .question-item .icon-hint{ right: 5px !important; margin-left: 0 !important; } .question-item .question_op{ display: none; } .question-item:hover .question_op{ display: block; } .paper-view .second-panel{ margin-left: 12px; } .paper-view .option-view-item{ margin-right: 40px; } .paper-view .option-view-item:last-child{ margin-right: 0px; } .handed-panel .section .section-body,.tl-hm-body{ position: relative; } .handed-panel .section .section-footer{ padding-left: 90px; } .handed-panel .mark-score-panel,.tl-hm-body .mark-score-panel{ position: absolute; top: 20px; right: 15px; font-size: 50px; color: #e02222; text-align: right; } .handed-panel .mark-score-panel .score{ padding-right: 10px; } .icon-score-line{ background-image: url('/public/master/img/score-line.png'); background-repeat: no-repeat; background-position:0px 0px ; width: 100px; height: 30px; display: block; top: 10px; right: 0px; } .ui-widget-daredevel-checkboxTree{ margin-top: 8px; margin-left: -10px; } .ui-widget-daredevel-checkboxTree ul{ margin-left: 18px; } /*.ui-widget-daredevel-checkboxTree ul:first-child{*/ /*margin-left: 10px;*/ /*}*/ .ui-widget-daredevel-checkboxTree li { list-style-type: none; position: relative; } .ui-widget-daredevel-checkboxTree li span { cursor: default; /*position: absolute;*/ position: relative; top: -2px; left: -3px; } /*.ui-widget-daredevel-checkboxTree li label {*/ /*position: relative;*/ /*top: -2px;*/ /*left: 5px;*/ /*font-weight: normal;*/ /*}*/ /*.ui-widget-daredevel-checkboxTree li label.no-check {*/ /*top: 0px;*/ /*}*/ .send_container{ display: none; margin-top: 0px; } .notice-icon{ text-align: center; font-size: 14px; font-weight: bold; color: #fff; padding-top: 10px; } .notice-icon.class{ background: #35aa47; } .notice-icon.school,.notice-icon.teacher{ background: #ffb848; } .notice-icon.system{ background: #4b8df8; } .cp-item .cp-content{ padding: 5px 0 0 10px; } .cp-item .cp-operate{ padding-top: 20px; } .parent-title-mt{ margin-top: 15px; } .item_edit_text{ min-width: 200px !important; } ._item,.attachment_item .ware_title,#plan_panel{ hwareeight: 35px; line-height: 35px; } .folder-nav-contrain{ text-align: left; } .folder-nav-contrain .crumbs{ padding: 12px 15px; background: #F7F7F7; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .folder-nav-contrain .option-bar{ color: #666; height: 50px; line-height: 45px; border: 1px solid #D2D2D2; border-left: none; border-right: none; border-radius: 2px; position: relative; } .folder-nav-contrain .option-bar .chk{ margin-left: 15px; cursor: pointer; } .folder-nav-contrain .option-bar .btn{ margin-right: 10px; } .folder-panel label{ cursor: pointer; } .item-manage-select{ margin-top: 10px; margin-right: 5px; } .ware_item,.attachment_item .ware_title,#plan_panel{ height: 35px; line-height: 35px; } .title_edit{ height: 30px; line-height: 30px; margin-bottom: 4px; } .title-for-pos{ margin-top: -5px; } .stop_use{ margin-left: 10px; } .stop_use .icon-delete{ right: 0px !important; } .handed-content{ width: 610px; padding-left: 15px; } .avatar-setting{ position: absolute; top:15px; right: 15px; } .prepare-content .con{ margin: 5px 0 15px 17px; } .group-nav{ padding-bottom: 8px; padding-right: 8px; } /*.group-nav.ui-widget-daredevel-checkboxTree ul {*/ /*margin-left: 12px;*/ /*}*/ .group-nav li{ margin: 5px 0; white-space:nowrap;word-break:keep-all; overflow:hidden;text-overflow:ellipsis; } .group-nav .item.active{ color: #383d48; } .schedule-bg{ text-align: center; padding: 5px 0; } .schedule-bg .mp{ font-size: 13px; } .schedule-bg .dp{ margin-top: 5px; font-size: 24px; } .schedule-bg.info-nav{ margin-left: 10px; padding: 0; } .schedule-bg.info-nav .yp, .schedule-bg.info-nav .mp{ font-size: 10px; } .schedule-bg.info-nav .mp{ margin-top: -5px; } .schedule-bg.info-nav .dp{ font-size: 16px; font-weight: bold; } .cs-left{ border-right: solid 1px #E5E5E5; } .cs-right{ border-left: solid 1px #E5E5E5; } #work_container>ul>li{ min-width: 350px !important; text-align: center; } #training_widget .text-overflow, #research_widget .text-overflow{ width: 150px; } #training_widget .text-overflow.comm, #research_widget .text-overflow.comm{ width: 200px; } #class_widget .info{ width: 140px; } #homework_container .text-overflow{ width: 450px; } #classroom_widget .text-overflow, #classroom_nav .text-overflow{ width: 140px; } #student_widget .text-overflow{ display: block; } #birthday_widget .text-overflow{ width: 55px; display: inline-block; } #birthday_widget .birthday-day{ position: relative; top: -5px; left: 10px; display: inline-block; } #student_widget .avatar{ padding-bottom: 0px !important; } #notice_container .text-overflow{ width: 350px !important; display: block; } #album_container .row,#photo_container .row{ margin: -10px; } .album-item,.photo-item{ margin: 10px 0; } .photo-item{ position: relative; } .tl-photo{ display:block; margin-bottom: 15px; } .photo-item img,.tl-photo img{ min-height: 150px; } .photo-item:hover img{ display: block; opacity: 0.1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter: alpha(opacity=10); } .photo-item .photo_delete{ position: absolute; top:0px; right: 10px; display: none; } .photo-item .photo_delete .icon-delete{ top:0px; right: 0px; } .album-item .icon-edit{ top: 0px; } #assess_container .item_star{ display: inline-block; position: relative; top: -3px; left: 20px; width: 150px; } #assess_container .item_user{ display: inline-block; } .class-over-panel{ margin-top: 10px; text-align: center; } .class-over-panel .btn{ padding: 6px 0px; width: 88px; } .classroom-schedule-list{ position: relative; min-height: 600px; } .classroom-schedule-list .tip .tip-body .table{ margin-bottom: 0px; } .classroom-schedule-list .tip .tip-body .table td{ padding-top: 20px; padding-bottom: 20px; } .auth-operate{ padding: 15px; text-align: right; border-top: solid 1px #ddd; } .auth-level0{ display: block; padding: 10px 0 5px 15px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; background-color: #e9f1fa !important; } .auth-level0:first-child{ border-top: none; } .auth-level1{ display: block; padding: 10px 0 0 40px; border-top: solid 1px #ddd; } .auth-level0 + .auth-level1{ border-top: none; } .auth-level2, [class^="auth_sc_"],[class*=" auth_sc_"], [class^="auth_tr_"],[class*=" auth_tr_"]{ display: inline-block; width: 160px; margin-left: 64px; } [class^="auth_sc_"],[class*=" auth_sc_"], [class^="auth_tr_"],[class*=" auth_tr_"]{ margin-left: 0; border-top: none; } /*[class^="auth-level"] input[type='checkbox'],*/ /*[class*=" auth-level"] input[type='checkbox']{*/ /*position: relative;*/ /*top: 2px;*/ /*right: 2px;*/ /*}*/ .folder_item{ display: block; padding: 5px 0 5px 15px; } .folder_item.no-child{ padding-left: 35px; } .group-panel .icon-fold, .group-panel .icon-fold-o{ right:0px; } .group-level1{ padding-left: 40px !important; } .group-level2{ padding-left: 65px !important; } .group-level3{ padding-left: 90px !important; } .group-level4{ padding-left: 115px !important; } .group-level5{ padding-left: 140px !important; } .group-level6{ padding-left: 165px !important; } .group-level7{ padding-left: 190px !important; } .group-level8{ padding-left: 215px !important; } .group-level9{ padding-left: 240px !important; } .group-level10{ padding-left: 265px !important; } .group-level11{ padding-left: 290px !important; } .goon-students-panel{ /*border: solid 1px #E5E5E5;*/ padding:0 5px; margin-bottom: 15px; } .teachers-inline{ margin-left: -5px; } .teachers-inline .teacher-item{ display: inline-block; margin: 0 5px; height: 35px; line-height: 35px; position: relative; } .teachers-inline .teacher-item .teacher_remove{ visibility:hidden; margin-left: 5px; } .ally_code_info{ background: url('/public/master/img/code-bg.png') no-repeat; background-size: 100%; width: 280px; height: 80px; margin: 0 auto; margin-bottom: 15px; text-align: center; padding: 15px 0; } .ally_code_info #code_num{ font-size: 22px; font-weight: bold; color: #000; margin-bottom: 15px; } .ally_code_step_tip{ margin-left: 100px; margin-right: 100px; text-align: center; } .ally_code_copy{ text-align: center; } .ally_code_copy .btn{ width: 200px; } .ally-uses .uses-title{ border-bottom: solid 1px #ddd; padding-bottom: 5px; } .ally-uses .item{ border-bottom: dotted 1px #ddd; padding: 10px 0; } .ally-uses .item:last-child{ border-bottom: none; } .ally-uses .item:before,.ally-uses .item:after{ display: table; content: ''; } .ally-uses .item:after{ clear: both; } #video_container .cover{ width: 100px; height: 75px; } #video_container .title-p, #video_container .title_edit{ height: 75px; } #video_container .title-p{ margin-left: 15px; } #family_video_container .cover-cont{ padding-top: 7px; } #family_video_container .cover{ width: 100px; height: 75px; } #family_video_container .title_edit{ height: 28px; line-height: 29px; margin-bottom: 5px; } #family_video_container .title-p{ margin-left: 15px; } #family_video_container .video_detail{ height: 20px; line-height: 20px; } #family_video_container p.video_detail{ margin-bottom: 8px; } a.chw-mark{ position: relative; } a.chw-mark .badge{ position: absolute; left: auto; right: -9px; top:-9px; } .hw-mark-info .nav-tabs>li>a{ border: none !important; border-radius: 0 !important; line-height: 35px !important; position: relative; } .hw-mark-info .nav-tabs>li>a>.badge{ position: absolute; left: auto; right: auto; top:9px; } #pickfiles{ display: block; margin: 0 auto 15px auto; background: url('/public/master/img/video-upload.png') no-repeat; width: 180px; height: 130px; } #pickfiles:hover{ background-image: url('/public/master/img/video-upload-o.png'); } #music_upload_container #pickfiles{ background: url('/public/master/img/music-upload.png') no-repeat; } #music_upload_container #pickfiles:hover{ background: url('/public/master/img/music-upload-o.png') no-repeat; } .family-video-up-2{ background: #fff; display: none; } .video-up-2{ position: absolute; width: 568px; height: 180px; z-index: 9999; left: 0; top: 0; padding-top: 15px; padding-top: 0\9; background: #fff; } .music-up-2{ position: absolute; width: 568px; height: 170px; z-index: 9999; left: 0; top: 0; padding-top: 15px; padding-top: 0\9; background: #fff; } #fsUploadProgress{ padding: 10px 0; } #group_nav .item-group .t_p_op{ display: none; margin-top: -6px; } #group_nav .item-group:hover .t_p_op{ display: block; } #group_nav .item-group .t_p_op .icon-edit{ top:5px !important; right: 10px !important; } #group_nav .item-group .t_p_op .icon-delete{ top:7px !important; right: 0px !important; } #teacher_assign_container .col-md-5{ width: 48% !important; } #teacher_assign_container .col-md-1{ width: 4% !important; position: relative; margin-top: 44px; } #assign_subtitle{ height: 34px; line-height: 34px; } .auth_list,.auth_checks{ background: #f2f4f5; } .auth_list .icon-right{ top:5px; right:0px; } .auth_list .icon-down{ right: 0; } .auth_list .icon-add-o{ top:3px !important; } .auth_list .auth_add{ display: none; padding-top: 5px; margin-right: 10px; } .auth_list .auth_info{ cursor: pointer; padding: 2px 0; } .auth_list .teacher_list{ margin-left: 20px; display: none; } .auth_list .teacher_item{ display: block; height: 25px; line-height: 25px; } .auth_checks .checked_item{ height: 30px; line-height: 30px; } .auth_checks .checked_item{ display: block; padding: 0 5px; } .auth_list .auth_info:hover, .auth_list .teacher_item:hover, .auth_checks .checked_item:hover{ background: #e9f1fa; } .auth_list .auth_info:hover .auth_add{ display: block; } .assign_outer{ border: solid 1px #ccc; margin-bottom: 10px; padding: 10px 0; background: #fff; display: none; } .modal .assign_outer{ border: none; } .resource-assign-up{ border-top:dotted 1px #ddd; margin-top: 10px; padding-top: 10px; } .modal .assign_outer .resource-assign-up{ border-bottom:dotted 1px #ddd; padding-bottom: 10px; } .folder{ background: url(/public/master/img/folder.png); width: 65px; height: 56px; } #question_form .choice{ margin-bottom: 15px; } .mbl { margin-bottom: 20px; } .mtl { margin-top: 20px; } .testpaper-question { margin-bottom: 20px; font-size: 14px; padding-top: 20px; } .modal .testpaper-question { padding-top: 0px; } .testpaper-question-stem { margin-left: 20px; margin-right: 20px; padding-bottom: 10px; border-bottom: 1px dashed #DDD; margin-bottom: 10px; overflow: hidden; } .testpaper-question-choices { margin-left: 20px; margin-right: 20px; padding-left: 0px; list-style: outside none none; border-bottom: 1px dashed #DDD; margin-bottom: 10px; padding-bottom: 10px; } .testpaper-question-choices li { padding: 6px 0px 6px 6px; } .testpaper-question-choice-index { color: #999; margin-right: 20px; } .testpaper-question-choice-inputs { margin-left: 20px; float: left; } .testpaper-question-choice-inputs label { padding: 8px 20px 8px 30px; display: inline-block; } .testpaper-question-choice-inputs label:hover,.testpaper-question-choice-inputs label.active{ background:#eee } .testpaper-question-result { margin-left: 20px; float: left; } .testpaper-question input[type="checkbox"] { position: static; } .mobile .testpaper-question input[type="checkbox"] { position: absolute; left: .466em; top: 50%; } .mobile .testpaper-question-stem{ border: none; margin-left: 0; margin-right: 0; } .mobile .testpaper-question-choices{ margin-left: 0; margin-right: 0; } .mobile .testpaper .options{ margin-top: 50px; } .mobile .testpaper .options a.btn{ padding: .6em 40px; }