You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

1339 lines
24 KiB

  1. /***
  2. light theme
  3. ***/
  4. /***
  5. Reset and overrides
  6. ***/
  7. body{
  8. overflow-y: scroll;
  9. }
  10. .zp{width:170px; height:200px; margin-left:76px;}
  11. html,body{
  12. height: 100%;
  13. }
  14. .help-inline,.help-block{
  15. color: #e02222 !important;
  16. font-weight: normal;
  17. }
  18. .btn-block{
  19. width: 100% !important;
  20. }
  21. .sys-user{
  22. background: url("/public/master/img/sys-user.png") no-repeat;
  23. background-size: 100% 100%;
  24. width: 50px;
  25. height: 50px;
  26. }
  27. img.reply-user{
  28. width: 30px;
  29. }
  30. .cursor_next {
  31. cursor: url(/public/master/img/right.cur),auto;
  32. }
  33. .cursor_prev {
  34. cursor: url(/public/master/img/left.cur),auto;
  35. }
  36. .table > tbody > tr > td{
  37. vertical-align: middle !important;
  38. padding-left: 15px;
  39. }
  40. .table .vt{
  41. vertical-align: top !important;
  42. }
  43. .vt.p18{
  44. padding-top: 18px;
  45. }
  46. .vt.p10{
  47. padding-top: 10px;
  48. }
  49. input[type='checkbox']{
  50. position: relative;
  51. top: 3px;
  52. right: 2px;
  53. }
  54. .table-check-panel{
  55. margin: 7px 20px 0 10px;
  56. }
  57. .img-circle{
  58. border-radius: 50% !important;
  59. }
  60. .btn.small.birthday{
  61. padding: 0 12px 3px 12px;
  62. }
  63. .item-operate{
  64. text-align: right;
  65. }
  66. .item-operate.default{
  67. text-align: left;
  68. }
  69. .item-operate a{
  70. margin:0 10px;
  71. display:inline-block;
  72. text-align: center;
  73. }
  74. .item-operate.i a{
  75. display: inline;
  76. }
  77. .item-operate a .v {
  78. top:0px;
  79. right: 0px;
  80. }
  81. .item-operate a .v.icon-delete,.item-operate a .v.icon-djh-share,.item-operate a .v.icon-stop{
  82. top: 3px;
  83. }
  84. .item-operate a .v.icon-star,.item-operate a .v.icon-use,.item-operate a .v.icon-video{
  85. top: 2px;
  86. }
  87. .form-inline-text{
  88. height: 34px;
  89. line-height: 34px;
  90. text-align: right;
  91. padding-right: 0;
  92. }
  93. .header [class^="icon-"],
  94. .header [class*=" icon-"] {
  95. width: 30px !important;
  96. height: 30px !important;
  97. }
  98. .header .icon-down{
  99. width: 20px !important;
  100. height: 20px !important;
  101. position: relative;
  102. top:8px;
  103. }
  104. .header .content>ul>li a:hover .myicon-yunketang, .header .content>ul>li.active .myicon-yunketang {
  105. background-image: url('/public/master/img/icon-yunketang-w.png?t=20150319');
  106. }
  107. .header {
  108. background: #164a80;
  109. min-width: 942px;
  110. padding: 4px 0 0 0;
  111. box-shadow: 0 2px 4px rgba(0,0,0,.15);
  112. z-index: 10;
  113. position: fixed;
  114. top:0px;
  115. left: 0px;
  116. width: 100%;
  117. }
  118. .header .inner {
  119. border-top: 1px solid #3469ad;
  120. background-color: #003467;
  121. }
  122. .header .content {
  123. width: 940px;
  124. margin: 0 auto;
  125. height: 42px;
  126. position: relative;
  127. top: -1px;
  128. }
  129. .header .content>ul>li{
  130. float: left;
  131. padding-top: 4px;
  132. text-align: center;
  133. height: 42px;
  134. cursor: pointer;
  135. width: 100px;
  136. border-left: 1px solid transparent;
  137. border-right: 1px solid #1b518b;
  138. }
  139. .header .content>ul>li.header-notice,
  140. .header .content>ul>li.header-user{
  141. width: auto;
  142. padding:4px 20px 0 20px;
  143. }
  144. .header .content>ul.right-size>li{
  145. padding-right: 10px;
  146. }
  147. .header .content>ul>li>a{
  148. display: block;
  149. color: #b2cae4;
  150. }
  151. .header .content>ul>li:first-child{
  152. border-left: 1px solid #1b518b;
  153. }
  154. .header .content>ul>li .name{
  155. font-size: 14px;
  156. position: relative;
  157. top:-6px;
  158. }
  159. .header .content>ul>li.active{
  160. border-left: 1px solid #3b73b2;
  161. border-right: 1px solid #3b73b2;
  162. background: #dc0005;
  163. }
  164. .header .content>ul>li a:hover,
  165. .header .content>ul>li.active a{
  166. color: #fff;
  167. }
  168. .header .content>ul>li a:hover .icon-home,
  169. .header .content>ul>li.active .icon-home{
  170. background-position: -230px 0px;
  171. }
  172. .header .content>ul>li a:hover .icon-classroom,
  173. .header .content>ul>li.active .icon-classroom{
  174. background-position: -290px 0px;
  175. }
  176. .header .content>ul>li a:hover .icon-teacher,
  177. .header .content>ul>li.active .icon-teacher{
  178. background-position: -350px -30px;
  179. }
  180. .header .content>ul>li a:hover .icon-resource,
  181. .header .content>ul>li.active .icon-resource{
  182. background-position: -350px 0px;
  183. }
  184. .header .content>ul>li a:hover .icon-msg,
  185. .header .content>ul>li.active .icon-msg{
  186. background-position: -230px -30px;
  187. }
  188. .header .content>ul>li a:hover .icon-ally,
  189. .header .content>ul>li.active .icon-ally{
  190. background-position: -230px -120px;
  191. }
  192. .header .content>ul>li.dropdown:hover .icon-down{
  193. background-position: -180px -80px;
  194. }
  195. .header .username{
  196. position: relative;
  197. top:2px;
  198. }
  199. .header .logout{
  200. line-height: 36px;
  201. width: 80px !important;
  202. padding-right: 0px !important;
  203. }
  204. .header .badge{
  205. position: absolute;
  206. top: 0px;
  207. right: 0px;
  208. }
  209. .item-operate .badge {
  210. position: relative;
  211. top: -2px;
  212. left: 5px;
  213. }
  214. /* footer copyright */
  215. /***
  216. Footer
  217. ***/
  218. .footer {
  219. background: #efefef;
  220. min-width: 942px;
  221. border-top: 1px solid #ddd;
  222. padding: 15px 0;
  223. width: 100%;
  224. }
  225. .footer .content {
  226. width: 940px;
  227. margin: 0 auto;
  228. color:#4e4e4e;
  229. text-align:center;
  230. }
  231. .footer .content:before,.footer .content:after{
  232. content: " ";
  233. display: table;
  234. }
  235. .footer .content:after{
  236. clear: both;
  237. }
  238. .footer .content .footer-links{
  239. }
  240. .footer .content .footer-links li{
  241. display: inline;
  242. margin-right: 20px;
  243. color:#4e4e4e;
  244. }
  245. .footer .content .footer-links li a{
  246. color:#4e4e4e;
  247. }
  248. .footer .content .footer-links li a:hover{
  249. color:#3784d3;
  250. }
  251. .footer .content .copyright{
  252. float: right;
  253. }
  254. /***
  255. Page container
  256. ***/
  257. .page-container {
  258. width: 996px;
  259. height: 100%;
  260. min-height: 100%;
  261. height: auto !important;
  262. margin: 40px auto 40px auto;
  263. position: relative;
  264. }
  265. .page-container:before,
  266. .page-container:after {
  267. display: table;
  268. content: " ";
  269. }
  270. .page-container:after {
  271. clear: both;
  272. }
  273. .page-content {
  274. margin: 0px;
  275. padding: 0px;
  276. width:996px;
  277. }
  278. /***
  279. bulletin
  280. ***/
  281. .bulletin-container{
  282. display:block;
  283. background-color:rgb(253,252,195);
  284. width:100%;
  285. height:40px;
  286. line-height:40px;
  287. margin-top: 48px;
  288. color: #999;
  289. border: 1px solid #EDEDAC;
  290. }
  291. .bulletin-container .content{
  292. width: 940px;
  293. margin: 0 auto;
  294. padding: 0 6px;
  295. }
  296. .bulletin-container+.page-container{
  297. margin-top: 15px;
  298. }
  299. .view-container .view-content{
  300. text-align: center;
  301. padding: 10px;
  302. }
  303. .pdf-container{
  304. text-align: center;
  305. position: relative;
  306. display: none;
  307. }
  308. .pdf-container.full{
  309. width: 100%;
  310. height: 100%;
  311. line-height: 100%;
  312. position: fixed;
  313. top: 0;
  314. left: 0;
  315. z-index: 999!important;
  316. overflow: hidden;
  317. -webkit-user-select: none;
  318. background-color: #fff;
  319. }
  320. .pdf-container.full .pdf-content{
  321. overflow-y: auto;
  322. width: 100%;
  323. height: 100%;
  324. }
  325. .pdf-container.full .pdf-operate{
  326. position: fixed;
  327. top: auto;
  328. bottom: 20px;
  329. right: 30px;
  330. z-index: 999!important;
  331. }
  332. .viewer-canvas{
  333. max-width: 920px !important;
  334. }
  335. .pdf-container.full .viewer-canvas{
  336. max-width: 100% !important;
  337. }
  338. .pdf-container .pdf-operate{
  339. position: absolute;
  340. width: 40px;
  341. top:0;
  342. right: -60px;
  343. }
  344. #pdf_loading,#pdf_handing,#invalid_panel,.swf-loading{
  345. padding: 150px 0px 200px 0px;
  346. }
  347. .pdf-container .pdf-operate a,
  348. .pdf-container .pdf-operate a{
  349. display: block;
  350. margin-bottom: 15px;
  351. background-color: #fff;
  352. border-radius: 2px;
  353. box-shadow: 0 1px 5px 0 rgba(56,61,72,0.21);
  354. }
  355. .pdf-container .pdf-operate a:hover{
  356. background-color: #F2F4F5 !important;
  357. }
  358. .pdf-container .pdf-operate #prev,
  359. .pdf-container .pdf-operate #next{
  360. height: 100px;
  361. line-height: 100px;
  362. }
  363. .pdf-container .pdf-operate #full,
  364. .pdf-container .pdf-operate #enlarge,
  365. .pdf-container .pdf-operate #narrow{
  366. height: 40px;
  367. line-height: 40px;
  368. color: #999;
  369. }
  370. .pdf-container .pdf-operate #enlarge,
  371. .pdf-container .pdf-operate #narrow{
  372. font-size: 14px;
  373. font-weight: bold;
  374. }
  375. .swf-container{
  376. text-align: center;
  377. vertical-align: middle;
  378. overflow: hidden;
  379. }
  380. .swf-container object{
  381. width: 600px;
  382. height: 450px;
  383. margin: 0;
  384. padding: 0;
  385. overflow: hidden
  386. }
  387. .audio-container{
  388. margin: 200px 0;
  389. }
  390. .loading-tip{
  391. display:block;
  392. text-align:center;
  393. background-color:rgb(253,252,195);
  394. width:120px;
  395. height:30px;
  396. line-height:30px;
  397. position:fixed;
  398. left:50%;
  399. top:48px;
  400. z-index: 99999;
  401. margin-left:-60px;
  402. font-size:12px;
  403. border: 1px solid #EDEDAC;
  404. }
  405. .ware-icon{
  406. width: 50px;
  407. height: 50px;
  408. }
  409. .ware-icon.small{
  410. width: 16px;
  411. height:16px;
  412. margin: 0 5px;
  413. margin-top: -2px;
  414. }
  415. .second-panel{
  416. margin: 10px 0 0 30px;
  417. }
  418. .item-del,.item-remove {
  419. width: 25px;
  420. height: 25px;
  421. background: url(/public/master/img/remove.png) no-repeat;
  422. background-size: contain;
  423. text-indent: -9999px;
  424. position: absolute;
  425. top: -10px;
  426. right: 0px;
  427. }
  428. .ware_edit .icon-setting{
  429. top:7px;
  430. right: 0px;
  431. }
  432. .tab-panel-second{
  433. margin-left: 20px;
  434. }
  435. .upload-form{
  436. display: none;
  437. }
  438. .error-panel{
  439. margin:100px auto;
  440. text-align: center;
  441. }
  442. .share_selected >div,.send_selected >div{
  443. position: relative;
  444. }
  445. .fileinput-button {
  446. position: relative;
  447. overflow: hidden;
  448. }
  449. .fileinput-button input {
  450. position: absolute;
  451. top: 0;
  452. right: 0;
  453. margin: 0;
  454. opacity: 0;
  455. -ms-filter: 'alpha(opacity=0)';
  456. font-size: 200px;
  457. cursor: pointer;
  458. }
  459. .option-item .input-icon .form-control{
  460. padding: 6px 35px;
  461. }
  462. .option-item .input-icon .question-option{
  463. height: 54px;
  464. }
  465. .option-item .icon-question-option{
  466. width: 30px;
  467. height: 54px;
  468. line-height: 54px;
  469. top: 0px;
  470. margin: 0px !important;
  471. background-color: #cccccc;
  472. background-image: none;
  473. color: #555555;
  474. font-weight: bold;
  475. font-size: 16px;
  476. text-align: center;
  477. font-style:normal;
  478. }
  479. .option-item.active .icon-question-option{
  480. background-color: #35aa47;
  481. color: #fff;
  482. }
  483. .option-item.active .option_answer,.option-item.active .option_answer:hover{
  484. color: #35aa47;
  485. }
  486. .question-item .icon-hint-finished,
  487. .question-item .icon-hint{
  488. right: 5px !important;
  489. margin-left: 0 !important;
  490. }
  491. .question-item .question_op{
  492. display: none;
  493. }
  494. .question-item:hover .question_op{
  495. display: block;
  496. }
  497. .paper-view .second-panel{
  498. margin-left: 12px;
  499. }
  500. .paper-view .option-view-item{
  501. margin-right: 40px;
  502. }
  503. .paper-view .option-view-item:last-child{
  504. margin-right: 0px;
  505. }
  506. .handed-panel .section .section-body,.tl-hm-body{
  507. position: relative;
  508. }
  509. .handed-panel .section .section-footer{
  510. padding-left: 90px;
  511. }
  512. .handed-panel .mark-score-panel,.tl-hm-body .mark-score-panel{
  513. position: absolute;
  514. top: 20px;
  515. right: 15px;
  516. font-size: 50px;
  517. color: #e02222;
  518. text-align: right;
  519. }
  520. .handed-panel .mark-score-panel .score{
  521. padding-right: 10px;
  522. }
  523. .icon-score-line{
  524. background-image: url('/public/master/img/score-line.png');
  525. background-repeat: no-repeat;
  526. background-position:0px 0px ;
  527. width: 100px;
  528. height: 30px;
  529. display: block;
  530. top: 10px;
  531. right: 0px;
  532. }
  533. .ui-widget-daredevel-checkboxTree{
  534. margin-top: 8px;
  535. margin-left: -10px;
  536. }
  537. .ui-widget-daredevel-checkboxTree ul{
  538. margin-left: 18px;
  539. }
  540. /*.ui-widget-daredevel-checkboxTree ul:first-child{*/
  541. /*margin-left: 10px;*/
  542. /*}*/
  543. .ui-widget-daredevel-checkboxTree li {
  544. list-style-type: none;
  545. position: relative;
  546. }
  547. .ui-widget-daredevel-checkboxTree li span {
  548. cursor: default;
  549. /*position: absolute;*/
  550. position: relative;
  551. top: -2px;
  552. left: -3px;
  553. }
  554. /*.ui-widget-daredevel-checkboxTree li label {*/
  555. /*position: relative;*/
  556. /*top: -2px;*/
  557. /*left: 5px;*/
  558. /*font-weight: normal;*/
  559. /*}*/
  560. /*.ui-widget-daredevel-checkboxTree li label.no-check {*/
  561. /*top: 0px;*/
  562. /*}*/
  563. .send_container{
  564. display: none;
  565. margin-top: 0px;
  566. }
  567. .notice-icon{
  568. text-align: center;
  569. font-size: 14px;
  570. font-weight: bold;
  571. color: #fff;
  572. padding-top: 10px;
  573. }
  574. .notice-icon.class{
  575. background: #35aa47;
  576. }
  577. .notice-icon.school,.notice-icon.teacher{
  578. background: #ffb848;
  579. }
  580. .notice-icon.system{
  581. background: #4b8df8;
  582. }
  583. .cp-item .cp-content{
  584. padding: 5px 0 0 10px;
  585. }
  586. .cp-item .cp-operate{
  587. padding-top: 20px;
  588. }
  589. .parent-title-mt{
  590. margin-top: 15px;
  591. }
  592. .item_edit_text{
  593. min-width: 200px !important;
  594. }
  595. ._item,.attachment_item .ware_title,#plan_panel{
  596. hwareeight: 35px;
  597. line-height: 35px;
  598. }
  599. .folder-nav-contrain{
  600. text-align: left;
  601. }
  602. .folder-nav-contrain .crumbs{
  603. padding: 12px 15px;
  604. background: #F7F7F7;
  605. -webkit-border-radius: 4px;
  606. -moz-border-radius: 4px;
  607. border-radius: 4px;
  608. }
  609. .folder-nav-contrain .option-bar{
  610. color: #666;
  611. height: 50px;
  612. line-height: 45px;
  613. border: 1px solid #D2D2D2;
  614. border-left: none;
  615. border-right: none;
  616. border-radius: 2px;
  617. position: relative;
  618. }
  619. .folder-nav-contrain .option-bar .chk{
  620. margin-left: 15px;
  621. cursor: pointer;
  622. }
  623. .folder-nav-contrain .option-bar .btn{
  624. margin-right: 10px;
  625. }
  626. .folder-panel label{
  627. cursor: pointer;
  628. }
  629. .item-manage-select{
  630. margin-top: 10px;
  631. margin-right: 5px;
  632. }
  633. .ware_item,.attachment_item .ware_title,#plan_panel{
  634. height: 35px;
  635. line-height: 35px;
  636. }
  637. .title_edit{
  638. height: 30px;
  639. line-height: 30px;
  640. margin-bottom: 4px;
  641. }
  642. .title-for-pos{
  643. margin-top: -5px;
  644. }
  645. .stop_use{
  646. margin-left: 10px;
  647. }
  648. .stop_use .icon-delete{
  649. right: 0px !important;
  650. }
  651. .handed-content{
  652. width: 610px;
  653. padding-left: 15px;
  654. }
  655. .avatar-setting{
  656. position: absolute;
  657. top:15px;
  658. right: 15px;
  659. }
  660. .prepare-content .con{
  661. margin: 5px 0 15px 17px;
  662. }
  663. .group-nav{
  664. padding-bottom: 8px;
  665. padding-right: 8px;
  666. }
  667. /*.group-nav.ui-widget-daredevel-checkboxTree ul {*/
  668. /*margin-left: 12px;*/
  669. /*}*/
  670. .group-nav li{
  671. margin: 5px 0;
  672. white-space:nowrap;word-break:keep-all; overflow:hidden;text-overflow:ellipsis;
  673. }
  674. .group-nav .item.active{
  675. color: #383d48;
  676. }
  677. .schedule-bg{
  678. text-align: center;
  679. padding: 5px 0;
  680. }
  681. .schedule-bg .mp{
  682. font-size: 13px;
  683. }
  684. .schedule-bg .dp{
  685. margin-top: 5px;
  686. font-size: 24px;
  687. }
  688. .schedule-bg.info-nav{
  689. margin-left: 10px;
  690. padding: 0;
  691. }
  692. .schedule-bg.info-nav .yp,
  693. .schedule-bg.info-nav .mp{
  694. font-size: 10px;
  695. }
  696. .schedule-bg.info-nav .mp{
  697. margin-top: -5px;
  698. }
  699. .schedule-bg.info-nav .dp{
  700. font-size: 16px;
  701. font-weight: bold;
  702. }
  703. .cs-left{
  704. border-right: solid 1px #E5E5E5;
  705. }
  706. .cs-right{
  707. border-left: solid 1px #E5E5E5;
  708. }
  709. #work_container>ul>li{
  710. min-width: 350px !important;
  711. text-align: center;
  712. }
  713. #training_widget .text-overflow,
  714. #research_widget .text-overflow{
  715. width: 150px;
  716. }
  717. #training_widget .text-overflow.comm,
  718. #research_widget .text-overflow.comm{
  719. width: 200px;
  720. }
  721. #class_widget .info{
  722. width: 140px;
  723. }
  724. #homework_container .text-overflow{
  725. width: 450px;
  726. }
  727. #classroom_widget .text-overflow,
  728. #classroom_nav .text-overflow{
  729. width: 140px;
  730. }
  731. #student_widget .text-overflow{
  732. display: block;
  733. }
  734. #birthday_widget .text-overflow{
  735. width: 55px;
  736. display: inline-block;
  737. }
  738. #birthday_widget .birthday-day{
  739. position: relative;
  740. top: -5px;
  741. left: 10px;
  742. display: inline-block;
  743. }
  744. #student_widget .avatar{
  745. padding-bottom: 0px !important;
  746. }
  747. #notice_container .text-overflow{
  748. width: 350px !important;
  749. display: block;
  750. }
  751. #album_container .row,#photo_container .row{
  752. margin: -10px;
  753. }
  754. .album-item,.photo-item{
  755. margin: 10px 0;
  756. }
  757. .photo-item{
  758. position: relative;
  759. }
  760. .tl-photo{
  761. display:block;
  762. margin-bottom: 15px;
  763. }
  764. .photo-item img,.tl-photo img{
  765. min-height: 150px;
  766. }
  767. .photo-item:hover img{
  768. display: block;
  769. opacity: 0.1;
  770. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  771. filter: alpha(opacity=10);
  772. }
  773. .photo-item .photo_delete{
  774. position: absolute;
  775. top:0px;
  776. right: 10px;
  777. display: none;
  778. }
  779. .photo-item .photo_delete .icon-delete{
  780. top:0px;
  781. right: 0px;
  782. }
  783. .album-item .icon-edit{
  784. top: 0px;
  785. }
  786. #assess_container .item_star{
  787. display: inline-block;
  788. position: relative;
  789. top: -3px;
  790. left: 20px;
  791. width: 150px;
  792. }
  793. #assess_container .item_user{
  794. display: inline-block;
  795. }
  796. .class-over-panel{
  797. margin-top: 10px;
  798. text-align: center;
  799. }
  800. .class-over-panel .btn{
  801. padding: 6px 0px;
  802. width: 88px;
  803. }
  804. .classroom-schedule-list{
  805. position: relative;
  806. min-height: 600px;
  807. }
  808. .classroom-schedule-list .tip .tip-body .table{
  809. margin-bottom: 0px;
  810. }
  811. .classroom-schedule-list .tip .tip-body .table td{
  812. padding-top: 20px;
  813. padding-bottom: 20px;
  814. }
  815. .auth-operate{
  816. padding: 15px;
  817. text-align: right;
  818. border-top: solid 1px #ddd;
  819. }
  820. .auth-level0{
  821. display: block;
  822. padding: 10px 0 5px 15px;
  823. border-top: solid 1px #ddd;
  824. border-bottom: solid 1px #ddd;
  825. background-color: #e9f1fa !important;
  826. }
  827. .auth-level0:first-child{
  828. border-top: none;
  829. }
  830. .auth-level1{
  831. display: block;
  832. padding: 10px 0 0 40px;
  833. border-top: solid 1px #ddd;
  834. }
  835. .auth-level0 + .auth-level1{
  836. border-top: none;
  837. }
  838. .auth-level2,
  839. [class^="auth_sc_"],[class*=" auth_sc_"],
  840. [class^="auth_tr_"],[class*=" auth_tr_"]{
  841. display: inline-block;
  842. width: 160px;
  843. margin-left: 64px;
  844. }
  845. [class^="auth_sc_"],[class*=" auth_sc_"],
  846. [class^="auth_tr_"],[class*=" auth_tr_"]{
  847. margin-left: 0;
  848. border-top: none;
  849. }
  850. /*[class^="auth-level"] input[type='checkbox'],*/
  851. /*[class*=" auth-level"] input[type='checkbox']{*/
  852. /*position: relative;*/
  853. /*top: 2px;*/
  854. /*right: 2px;*/
  855. /*}*/
  856. .folder_item{
  857. display: block;
  858. padding: 5px 0 5px 15px;
  859. }
  860. .folder_item.no-child{
  861. padding-left: 35px;
  862. }
  863. .group-panel .icon-fold,
  864. .group-panel .icon-fold-o{
  865. right:0px;
  866. }
  867. .group-level1{
  868. padding-left: 40px !important;
  869. }
  870. .group-level2{
  871. padding-left: 65px !important;
  872. }
  873. .group-level3{
  874. padding-left: 90px !important;
  875. }
  876. .group-level4{
  877. padding-left: 115px !important;
  878. }
  879. .group-level5{
  880. padding-left: 140px !important;
  881. }
  882. .group-level6{
  883. padding-left: 165px !important;
  884. }
  885. .group-level7{
  886. padding-left: 190px !important;
  887. }
  888. .group-level8{
  889. padding-left: 215px !important;
  890. }
  891. .group-level9{
  892. padding-left: 240px !important;
  893. }
  894. .group-level10{
  895. padding-left: 265px !important;
  896. }
  897. .group-level11{
  898. padding-left: 290px !important;
  899. }
  900. .goon-students-panel{
  901. /*border: solid 1px #E5E5E5;*/
  902. padding:0 5px;
  903. margin-bottom: 15px;
  904. }
  905. .teachers-inline{
  906. margin-left: -5px;
  907. }
  908. .teachers-inline .teacher-item{
  909. display: inline-block;
  910. margin: 0 5px;
  911. height: 35px;
  912. line-height: 35px;
  913. position: relative;
  914. }
  915. .teachers-inline .teacher-item .teacher_remove{
  916. visibility:hidden;
  917. margin-left: 5px;
  918. }
  919. .ally_code_info{
  920. background: url('/public/master/img/code-bg.png') no-repeat;
  921. background-size: 100%;
  922. width: 280px;
  923. height: 80px;
  924. margin: 0 auto;
  925. margin-bottom: 15px;
  926. text-align: center;
  927. padding: 15px 0;
  928. }
  929. .ally_code_info #code_num{
  930. font-size: 22px;
  931. font-weight: bold;
  932. color: #000;
  933. margin-bottom: 15px;
  934. }
  935. .ally_code_step_tip{
  936. margin-left: 100px;
  937. margin-right: 100px;
  938. text-align: center;
  939. }
  940. .ally_code_copy{
  941. text-align: center;
  942. }
  943. .ally_code_copy .btn{
  944. width: 200px;
  945. }
  946. .ally-uses .uses-title{
  947. border-bottom: solid 1px #ddd;
  948. padding-bottom: 5px;
  949. }
  950. .ally-uses .item{
  951. border-bottom: dotted 1px #ddd;
  952. padding: 10px 0;
  953. }
  954. .ally-uses .item:last-child{
  955. border-bottom: none;
  956. }
  957. .ally-uses .item:before,.ally-uses .item:after{
  958. display: table;
  959. content: '';
  960. }
  961. .ally-uses .item:after{
  962. clear: both;
  963. }
  964. #video_container .cover{
  965. width: 100px;
  966. height: 75px;
  967. }
  968. #video_container .title-p,
  969. #video_container .title_edit{
  970. height: 75px;
  971. }
  972. #video_container .title-p{
  973. margin-left: 15px;
  974. }
  975. #family_video_container .cover-cont{
  976. padding-top: 7px;
  977. }
  978. #family_video_container .cover{
  979. width: 100px;
  980. height: 75px;
  981. }
  982. #family_video_container .title_edit{
  983. height: 28px;
  984. line-height: 29px;
  985. margin-bottom: 5px;
  986. }
  987. #family_video_container .title-p{
  988. margin-left: 15px;
  989. }
  990. #family_video_container .video_detail{
  991. height: 20px;
  992. line-height: 20px;
  993. }
  994. #family_video_container p.video_detail{
  995. margin-bottom: 8px;
  996. }
  997. a.chw-mark{
  998. position: relative;
  999. }
  1000. a.chw-mark .badge{
  1001. position: absolute;
  1002. left: auto;
  1003. right: -9px;
  1004. top:-9px;
  1005. }
  1006. .hw-mark-info .nav-tabs>li>a{
  1007. border: none !important;
  1008. border-radius: 0 !important;
  1009. line-height: 35px !important;
  1010. position: relative;
  1011. }
  1012. .hw-mark-info .nav-tabs>li>a>.badge{
  1013. position: absolute;
  1014. left: auto;
  1015. right: auto;
  1016. top:9px;
  1017. }
  1018. #pickfiles{
  1019. display: block;
  1020. margin: 0 auto 15px auto;
  1021. background: url('/public/master/img/video-upload.png') no-repeat;
  1022. width: 180px;
  1023. height: 130px;
  1024. }
  1025. #pickfiles:hover{
  1026. background-image: url('/public/master/img/video-upload-o.png');
  1027. }
  1028. #music_upload_container #pickfiles{
  1029. background: url('/public/master/img/music-upload.png') no-repeat;
  1030. }
  1031. #music_upload_container #pickfiles:hover{
  1032. background: url('/public/master/img/music-upload-o.png') no-repeat;
  1033. }
  1034. .family-video-up-2{
  1035. background: #fff;
  1036. display: none;
  1037. }
  1038. .video-up-2{
  1039. position: absolute;
  1040. width: 568px;
  1041. height: 180px;
  1042. z-index: 9999;
  1043. left: 0;
  1044. top: 0;
  1045. padding-top: 15px;
  1046. padding-top: 0\9;
  1047. background: #fff;
  1048. }
  1049. .music-up-2{
  1050. position: absolute;
  1051. width: 568px;
  1052. height: 170px;
  1053. z-index: 9999;
  1054. left: 0;
  1055. top: 0;
  1056. padding-top: 15px;
  1057. padding-top: 0\9;
  1058. background: #fff;
  1059. }
  1060. #fsUploadProgress{
  1061. padding: 10px 0;
  1062. }
  1063. #group_nav .item-group .t_p_op{
  1064. display: none;
  1065. margin-top: -6px;
  1066. }
  1067. #group_nav .item-group:hover .t_p_op{
  1068. display: block;
  1069. }
  1070. #group_nav .item-group .t_p_op .icon-edit{
  1071. top:5px !important;
  1072. right: 10px !important;
  1073. }
  1074. #group_nav .item-group .t_p_op .icon-delete{
  1075. top:7px !important;
  1076. right: 0px !important;
  1077. }
  1078. #teacher_assign_container .col-md-5{
  1079. width: 48% !important;
  1080. }
  1081. #teacher_assign_container .col-md-1{
  1082. width: 4% !important;
  1083. position: relative;
  1084. margin-top: 44px;
  1085. }
  1086. #assign_subtitle{
  1087. height: 34px;
  1088. line-height: 34px;
  1089. }
  1090. .auth_list,.auth_checks{
  1091. background: #f2f4f5;
  1092. }
  1093. .auth_list .icon-right{
  1094. top:5px;
  1095. right:0px;
  1096. }
  1097. .auth_list .icon-down{
  1098. right: 0;
  1099. }
  1100. .auth_list .icon-add-o{
  1101. top:3px !important;
  1102. }
  1103. .auth_list .auth_add{
  1104. display: none;
  1105. padding-top: 5px;
  1106. margin-right: 10px;
  1107. }
  1108. .auth_list .auth_info{
  1109. cursor: pointer;
  1110. padding: 2px 0;
  1111. }
  1112. .auth_list .teacher_list{
  1113. margin-left: 20px;
  1114. display: none;
  1115. }
  1116. .auth_list .teacher_item{
  1117. display: block;
  1118. height: 25px;
  1119. line-height: 25px;
  1120. }
  1121. .auth_checks .checked_item{
  1122. height: 30px;
  1123. line-height: 30px;
  1124. }
  1125. .auth_checks .checked_item{
  1126. display: block;
  1127. padding: 0 5px;
  1128. }
  1129. .auth_list .auth_info:hover,
  1130. .auth_list .teacher_item:hover,
  1131. .auth_checks .checked_item:hover{
  1132. background: #e9f1fa;
  1133. }
  1134. .auth_list .auth_info:hover .auth_add{
  1135. display: block;
  1136. }
  1137. .assign_outer{
  1138. border: solid 1px #ccc;
  1139. margin-bottom: 10px;
  1140. padding: 10px 0;
  1141. background: #fff;
  1142. display: none;
  1143. }
  1144. .modal .assign_outer{
  1145. border: none;
  1146. }
  1147. .resource-assign-up{
  1148. border-top:dotted 1px #ddd;
  1149. margin-top: 10px;
  1150. padding-top: 10px;
  1151. }
  1152. .modal .assign_outer .resource-assign-up{
  1153. border-bottom:dotted 1px #ddd;
  1154. padding-bottom: 10px;
  1155. }
  1156. .folder{
  1157. background: url(/public/master/img/folder.png);
  1158. width: 65px;
  1159. height: 56px;
  1160. }
  1161. #question_form .choice{
  1162. margin-bottom: 15px;
  1163. }
  1164. .mbl {
  1165. margin-bottom: 20px;
  1166. }
  1167. .mtl {
  1168. margin-top: 20px;
  1169. }
  1170. .testpaper-question {
  1171. margin-bottom: 20px;
  1172. font-size: 14px;
  1173. padding-top: 20px;
  1174. }
  1175. .modal .testpaper-question {
  1176. padding-top: 0px;
  1177. }
  1178. .testpaper-question-stem {
  1179. margin-left: 20px;
  1180. margin-right: 20px;
  1181. padding-bottom: 10px;
  1182. border-bottom: 1px dashed #DDD;
  1183. margin-bottom: 10px;
  1184. overflow: hidden;
  1185. }
  1186. .testpaper-question-choices {
  1187. margin-left: 20px;
  1188. margin-right: 20px;
  1189. padding-left: 0px;
  1190. list-style: outside none none;
  1191. border-bottom: 1px dashed #DDD;
  1192. margin-bottom: 10px;
  1193. padding-bottom: 10px;
  1194. }
  1195. .testpaper-question-choices li {
  1196. padding: 6px 0px 6px 6px;
  1197. }
  1198. .testpaper-question-choice-index {
  1199. color: #999;
  1200. margin-right: 20px;
  1201. }
  1202. .testpaper-question-choice-inputs {
  1203. margin-left: 20px;
  1204. float: left;
  1205. }
  1206. .testpaper-question-choice-inputs label {
  1207. padding: 8px 20px 8px 30px;
  1208. display: inline-block;
  1209. }
  1210. .testpaper-question-choice-inputs label:hover,.testpaper-question-choice-inputs label.active{
  1211. background:#eee
  1212. }
  1213. .testpaper-question-result {
  1214. margin-left: 20px;
  1215. float: left;
  1216. }
  1217. .testpaper-question input[type="checkbox"] {
  1218. position: static;
  1219. }
  1220. .mobile .testpaper-question input[type="checkbox"] {
  1221. position: absolute;
  1222. left: .466em;
  1223. top: 50%;
  1224. }
  1225. .mobile .testpaper-question-stem{
  1226. border: none;
  1227. margin-left: 0;
  1228. margin-right: 0;
  1229. }
  1230. .mobile .testpaper-question-choices{
  1231. margin-left: 0;
  1232. margin-right: 0;
  1233. }
  1234. .mobile .testpaper .options{
  1235. margin-top: 50px;
  1236. }
  1237. .mobile .testpaper .options a.btn{
  1238. padding: .6em 40px;
  1239. }