body { font-family: Arial, Microsoft JhengHei, sans-serif; font-size:15px; margin:0; padding:0; line-height:1.5; color:#444; background:#fff; } label, input, textarea, keygen, select, button { font-size: 15px; font-family: Arial, Microsoft JhengHei, sans-serif; } /* for modal */ .body-tmpl-modal { background: #fff !important; } /* IE clear */ ::-ms-clear { display: none; } /* common css */ .ext-icon {margin-top:-5px;cursor:pointer;} .text-ellipsis {text-overflow:ellipsis; white-space:nowrap; overflow:hidden} .two-lines-ellipsis {overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3; max-height: 2.6em;} .avatar img {border:1px solid #fff; padding:1px} .avatar:hover img {border-color:#e4eeed} .video-time {position:absolute; bottom:0px; right:1px; line-height:16px; height:16px; font-size:12px; color:#fff; padding:1px 3px; background:rgba(0,0,0,0.7); font-weight:bold; opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); } .toolBox {position:absolute; top:10px; right:0px} .toolItem {padding-left:15px; background:url(/sys/res/icon/item2.gif) left center no-repeat} .seeker {color:#06f} .seeker:hover {text-decoration:none; background-color:#dad9d7; border-radius:2px; cursor:pointer} .page-remark {margin-top:10px; font-size:12px; font-weight:normal; color:#888} .hint {font-size:12px; font-weight:normal; color:#888} .warning {color:#f00} .correct {color:#006400} .valign-top {vertical-align: top !important;} .valign-middle {vertical-align: middle !important;} .valign-bottom {vertical-align: bottom !important;} .marker {color:#f00; background:rgb(255,255,150)} .more {font-size:10.5px; font-weight:normal} .valid {padding:5px 5px 5px 20px} .valid-success {color:#070; background:url(images/tick.png) no-repeat 0 50%} .valid-fail {color:#f00; background:url(images/cross.png) no-repeat 0 50%} .errorPS {color:#f00; padding-left:20px; background:url(images/cross.png) no-repeat 0 50%} .qrCode {border:1px solid #555} .clear {clear:both; overflow:hidden; *height:1px} .modalBox {background:#fff; text-align:left; padding:5px; height:100%; box-sizing:border-box;} .modalBox #main {border: none;} /* for /km/browse */ .modalBox.base2L #main {width: auto;} .modalBox.base2L #sidebar {width: 210px;} .modalBox.base2L #content {width: 710px;} .page-count {} .block-disabled {opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);pointer-events:none;} .tag-disabled {color:#888; pointer-events:none;} /* cursor */ .move {cursor:move} .focus {cursor:pointer} /* icon text */ .ico {} .ico .placeholder {position:relative; z-index:10; width:16px; height:18px; margin-right:6px} .ico .text {line-height:18px; vertical-align:middle; position:relative; z-index:15; text-overflow:ellipsis; white-space:nowrap; overflow:hidden} [class^="ico-"] {float:left; background-repeat:no-repeat; background-position:left center} .ico-poll {background-image:url(/sys/res/icon/playtype/poll.png)} .ico-poll_speaker {background-image:url(/sys/res/icon/playtype/poll_speaker.png)} .ico-doc {background-image:url(/sys/res/icon/playtype/doc.png)} .ico-exam {background-image:url(/sys/res/icon/playtype/exam.png)} .ico-exercise {background-image:url(/sys/res/icon/playtype/exercise.png)} .ico-pdf {background-image:url(/sys/res/icon/playtype/pdf.png)} .ico-html {background-image:url(/sys/res/icon/playtype/html.png)} .ico-ppt {background-image:url(/sys/res/icon/playtype/ppt.png)} .ico-attendant {background-image:url(/sys/res/icon/playtype/rollcall.png)} .ico-link {background-image:url(/sys/res/icon/playtype/link.png)} .ico-iframe {background-image:url(/sys/res/icon/playtype/iframe.png)} .ico-album {background-image:url(/sys/res/icon/playtype/album.png)} .ico-broken {background-image:url(/sys/res/icon/playtype/disconnect.png)} .ico-video {background-image:url(/sys/res/icon/playtype/video.png)} .ico-mp4 {background-image:url(/sys/res/icon/playtype/mp4.png)} .ico-fs2mp4 {background-image:url(/sys/res/icon/playtype/fs2mp4.png)} .ico-fs {background-image:url(/sys/res/icon/playtype/fs.png)} .ico-ept {background-image:url(/sys/res/icon/playtype/ept.png)} .ico-embed {background-image:url(/sys/res/icon/playtype/embed.png)} .ico-audio {background-image:url(/sys/res/icon/playtype/audio.png)} .ico-playlist {background-image:url(/sys/res/icon/playtype/playlist.png)} .ico-course {background-image:url(/sys/res/icon/course.png)} .ico-km {background-image:url(/sys/res/icon/folder.gif)} .ico-folder {background-image:url(/sys/res/icon/folder.png)} .ico-folder_group {background-image:url(/sys/res/icon/folder_group.png)} .ico-folder_login {background-image:url(/sys/res/icon/folder_login.png)} .ico-poll_l {background-image:url(/sys/res/icon/playtype/poll_l.png)} .ico-poll_speaker_l {background-image:url(/sys/res/icon/playtype/poll_speaker_l.png)} .ico-doc_l {background-image:url(/sys/res/icon/playtype/doc_l.png)} .ico-exam_l {background-image:url(/sys/res/icon/playtype/exam_l.png)} .ico-exercise_l {background-image:url(/sys/res/icon/playtype/exercise_l.png)} .ico-pdf_l {background-image:url(/sys/res/icon/playtype/pdf_l.png)} .ico-html_l {background-image:url(/sys/res/icon/playtype/html_l.png)} .ico-ppt_l {background-image:url(/sys/res/icon/playtype/ppt_l.png)} .ico-attendant_l {background-image:url(/sys/res/icon/playtype/rollcall_l.png)} .ico-link_l {background-image:url(/sys/res/icon/playtype/link_l.png)} .ico-album_l {background-image:url(/sys/res/icon/playtype/album_l.png)} .ico-iframe_l {background-image:url(/sys/res/icon/playtype/iframe_l.png)} .ico-broken_l {background-image:url(/sys/res/icon/playtype/disconnect_l.png)} .ico-playlist_l {background-image:url(/sys/res/icon/playtype/playlist_l.png)} .ico-video_l {background-image:url(/sys/res/icon/playtype/video_l.png)} .ico-fs2mp4_l {background-image:url(/sys/res/icon/playtype/fs2mp4_l.png)} .ico-fs_l {background-image:url(/sys/res/icon/playtype/fs_l.png)} .ico-ept_l {background-image:url(/sys/res/icon/playtype/ept_l.png)} .ico-mp4_l {background-image:url(/sys/res/icon/playtype/mp4_l.png)} .ico-embed_l {background-image:url(/sys/res/icon/playtype/embed_l.png)} .ico-audio_l {background-image:url(/sys/res/icon/playtype/audio_l.png)} .ico-course_l {background-image:url(/sys/res/icon/course_l.png)} .ico-km_l {background-image:url(/sys/res/icon/folder_l.gif)} .ico-external_record {background-image:url(/sys/res/icon/feature-course/external_record.png)} .ico-approve_mgr {background-image:url(/sys/res/icon/feature-course/approve_mgr.png)} .ico-report_mgr {background-image:url(/sys/res/icon/feature-course/report_mgr.png)} .ico-category_mgr {background-image:url(/sys/res/icon/feature-course/category_mgr.png)} .ico-apply_external {background-image:url(/sys/res/icon/feature-course/apply_external.png)} .ico-course_mgr {background-image:url(/sys/res/icon/feature-course/course_mgr.png)} .ico-template_mgr {background-image:url(/sys/res/icon/feature-course/template_mgr.png)} .ico-field_mgr {background-image:url(/sys/res/icon/feature-course/field_mgr.png)} .ico-license_mgr {background-image:url(/sys/res/icon/feature-course/license_mgr.png)} .ico-program_mgr {background-image:url(/sys/res/icon/feature-course/program_mgr.png)} .ico-role_mgr {background-image:url(/sys/res/icon/feature-course/role_mgr.png)} .ico-speaker_mgr {background-image:url(/sys/res/icon/feature-course/speaker_mgr.png)} .ico-training_plan {background-image:url(/sys/res/icon/feature-course/training_plan.png)} .ico-training_plan_mgr {background-image:url(/sys/res/icon/feature-course/training_plan_mgr.png)} /* css reset start */ table {border-collapse:collapse; border-spacing:0; table-layout: fixed} tbody {vertical-align:top} pre {margin:0} img {border:0} /* font size: 12px, 13px, 15px, 20px, 30px */ .small {font-size:13px;} .medium {font-size:15px;} .large {font-size:20px;} button, input[type="submit"], input[type="reset"], input[type="button"] { -webkit-appearance:button; cursor:pointer; } button:disabled, html input:disabled, select:disabled { cursor:default; } a {cursor:pointer; color:#06f; text-decoration:none} a:visited {} a:hover {color:#ff4500; text-decoration:none} a:active {color:#06f} a:focus {color:#f00} option[value=''][disabled] { display: none; } .spanLink {float:none; margin:0; padding:0; cursor:pointer; color:#06f; text-decoration:none} .spanLink:visited {} .spanLink:hover {color:#ff4500; text-decoration:none} .spanLink:active {color:#06f} .spanLink:focus {color:#f00} /* layout */ #sys {position:relative; z-index:999; background:#000; padding:5px 0; display: inline-block; min-width: 100%;} #sys2 {width:970px; margin:0 auto} #page {text-align:left} /* #sys.position = fixed */ #banner {position:relative; width:980px; margin:0 auto} #guide {float:left} #main {width:980px; margin:20px auto 0; position:relative} #top {} #xboxBanner {position:relative} #sidebar {position:relative;} #content {position:relative;} #bottom {} #footer {margin:0 auto; margin:30px 0 20px 0; font-size:.9em} #about {width:980px; padding:5px; margin:0 auto; color:#888; border-top:1px solid #aaa} /* The following css lines are temporarily put here */ #xboxL, #xboxL2 {float:left; width:49%} #xboxR, #xboxR2 {float:right; width:49%} /* layout width */ #sidebar {width:230px} #content {width:734px} /*------------------------------*/ .base2L #sidebar {float:left} .base2L #content {float:right} .base2R #sidebar {float:right} .base2R #content {float:left} /*------------------------------*/ .base1 #content {width:980px; margin:auto} /*------------------------------*/ /* header */ #banner .fs-banner { background: #177; background-position: center; background-repeat: no-repeat; background-size: cover; max-width: 980px; } #banner .fs-banner-wrap { margin: 0 15px; height: 90px; display: table;} #banner .fs-banner-wrap .fs-banner-title { font-size: 30px; color: #fff; display: table-cell; vertical-align: middle } #root-login #main {position:relative; width:580px; padding:20px 10px 0; margin:20px auto 0; border:1px solid #bdbdbd; border-radius:4px; background:#fff} #root-login #main:after {display:block; content:' '; position:absolute; left:0; bottom:-24px; width:600px; height:24px; background:url(/sys/res/icon/login-shadow.png) no-repeat} #root-login .base2R #content {width:auto;} #root-login .base2R #xbox {margin-bottom:10px;} /* mgr */ #root-mgr #sidebar {position:relative; width:160px; } #root-mgr #sidebar a {color:#444;} #root-mgr #sidebar a:hover {color:#ff4500;} #root-mgr #sidebar .active {font-weight:bold;color:#ff4500;} #root-mgr #sidebar .list .item {margin-top:3px;} #root-mgr #content {position:relative; width:800px; } #root-forum #sidebar {width: 300px;} #root-forum #content {width: 660px;} /* sys */ #logoBox {float:left} #sys #logoBox a{color:#fff} /*#sys .search {height:18px; margin-left:15px; float:left; padding: 0 5px;}*/ #sys #menu ul ul a {color:#000} #sys #menu ul ul a:hover {color:#fff} #menu li {white-space:nowrap} #menu .menu > ul > li, .sysLoginBox {border-left: 1px dotted #888; padding: 0px 7px; margin-left: 0px;} #menu .listIndicator > a {background:url(images/downArrow.png) right 50% no-repeat; padding-right:10px} #content .toolBox {position:absolute; top:7px; right:0; height:15px; z-index:5} /* footer */ #footer #langBox {margin-bottom:5px;float:left;} #footer #langBox ul {list-style:none; padding:0; margin:0} #footer #langBox li {float:left; margin-right:15px} #footer #langBox li.curr {font-weight:bold; color:#444} .sysLoginBox {float: right;} .sysLoginBox a {color:#ccc} .sysLoginBox a:hover {color:#fff} #menu {float:right} #menu ul > li .caret {border-top-color:#ccc} #menu ul > li a {color:#ccc} #menu ul > li:hover .caret {border-top-color:#fff} #menu ul > li:hover a {color:#fff} #menu .menu > ul > li > .dropdown-menu {top:20px; right:0; left:auto} #menu .dropdown-menu a {font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden} #menu .menu .dropdown > [data-toggle="dropdown"] {position:relative; z-index:10; padding-right:20px} #menu .menu .dropdown > .caret { margin-left:-15px} #siteMenu {width:100%; z-index:30} #siteMenu .menu {} #siteMenu .menu > ul {padding:0 10px; box-shadow:0 1px 4px rgba(0, 0, 0, .065); border:1px solid #d4d4d4; background-image:linear-gradient(to bottom, #fff, #f2f2f2)} #siteMenu .menu > ul:empty {display: none;} #siteMenu .menu > ul > li {position:relative; margin:0} #siteMenu .menu > ul > li > .caret {position:absolute; top:10px; right:10px} #siteMenu .menu > ul > li > a {display:block; padding:10px; color:#333; font-weight:bold; text-shadow:0 1px 0 #fff} #siteMenu .menu > ul > li:hover, #siteMenu .menu > ul > li > a:hover {color:#000; background-color:#e5e5e5; box-shadow:inset 0 3px 8px rgba(0, 0, 0, .125)} #siteMenu .menu > ul > li > a[data-toggle='dropdown'] {padding-right:25px} #siteMenu .menu > ul > li > .dropdown-menu {top:35px} #siteMenu .dropdown-menu:before {left:auto; right:3px} #siteMenu .dropdown-menu:after {left:auto; right:4px} .dropdown-inline {display:inline-block} .dropdown-menu {min-width:65px} .menu li > ul.dropdown-menu:after, .toolBox .pageMenu > ul > li > .dropdown-menu:after { content:''; display:block; position:absolute; top:-6px; right:10px; border-right :6px solid rgba(0, 0, 0, 0); border-left :6px solid rgba(0, 0, 0, 0); border-bottom:6px solid #fff; } .menu li > ul.dropdown-menu:before, .toolBox .pageMenu > ul > li > .dropdown-menu:before { content:''; display:block; position:absolute; top:-7px; right:9px; border-right :7px solid rgba(0, 0, 0, 0); border-bottom:7px solid #ccc; border-left :7px solid rgba(0, 0, 0, 0); } .dropdown-menu {top:auto;} .dropdown-menu > li > a.menu-item-success {color:green;} .dropdown-menu > li > a.menu-item-fail {color:red;} .dropdown-menu > li > a.menu-item-pending {color:gray;} .dropdown-menu > li > a.menu-item-success:hover {color:white; background:green;} .dropdown-menu > li > a.menu-item-fail:hover {color:white; background:red;} .dropdown-menu > li > a.menu-item-pending:hover {color:white; background:gray;} /* bootstrap css override */ .table .text-center { text-align: center !important;} .table .text-right { text-align: right !important;} .table .text-left { text-align: left !important;} .control-group .controls .radio, .control-group .controls .checkbox { padding-top: 5px } .table td { line-height:1.5; } .btn {-ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; } .btn-ghost {background: none; color: #06f;} .btn-ghost:hover {background: #eee; color: red;} .tab-pane {min-height: 170px} .row-fluid [class*="span"] { min-height:0; } .nav {margin-bottom:0; left:0;} textarea {font-family:monospace} .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: default; } /* btn-group extend */ .btn-group .dropdown-menu > li > a { font-size: 15px; } .btn-group > .dropdown > .btn { position: relative; border-radius: 0; font-family: sans-serif; } .btn-group > * + * { margin-left: -1px; } .btn-group > .dropdown:first-child > .btn { margin-left: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .btn-group > .dropdown:last-child > .btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /* select 2 extend */ .select2-drop {z-index: 10000} .select2-results .group {color: #f99336;} .select2-search-choice .group {color: #f99336;} /* bootstrap-datepicker extend */ .input-daterange.input-append, .input-daterange.input-prepend { margin-bottom: 0; } .datepicker { z-index: 10000 !important } .input-daterange input {width: 80px;} /* bootstrap 3 */ .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .embedPriv { text-align: center; padding: 20px; font-size: 1.2em; color: #ccc; } /* theme */ /* menu (should put into theme) */ .menu {} .menu > ul {margin:0; padding:0; list-style:none} .menu > ul > li {float:left; margin-left:10px} .menu > ul > li > a {text-decoration:none; outline:none} .menu .dropdown-menu .dropdown-menu:before, .menu .dropdown-menu .dropdown-menu:after {display:none} /* theme::header */ .fs-header {display:block; position:relative; margin:10px 5px 0 5px} .fs-header .title {padding:3px 0; margin-bottom:3px; color:#333; font-size:1.85em; font-weight:bold; text-shadow:0 1px 0 #ccc; overflow:hidden; text-overflow:ellipsis; border-bottom:1px dashed #CCC;} .fs-header ul {margin:0; padding:0; list-style:none} .fs-header ul li {float:left; margin-right:10px} /* theme::breadcrumb */ .fs-breadcrumb {font-size:12px; color:#888; margin-bottom: 10px;} .fs-breadcrumb .curr {font-weight:normal; color:#444} /* theme::banner */ .banner {position:relative; margin-bottom: 10px} .banner.uploadBox {border:1px dashed #ccc;background:rgba(225,225,225,0.1)} .banner .photo{} /* **** */ .banner .title {font-size:2em; font-weight:bold; color:#333} .banner .subtitle {font-size:.9em; color:#ccc} /* theme::block */ .block {position:relative; margin-bottom:15px} .block .header {} .block .header .header-text { margin-bottom:3px; border-bottom:1px dashed #ccc; } .block .header .header-text > .title {padding:2px 0; font-weight:bold; font-size:1.15em;} /* padding-top for follow btn */ .block .header .header-text > .ext {margin-top:5px; float:right} .default-margin {padding:10px 5px 0 5px} .horizontal-margin {padding:0 5px 0 5px} .virtical-margin {padding:5px 0} .zero-margin {padding:0} .block.block-empty {margin-bottom: 0} #sidebar .myCourse .block {background:#ffffb6} #sidebar .block {border:1px solid #f6e4b8; border-radius:4px; background:#ffffdb} #sidebar .default-margin {padding:5px} #root-media .block .header {} #root-media .block .header > .title {margin-bottom:4px} #category .block .header {margin:0} #root-login #sidebar .block {background:none;} #root-login #sidebar .block {border:0; border-radius:0; border-left:1px solid #ccc; padding-left:10px} /* theme::nodata */ .nodata {margin:15px 0; font-size:13px; color:#999} .nodata.nodata-medium {margin:15px 0 100px 0} .nodata.nodata-large {margin:0 0 150px 15px} /* theme::alert */ .alert {} .alert .title {font-weight:bold} .alert .body {} .alert ul {margin:0} /* theme::profile */ .profile {margin-bottom:10px} .profile .photo {font-size:20px; color:#000;} .profile .photoHint {transition:all .5s; background-color: rgb(238, 238, 238); position: relative; opacity:0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; bottom: 30px;} /* stat board */ .profile .stat {text-align:center; margin-top:5px} .profile .title {} .profile .cnt {font-size:2em} .avatarBox {border-bottom:1px dashed #ccc; padding-bottom:5px} .avatarBox .avatar {float:left; margin-right:6px; width:64px; height:64px; padding:2px; border:1px solid #ccc; border-radius:4px; box-shadow:0 1px 3px #ddd} .avatarBox .avatar img {width:100%; height:100%; padding:0; border:0} .avatarBox .avatar img {width:100%; height:100%; padding:0; border:0} .avatarBox .avatar .cross {width:auto; height: auto; position:absolute; right:0; top:0;} .avatarBox .edit {display: inline;} /* info */ .profile .info {line-height:1.8; margin-bottom:5px} .profile .more {text-align:right} .profile .desc {word-wrap: break-word; word-break: break-all;} .profile .ext {} .profile .name {white-space: nowrap; overflow: hidden; text-overflow:ellipsis;} /** theme::grid **/ .grid {} /* consistent to wider margin of item */ .grid li {margin: 10px 0; } .grid .item {position:relative; padding: 0 10px;} .grid .item.curr .main {border-color:#468847} .grid .main {display:block; padding:2px; margin-bottom:2px; background:#fff; border:1px solid #bbb; border-radius:2px; box-shadow:0 1px 2px #ccc} .grid .main:hover {border-color:#08c; box-shadow:0 1px 4px rgba(0, 105, 214, 0.25)} .grid .img {position: relative; margin:1px; max-height: 180px; table-layout:fixed; text-align:center} .grid .img img {max-width:100%; max-height:100%} .grid .tip {position:absolute; bottom:0; right:1px; line-height:16px; height:16px; font-size:12px; color:#fff; padding:1px 3px; background: rgba(0,0,0,0.7); font-weight:bold; opacity:.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);} .grid .tip:empty {display:none} .grid .desc {padding-left:2px; border-top: 1px solid #eee; color:#777} .grid .caption {overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .grid .desc .ext {float:right} .grid .desc .ext .ext-left {float:left;} .grid .desc .ext .ext-right {float:right;} /** theme::gridList **/ .gridList {margin:0; padding:0; list-style:none} .gridList > li {display:inline-block; vertical-align:top; padding:0} /** theme::mediaGrid **/ .mediaGrid {} /* consistent to wider margin of item */ .mediaGrid li {width:33%; margin-bottom:20px} .mediaGrid .item {position:relative; width:200px; margin:0 auto} .mediaGrid .item.curr .main {border-color:#468847} .mediaGrid .main {display:block; padding:2px; margin-bottom:2px; border:1px solid #bbb; box-shadow:0px 1px 2px #ccc; background:#fff; border-radius:2px} .mediaGrid .main:hover {border-color:#08c; box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);} .mediaGrid .cnt {text-overflow:ellipsis; overflow:hidden; white-space:nowrap} /* photo */ .mediaGrid .photo {position:relative; text-align:center} .mediaGrid img.extIcon {position:absolute; bottom:3px; left:3px; width:auto; height:auto} /* desc */ .mediaGrid .desc {padding-left:2px; border-top:1px solid #eee; color:#777} .mediaGrid .title {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .mediaGrid .main:hover .desc {color:#333} .mediaGrid .info {} .mediaGrid .name {overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .mediaGrid .type-title .title {white-space:normal} .mediaGrid .type-title .text {display:block; white-space:normal; overflow:hidden; } .mediaGrid .type-title .placeholder {float:left; margin-right:3px;} /* when video is encoding */ .mediaGrid .encoding {position:relative} .mediaGrid .encoding .loading {position:absolute; bottom:2px; right:2px; opacity:.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";filter:alpha(opacity=75); background:#000; color:#fff; border-radius:4px; padding:2px 6px} .mediaAudit .auditBox {right:5px; top:45px; z-index:999; margin-top:5px; padding:10px; border:1px solid #ccc; border-radius:4px; background-color:white} .mediaAudit .auditBox > textarea {display:block; height:70px; width:300px; resize:none} .reasonBox { position: relative; top: 71px; left: 336px; background-color: white; width: 250px; border:1px solid #ccc; border-radius:4px; margin-bottom:5px; display:none; z-index:1000;} .reasonList { margin-top: 20px; overflow-x: hidden; height: 106px } .reasonList > ul > li { position:relative } .reasonList > ul > li > a { width:220px;padding-top:5px; padding-bottom:5px } .reasonList > ul > li > a > i { opacity:0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; position: absolute; left: 5px; top: 0px; bottom: 0px; margin: auto 0; } .reasonList > ul > li > a > div { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; color:#333; margin-left: 10px; } /** theme::tvGrid **/ .tvGrid {} .tvGrid .mediaGrid li {width:auto; margin-bottom:0} .tvGrid .mediaGrid .item {width:auto; margin:8px} .tvGrid .mediaGrid .photo .thumb{width:100%; height:auto} /** theme::imageTemplate **/ .imageTemplate{position:relative;} .imageTemplate ul, .imageTemplate .title, .imageTemplate .linker, .imageTemplate .l1, .imageTemplate .l2 {position:absolute; top:0; bottom:0; width:100%; list-style:none; padding:0; margin:0; background-size:cover} .imageTemplate .title li {overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .imageTemplate .item, .imageTemplate .foreground {position:absolute} .imageTemplate .item .image { width:100%; height:100%; padding:0; margin:0; background-size:cover; background-position:center; background-repeat:no-repeat; } .imageTemplate .linker a {display:block; width:100%; height:100%} /* theme::imageWall */ .imageWall {margin:0; padding:0; list-style:none} .imageWall .showCurr {display:block} .imageWall .hideCurr {display:none} .imageWall .showOther {display:block} .imageWall .hideOther {display:none} .imageWall .curr {width:70%} .imageWall .other {width:30%; cursor:pointer} .imageWall .box {position:relative; padding:2px} .imageWall .box .img {width:100%; height:100%} .imageWall .box .caption {position:absolute; left:0; bottom:2px; right:0; margin:0 2px 0 2px; padding:2px; text-align:center; font-size:12px; text-overflow:ellipsis; white-space:nowrap; color:#fff; background-color:#000; opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70);max-height:15%; min-height:11px; overflow:hidden} .thumbList {} /* consistent to wider margin of item */ .thumbList li {display:block} .thumbList .item {position:relative; margin:0 auto; padding:10px 5px;} .thumbList .chapter {position:relative; margin:5px auto; border-bottom: 1px solid #bbb; font-weight: bold; font-size: 1.2em;} .thumbList .item.curr {background:#ff9} .thumbList .main {float:left; width:125px; padding:2px; margin-right:5px; background:#fff; border:1px solid #bbb; box-shadow:0px 1px 2px #ccc; border-radius:2px} .thumbList .main:hover {border-color:#08c; box-shadow:0 1px 4px rgba(0, 105, 214, .25)} /* photo */ .thumbList .photo {position:relative; margin:1px} .thumbList .photo img {} .thumbList .info {overflow:hidden} .thumbList .title {overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .thumbList .title.wrap {white-space:normal} /* when video is encoding */ .thumbList .encoding {position:relative} .thumbList .encoding .loading {position:absolute; bottom:2px; right:2px; opacity:.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75);background:#000; color:#fff; border-radius:4px; padding:2px 6px} /** theme::folderGrid **/ .folder-grid {margin-top:15px} /* consistent to wider margin of item */ .folder-grid .item {position:relative; margin:0 10px 20px 10px; width:202px} .folder-grid .title {overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .folder-grid .photo {position:relative; float:left; margin-right:5px; border:1px solid #ccc; padding:1px} .folder-grid .photo:hover {border-color:#333} .folder-grid .extra {position:absolute; bottom:1px; margin-left:69px;} /* theme::follower */ .follower {} .follower.small {float:left; margin:4px} .follower.medium {} .follower .avatar {} .follower .name {width:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .follow, .unfollow, .followed { cursor:pointer; font-size:0.9em; font-weight:normal; color:#a00; padding:2px 6px 1px 6px; background:#fea; border:1px solid #eb3; border-radius:4px; text-shadow:0 1px 0 #fff; box-shadow:0 1px 0 #f9f9f9 inset } /* theme::tree */ .tree {line-height:1.5; padding:0; white-space:nowrap; *zoom:1; border:0} .tree .child {border:0} .tree ul {margin-left:20px} .tree li {} /* theme::lists */ .list {} .list .item {overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .list hr {margin: 9px 0; border-bottom: 0; border-top-color: #ddd;} .list .sep {color:#999} .list .curr {font-weight:bold} .list .list {margin-left:20px} .list.highlight .item:hover {background-color:#ff9} .iconList-menu li {padding:5px 2px;} .iconList-menu .ico {} .iconList-menu .ico .placeholder {width:24px; height:24px;} .iconList-menu .ico .text {height:24px; line-height:24px;} /* theme::orderList */ .orderList {line-height:1.5} .orderList .item {position:relative; padding-left:25px} .orderList .sn {position:absolute; left:0; width:25px; text-align:right} /* theme::simpleList */ .simpleList {padding:0; margin:0; list-style-type:none} .simpleList .listItem {padding:1px; min-height:19px} .simpleList .listItem .title {overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .simpleList .listItem .titleLink {vertical-align:middle} .simpleList .listItem .title.icon {float:none; padding-left:22px} .simpleList .listItem .hint {overflow:hidden; text-overflow:ellipsis; white-space:nowrap} /* clist */ .clist {} .clist table.tableBox {table-layout:fixed; border-top:3px solid #4abeb5; border-collapse:separate; border-spacing:0 .5px; font-size:13px; border-bottom:1px solid #4abeb5} .clist .tableBox .content {border:0} .clist .tableBox > tbody > tr {min-height:22px; background:#fff} .clist .tableBox > thead > tr > th { border-bottom:1px solid #4abeb5;color:#2b2b2b; background:#f6fffc; } .clist .tableBox tr .major {font-size:15px;} .clist .tableBox tr th.major {font-size:13px;} .clist .tableBox > tbody > tr > td {border-top:1px solid transparent; border-bottom:1px dashed #ddd;} .clist .tableBox > tbody > tr:last-child td{border-top:1px solid transparent; border-bottom:1px solid transparent;} .clist .tableBox > tbody > tr:hover > td {border-top:1px solid #e1f1ef; border-bottom:1px solid #e1f1ef; background:#f5fefc} .clist .tableBox > tbody > tr:hover .noHover {border-top:1px solid transparent; background:transparent} .clist .tableBox > tbody > tr > td {vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .clist .tableBox .selected td:hover, .clist .tableBox .selected td {border-top:1px solid #e1f1ef !important; border-bottom:1px solid #e1f1ef !important; background:#e1faf2 !important} .clist .tableBox .selected td, .clist .tableBox .selected .hint, .clist .tableBox .selected a {color:#6f6f6f !important} .clist .tableBox th a, .clist .tableBox th a:visited {color:#2281cf} .clist .tableBox a {color:#06f} .clist .tableBox a:hover {color:#f00} .clist .tableBox .pass {color: green} .clist .sort-ASC, .clist .sort-DESC {margin-top:9px; display:inline-block; width:0; height:0; vertical-align:top; border-right:3px solid transparent; border-left:3px solid transparent} .clist a .sort-DESC {border-bottom:5px solid #000} .clist a:hover .sort-DESC {border-top:5px solid #000; border-bottom:5px solid transparent} .clist a .sort-ASC {border-top:5px solid #000} .clist a:hover .sort-ASC {border-bottom:5px solid #000; border-top:5px solid transparent; margin-top:4px} .clist table td {word-wrap: break-word} .clist td a { word-warp: break-word} .clist .text-center {text-align:center} .clist .text-left {text-align:left} .clist .text-right {text-align:right} .clist .placeholder {display:inline-block; vertical-align: middle; position:relative; z-index:10; padding-left:30px; height:30px; width:auto; margin-right:0} .clist .ico .text {line-height:30px} .clist > #mediaList [class^="ico-"], #detailList [class^="ico-"] {float:none;display:inline-block;min-height: 18px;} /* theme::descList */ .descList .title {color:#000} .descList .dl-horizontal {border:1px solid #ccc;} .descList .dl-horizontal dt {} .descList .dl-horizontal dd {margin-left: 165px;} .descList .dl-horizontal.noBorder {border:none;} .descList .dl-horizontal.planInfo {margin-top:5px; border:0px;} .descList .dl-horizontal.planInfo dt {width:75px; padding:2px 0 2px 0} .descList .dl-horizontal.planInfo dd {margin:0; padding:2px 5px 2px 80px; border-bottom:0px solid #efefef} .table-description {border: 1px solid #dddddd; border-collapse: separate; border-left: 0; border-radius: 4px; table-layout: auto;} .table-description > tbody > tr > td:first-child {background-color: #f4f4f4; text-align: right; width: 90px;} .table-description > tbody > tr > td:nth-child(2) {text-align: left;} .table-description > tbody > tr.title > td {background-color: #eaeaea} .table-description > thead > tr > th, .table-description > tbody > tr > td { border-left: 1px solid #dddddd; } .table-description > thead:first-child > tr:first-child > th, .table-description > tbody:first-child > tr:first-child > th, .table-description > tbody:first-child > tr:first-child > td { border-top: 0; } .table-description > thead:first-child > tr:first-child > th:first-child, .table-description > tbody:first-child > tr:first-child > td:first-child, .table-description > tbody:first-child > tr:first-child > th:first-child { border-top-left-radius: 4px; } .table-description > thead:first-child > tr:first-child > th:last-child, .table-description > tbody:first-child > tr:first-child > td:last-child, .table-description > tbody:first-child > tr:first-child > th:last-child { border-top-right-radius: 4px; } .table-description > thead:last-child > tr:last-child > th:first-child, .table-description > tbody:last-child > tr:last-child > td:first-child, .table-description > tbody:last-child > tr:last-child > th:first-child, .table-description > tfoot:last-child > tr:last-child > td:first-child, .table-description > tfoot:last-child > tr:last-child > th:first-child { border-bottom-left-radius: 4px; } .table-description > thead:last-child > tr:last-child > th:last-child, .table-description > tbody:last-child > tr:last-child > td:last-child, .table-description > tbody:last-child > tr:last-child > th:last-child, .table-description > tfoot:last-child > tr:last-child > td:last-child, .table-description > tfoot:last-child > tr:last-child > th:last-child { border-bottom-right-radius: 4px; } .table-description > tfoot + tbody:last-child > tr:last-child > td:first-child { border-bottom-left-radius: 0; } .table-description > tfoot + tbody:last-child > tr:last-child > td:last-child { border-bottom-right-radius: 0; } /* alert */ .alertBox {} .alertBox .sp {margin-top: 10px; background: #eee; cursor: pointer; padding: 10px 0} .alertBox .sp:hover {background: #ddd} .alertBox .sp ~ .item {display: none} .alertBox .item {padding: 1px 0} .alertBox .head { cursor: pointer; color:#06f; border-bottom: 1px solid rgba(127,127,127,0.1); border-top: 1px solid transparent;} .alertBox .head:hover{color:red;} .alertBox .label {padding: 2px 6px; margin-right: 3px; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30);} .alertBox .unread .label {opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);} .alertBox .unread .title {font-weight: bold; } .alertBox .title {overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-weight: normal; margin-right: 20px;} .alertBox .portal {opacity: 0.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20);float:right; margin-right: 10px} .alertBox .portal:hover {opacity: 0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70);} .alertBox .content {padding: 20px} .alertList {} .alertList .item {padding: 1px 0} .alertList .title {overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-weight: normal; margin-right: 0; } .alertList .read .title { color:#999; } .alertList .unread .title { font-weight: normal; } .alertList .delete hr{ margin:5px; } .alertList .delete .deleteLink{ font-weight: normal; } .alertList .content {padding: 20px} .body-course .mod_bulletin .item {padding: 1px 0; color:#06f; border-bottom: 1px solid rgba(127,127,127,0.1); border-top: 1px solid transparent;} /* module */ /* activityList */ .activityList {} .activityList .list {line-height: 1.8} .activityList .list .status {margin:3px 3px 0 0; float:right} .activityList .list .act {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding: 0 5px} .activityList .list .curr {background: #e8eee8; border-radius: 5px} .activityList .list .time {float: right; font-size: 12px; color:gray; margin-right: 5px} .activityList .list .sn {float:left; margin-right:5px; line-height:16px} .activityList.tree {} .activityList.tree .list {padding: 0; margin: 0} .activityList.tree .chapter {font-weight: bold;} .activityList.tree .item:hover {background: #fea} .activityList.tree .status {cursor: pointer;} .activityList.tree .indent {margin-left: 20px} /*remark*/ .remark {color:#a9a9a9; font-size:.9em} .remark .title {float:left} .remark .content {overflow:hidden} .remark .item {position:relative; margin-bottom:5px; padding-left:20px} .remark .sn {position:absolute; top:0; left:0; text-align:right; width:20px} .remark .item.single{padding-left:5px} .remark.edit {color:inherit; font-size:inherit} .remark.edit .content {overflow:inherit; margin-top:10px} .remark.edit .placeholder {margin:5px 0; padding:5px; background:#ffc; border:2px dotted #fc9} .remark.edit .item {margin-bottom:10px; padding-left:40px} .remark.edit .tool {position:absolute; top:0; left:-10px} .remark.edit .grab, .remark.edit .close, .remark.edit .sn {position:absolute} .remark.edit .grab {top:0; width:16px; height:25px; cursor:move; background:url(/sys/res/icon/drag.png) no-repeat center center #eee} .remark.edit .sn {font-size:1.3em; left:10px; width:30px; font-weight:bold} .remark.edit .close {left:25px; top:20px; position:absolute} .remark.edit .close {color:#f00; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);} .remark.edit .close:hover {color:#f00; opacity:.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);} /*step*/ .step {} .step .item {position:relative; margin:5px 0 10px 0; padding:0 0 10px 0px; border-bottom:1px solid #ddd} .step .item.bottom {padding-right:0} .step .sn {float:left; margin-right:10px; font-family:"time new roman"; font-size:2.7em; font-weight:bold;vertical-align: text-top;line-height: 1;} .step [type='chapter'] {padding-left:0 !important; padding-right:0 !important} .step .text {position:relative; overflow:hidden} .step .note {position:relative; overflow:hidden;} .step .note img {max-width:100%} .step .photo {position:relative; overflow:hidden} .step .photo .zoom, .step .zoom {opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; filter:alpha(opacity=65);} .step .photo:hover .zoom, .step .zoom:hover {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);} .step .right .photo {float:right} .step .bottom .photo {margin-top:10px} .step .zoom {position:absolute; bottom:1px; right:1px; border-radius:4px; background-color:#999; padding:2px 4px} .step .bottom .photo.showBorder {padding:3px} .step .bottom .photo.showBorder img {box-sizing:border-box; padding:5px; box-shadow:0 0 4px rgba(0, 120, 255, .5); border:1px solid #acacac} .step .right .photo {margin-left:5px} .step .cog {position:absolute; right:5px; top:0} .step .icon-cog {width:16px; height:16px; background-position:0; background-image:url(/sys/res/icon/cog.png)} .step .cog .icon {opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);} .step .cog .icon:hover {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);} .step .right.hasImg .cog {right:110px} .step .item.hideBullet {padding-left:0} .step .hideBullet .sn {display:none} .step.edit {} .step.edit .placeholder {margin:5px 0; padding:5px; background:#ffc; border:2px dotted #fc9} .step.edit .item {padding:0 135px 10px 50px !important} .step.edit [type='chapter'] {padding-right:0 !important} .step.edit .tool {position:absolute; top:0; left:-5px} .step.edit .grab, .step.edit .close, .step.edit .sn, .step.edit .ext{position:absolute} .step.edit .grab{width:16px; height:25px; background:url(/sys/res/icon/drag.png) no-repeat center center #eee; cursor:move; z-index:99} .step.edit .sn {left:8px; width:30px; font-size:1.3em; text-align:right} .step.edit [type='chapter'] .sn {height:20px; background:url(/sys/res/icon/information.png) right bottom no-repeat;} .step.edit .close {position:absolute; top:20px; left:25px} .step.edit .close {color:#f00; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);} .step.edit .close:hover {opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);} .step.edit .ext {width: 135px; top:0; right:0} .step.edit .position {position:relative; width:135px; margin-top:2px} .step.edit .radio {display:block; margin-right:5px} .step.edit .displayBorder {font-size:12px; color:#888} .step.edit .displayBorder label.inline {padding-top: 0px; float:none; margin-right:0} .step.edit .imgBox {padding:5px; width:100px; max-height:80px; overflow:hidden; box-shadow:0 1px 3px #999; text-align:center; border:1px solid #dedede} .step.edit .imgBox img {max-width:100%} .step .cross {position:absolute; top:5px; right:5px; cursor:pointer} .step.edit .radio input[type="radio"] {margin-left:-15px} .step.edit.single .item {padding-left:40px} .step.edit.single .sn {left:3px} .step.edit.single .close{left:20px} /* mt */ .mt.edit {} .mt.edit .placeholder {margin:5px 0; padding:5px; background:#ffc; border:2px dotted #fc9} .mt.edit .item {position:relative; margin:5px 0 10px; padding:0 0 10px 50px; border-bottom:1px solid #ddd} .mt.edit .tool {position:absolute; top:0; left:0} .mt.edit .grab, .mt.edit .close, .mt.edit .sn{position:absolute} .mt.edit .grab {width:16px; height:25px; background:url(/sys/res/icon/drag.png) no-repeat center center #eee; cursor:move} .mt.edit .sn {width:30px; font-size:1.5em; font-weight:bold; position:absolute; left:25px; width:30px; font-size:1.3em} .mt.edit .close {position:absolute; top:20px; left:25px} .mt.edit .close {color:#f00; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);} .mt.edit .close:hover {opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);} .mt.edit .imgBox {padding:5px; width:100px; max-height:80px; overflow:hidden; box-shadow:0 1px 3px #999; text-align:center; border:1px solid #dedede} .mt.edit .imgBox img {max-width:100%} .mt .cross {position:absolute; top:5px; right:5px; cursor:pointer} .mt .ext {float:left; margin-right:10px} .mt.edit.single .item {padding-left:40px} .mt.edit.single .sn {left:0} .mt.edit.single .close{left:15px} /* focusPlay */ .focusPlay.edit {} .focusPlay.edit .placeholder {margin:5px 0; padding:5px; background:#ffc; border:2px dotted #fc9} .focusPlay.edit .item {position:relative; margin:5px 0 10px; padding:0 0 10px 50px; border-bottom:1px solid #ddd} .focusPlay.edit .tool {position:absolute; top:0; left:0} .focusPlay.edit .grab, .focusPlay.edit .close, .focusPlay.edit .sn{position:absolute} .focusPlay.edit .grab {width:16px; height:25px; background:url(/sys/res/icon/drag.png) no-repeat center center #eee; cursor:move} .focusPlay.edit .sn {width:30px; font-size:1.5em; font-weight:bold; position:absolute; left:25px; width:30px; font-size:1.3em} .focusPlay.edit .close {position:absolute; top:20px; left:25px} .focusPlay.edit .close {color:#f00; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);} .focusPlay.edit .close:hover {opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);} .focusPlay.edit .imgBox {padding:5px; width:100px; max-height:80px; overflow:hidden; box-shadow:0 1px 3px #999; text-align:center; border:1px solid #dedede} .focusPlay.edit .imgBox img {max-width:100%} .focusPlay .cross {position:absolute; top:5px; right:5px; cursor:pointer} .focusPlay .ext {float:left; margin-right:10px} .focusPlay.edit.single .item {padding-left:40px} .focusPlay.edit.single .sn {left:0} .focusPlay.edit.single .close{left:15px} /* mod_channel */ .mod_channel {} .mod_channel .itemBox {padding:15px} .mod_channel .imgBox {padding:2px; border:1px solid #bbb; border-radius:2px; box-shadow:0 1px 2px #ccc; text-align:center} .mod_channel .imgBox:hover {border:1px solid #0088cc} .mod_channel .infoBox {margin-top:2px} /* banner */ .banner.edit {} .banner.edit .placeholder {margin:5px 0; padding:5px; background:#ffc; border:2px dotted #fc9} .banner.edit .item {position:relative; margin:5px 0 10px; padding:0 0 10px 50px; border-bottom:1px solid #ddd} .banner.edit .tool {position:absolute; top:0; left:0} .banner.edit .grab, .banner.edit .close, .banner.edit .sn{position:absolute} .banner.edit .grab {width:16px; height:25px; background:url(/sys/res/icon/drag.png) no-repeat center center #eee; cursor:move} .banner.edit .sn {width:30px; font-size:1.5em; font-weight:bold; position:absolute; left:25px; width:30px; font-size:1.3em} .banner.edit .close {position:absolute; top:20px; left:25px} .banner.edit .close {color:#f00; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);} .banner.edit .close:hover {opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);} .banner.edit .imgBox {padding:5px; width:100px; max-height:80px; overflow:hidden; box-shadow:0 1px 3px #999; text-align:center; border:1px solid #dedede} .banner.edit .imgBox img {max-width:100%} .banner .cross {position:absolute; top:5px; right:5px; cursor:pointer} .banner .ext {float:left; margin-right:10px} .banner.edit.single .item {padding-left:40px} .banner.edit.single .sn {left:0} .banner.edit.single .close{left:15px} /* carousel */ .carousel {box-sizing: border-box; border: 1px solid #aaa;} .carousel * {box-sizing: border-box; } .carousel-inner {height: 100%;} .carousel-inner .item {height: 100%;} .carousel-slide {width: 100%; height: 100%;} .carousel-slide-item {position: relative; float: left; border: 2px solid transparent} .carousel-slide-item img {width: 100%; height: 100%;} .carousel-indicators {left: 0; right: 0; width: auto; margin: 0 10px 10px; } .carousel-caption {left: 0; right: 0; bottom: 0; padding: 5px 10px; background-color: rgba(0,0,0,.5); color: #ccc; } .carousel-caption:empty {display: none !important;} .carousel-indicators li, .carousel-indicators .active {text-indent: 0; color: #ccc; border-color: #ddd; text-align: center; } .carousel-indicators .active {background-color: #fb9; border-color: #c97; color: #333; } .carousel-indicators--right {text-align: right; } .carousel-indicators--left {text-align: left; } .carousel-indicators--none {display: none; } .carousel-indicators--numeral li, .carousel-indicators--numeral li.active {font-size: 12px; width: 20px; height: 20px; line-height: 20px; } .carousel-indicators--inside {bottom: 0; } .carousel-indicators--outside {top: 100%; bottom: auto; padding-top: 2px; } .carousel-slide-item--hover .carousel-caption {display: none; } .carousel-slide-item--hover:hover .carousel-caption {display: block; } .carousel-control {top:50%; margin-top: -20px; width:20px; height:40px; border: 0; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius:0; background-color: transparent; background-repeat:no-repeat} .carousel-control.left {left:2%; background-image:url('/sys/res/icon/prev.png')} .carousel-control.left:hover {background-image:url('/sys/res/icon/prev_hover.png')} .carousel-control.right {right:2%; background-image:url('/sys/res/icon/next.png')} .carousel-control.right:hover {background-image:url('/sys/res/icon/next_hover.png')} .carousel-edit {border:0} .carousel-edit .sn {position:absolute; top:0; left:0; text-align:right; width:30px; font-size:1.5em; font-weight:bold} .carousel-edit .placeholder {margin:5px 0; padding:5px; background:#ffc; border:2px dotted #fc9} .carousel-edit .item {position:relative; padding:0 0 10px 190px} .carousel-edit .tool {position:absolute; top:0; left:0} .carousel-edit .grab, .carousel-edit .close, .carousel-edit .sn, .carousel-edit .ext {position:absolute} .carousel-edit .grab{top:0; width:16px; height:25px; background:url(/sys/res/icon/drag.png) no-repeat center center #eee; cursor:move} .carousel-edit .sn {left:15px; width:30px; font-size:1.3em} .carousel-edit .close {position:absolute; top:20px; left:30px} .carousel-edit .close {color:#f00; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);} .carousel-edit .close:hover {color:#f00; opacity:.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);} .carousel-edit .ext {top:0; left:60px} .carousel-edit .radio {float:left; margin-right:5px} .carousel-edit .imgBox {padding:5px; width:100px; max-height:80px; overflow:hidden; box-shadow:0 1px 3px #999; text-align:center; border:1px solid #dedede} .carousel-edit .imgBox img {max-width:100%; max-height:100%} .carousel .cross {position:absolute; top:5px; right:5px; cursor:pointer} /* bulletin */ .icon-bulletin {background:url(/sys/res/icon/bulletin.gif) no-repeat center center;} /* folderTree */ .folderTree .tree {line-height:2} .folderTree .dir, .folderTree .folder {overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .folderTree > .tree > .dir {margin-top:10px; font-weight:bold} .folderTree > .tree > .dir:first-child {margin-top:0} /* km */ .modFolderBox {overflow: auto} .modFolderBox > ul {} .modFolderBox ul {margin: 0; list-style: none;} .modFolderBox li {-ms-user-select:none; -moz-user-select:none; -webkit-user-select:none; user-select:none;} .modFolderBox ul > ul {display: inline-block; padding-left: 5px; margin-left:5px;border-left: 1px dotted rgba(0,0,0,0.1)} .modFolderBox li ~ ul {display: block} .modFolderBox.expand li ~ ul {display: block} .modFolderBox li {cursor: pointer} .modFolderBox li:hover {background: #e8eee8;} .modFolderBox .item {padding-right: 20px} .modFolderBox .dropdown {position:absolute; right:5px} .modFolderBox .dropdown-toggle {opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);transition:opacity 0.25s;} .modFolderBox .item:hover .dropdown-toggle {opacity: 0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60);transition:opacity 0.25s;} .modFolderBox .tool {float: right} .modFolderBox .item-folder, .modFolderBox .item-dir {cursor: auto} .modFolderBox .item-dir .name > a {font-weight: bold; color:gray;} .modFolderBox .item-dir .name {font-weight: bold; color:gray; vertical-align:bottom;} .modFolderBox .item .name {display: block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis} .modFolderBox .item.curr {background:#ff9} .dropdown-menu .btn-delete {color: #b94a48;} .dropdown-menu .btn-delete:hover {color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #aa4442; background-image: linear-gradient(to bottom, #b94a48,#953b39); background-repeat: repeat-x;} #kmtbl > thead > .header {height:35px} #kmtbl > thead > .header > th {padding:0 4px 8px 4px} .km-menu-list span {margin-right: 5px} .km .title {font-weight:bold; font-size:20px} .km-admtool {display:inline-block; vertical-align:baseline;} .km-admtool .dropdown-toggle {display:inline-block; padding:2px 5px; border: 1px solid #ccc; background: #fcfcfc; border-radius: 4px;} .km-admtool .dropdown-toggle:hover {background: #eee} .km-admtool .contentManage {display:inline-block; padding:2px 5px; border: 1px solid #ccc; background: #fcfcfc; border-radius: 4px;} .sharePanelHdl {display:inline-block; padding:3px 5px; border: 1px solid #CCC; background:#fcfcfc; margin:3px 0; border-radius:4px} .sharePanelHdl:hover {background:#eee} .km-toggle {display:inline-block; margin-top: 8px} .km-ico {display: inline-block; width: 16px; height: 16px; background: url(/sys/res/icon/km-toolbar.png) no-repeat;} .km-ico-faq {background-position: 0 0;} .km-ico-discuss {background-position: 0 -16px;} .km-ico-table {background-position: 0 -32px;} .km-ico-thumb {background-position: 0 -48px;} .km-ico-tree {background-position: 0 -64px;} .km-ico-flex {background-position: 0 -80px;} .km-ico-blog {background-position: 0 -96px;} .km-toggle .active, .km-toggle a {padding:4px; display:inline-block} .km-toggle a:hover {background:rgba(127, 127, 127, .2)} .km-toggle span.active i, .km-toggle a.active i {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} .km-toggle i {opacity:.3;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30);} .km-toggle a:hover i {opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} .km-search {border-top:1px solid #ccc} .km-search .item {overflow:hidden; height:75px; padding:5px; margin:10px 0; border-bottom:1px dotted #ccc} .km-search .desc {height: 100%; padding:0 5px; margin-left:10px; border-left: 1px solid #ccc} .km-search .thumb {width:120px; padding:5px; margin-right:10px; border:1px solid #ccc; border-radius:3px} .km-search .thumb:hover {border-color:#08c; box-shadow:0 1px 4px rgba(0, 105, 214, .25)} .km-search .thumb img {width:100%} .km-search .content {overflow:hidden} .km-search .name {font-weight:bold} .km-search .author {} .km-search .note {} .km-clickToAdd {margin:10px auto; display:table;} .km-clickToAdd .addMedia {border-radius:4px; text-align:center; font-size:1.2em; padding:8px 10px; border:1px dashed #ccc; background-color:#F2F2F2} .km-clickToAdd .addMedia:hover {border-color:#999} .km-clickToAdd .addMedia:visited {} .tips {border:1px dashed #f88; background-color:#fff8f8} .tips .box {margin:5px; padding:5px; border-bottom:1px dashed #eee} .tips .toolbar {margin-top:5px; padding:5px; background:#eee; font-size:12px} .tips .toolbar .show {float:left} .tips .toolbar .dismiss {float:right; padding:1px; cursor:pointer; border:1px solid #ccc; padding:0 3px} .tips .toolbar .dismiss:hover {opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);} /* kmcarousel */ .blog {} .blog .item {margin-bottom: 40px;} .blog .head-item {padding:7px; margin-bottom:10px; border-bottom:1px dashed #ccc} .blog .head-item .title {margin-bottom:10px; font-weight:bold; font-size:1.5em; white-space: nowrap; overflow: hidden; text-overflow:ellipsis} .blog .head-item .content {margin-bottom:25px; white-space:normal} .blog .head-item .thumb {width:100%} .blog .head-item .info {white-space: nowrap; overflow: hidden; text-overflow:ellipsis} .blog .body-item {padding:7px; margin:10px; border:1px solid #ccc; border-radius:5px; box-shadow:0 1px 1px 0 rgba(0,0,0,0.25)} .blog .body-item .title {margin-bottom:10px; font-weight:bold; font-size:1.5em; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;} .blog .body-item .content {margin-bottom:5px; overflow:hidden} .blog .body-item .thumb {width:100%} .blog .body-item .info {padding-top:5px; border-top:1px solid #ccc; white-space: nowrap; overflow: hidden; text-overflow:ellipsis} .blog .videoContainer {position:relative; text-align: center} .blog .videoContainer:hover .playIcon{ opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90); } .blog .playIconContainer {margin-top:-10%; margin-left:-10%; position:absolute; top:50%; left:50%; width:20%} .blog .playIcon {width:100%; height:100%; opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);} .navibar {} .navibar .navi-item {padding: 0 2px; border: 1px solid transparent;} .navibar .navi-item:hover {border-color: #ccc} .folderBox {list-style: none; padding: 5px; margin: 0; background: #ffc;border: 1px solid #ccc; } .folderBox:empty {display: none} .folderBox .item {width: 25%; float: left;} .folderBox .item.dir {font-weight: bold;} .folderBox .item > a {display: block; padding:3px 0 3px 8px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;} .folderBox .item.dir a {padding-left: 28px; background: url(/sys/res/icon/folder.gif) 8px center no-repeat;} .folderBox .item.folder a {padding-left: 28px; background: url(/sys/res/icon/dir_folder.png) 8px center no-repeat;} .dirMgr {list-style:none; padding:0; margin:0} .dirMgr:empty {display:none} .dirMgr .item {width:33.33333%; float:left; margin-bottom:30px; } .dirMgr .item.dir {} .dirMgr .item.folder {} .dirMgr .item .imgBox {float:left; width:60px; height:60px; padding:1px; border:1px solid #ccc} .dirMgr .item .imgBox:hover {border-color:#0088cc} .dirMgr .item .imgBox .img {width:100%; height:100%} .dirMgr .item .infoBox {height:65px; position:relative; margin-left:68px} .dirMgr .item .infoBox .title {padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-position: left center; background-repeat: no-repeat;} .dirMgr .item .infoBox .title.folder {background-image: url(/sys/res/icon/folder.png)} .dirMgr .item .infoBox .title.folder_login {background-image: url(/sys/res/icon/folder_login.png)} .dirMgr .item .infoBox .title.folder_group {background-image: url(/sys/res/icon/folder_group.png)} .dirMgr .item .infoBox .title.dir {background-image: url(/sys/res/icon/dir.png)} .dirMgr .item .infoBox .mediaCnt {position:absolute; bottom:0} .dirMgr #folder-listTbody tr td .title {padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background-position: left center; background-repeat: no-repeat;} .dirMgr #folder-listTbody tr td .title.folder {background-image: url(/sys/res/icon/folder.png)} .dirMgr #folder-listTbody tr td .title.folder_login {background-image: url(/sys/res/icon/folder_login.png)} .dirMgr #folder-listTbody tr td .title.folder_group {background-image: url(/sys/res/icon/folder_group.png)} .dirMgr #folder-listTbody tr td .title.dir {background-image: url(/sys/res/icon/dir.png)} .dirMgr #folder-listTbody tr td .title.folder {background-image: url(/sys/res/icon/folder.png)} .switchPanel {font-weight: bold; margin: 10px 0 } .switchPanel .tip {margin:5px 5px 0 0;} .switchPanel .name {padding: 5px; background: white;border-radius: 5px; border: 1px solid #ccc; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .switchPanel .name:hover {border-color: rgba(82,168,236,0.8);} .switchPanel i {opacity: 0.25;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";filter:alpha(opacity=25);} .switchPanel .name:hover i {opacity: 0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);} .kmchooser { display:none;position: absolute; border: 1px solid #ccc; overflow-y: auto; background: white; width: 350px;z-index: 100;max-height: 400px; padding: 5px; border-radius: 3px} .kmchooser ul {list-style: none; padding: 0; margin: 0} .kmchooser .close {position: absolute; top:5px; right: 5px} .kmchooser-nav {white-space:nowrap; padding:0; margin:0; overflow:hidden; border-bottom: 1px solid #eee; text-overflow: ellipsis;} .kmchooser-nav > div:nth-last-child(n+4) {display: none;} .kmchooser-nav > div:nth-last-child(4) {display:block; max-width: 10%; } .kmchooser-nav > div:nth-last-child(4):before {content:""; } .kmchooser-nav > div {float:left; box-sizing:border-box; padding-left: 15px; position: relative; max-width:30%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .kmchooser-nav > div:before {content: ">"; position: absolute; left: 5px; top: 0; color:gray; } .kmchooser-nav > div:first-child {padding-left: 0} .kmchooser-nav > div:first-child:before {content: ""; } .kmchooser-nav > div:last-child{max-width: 100%; float:none;} .kmchooser .box{display: none; list-style: none; margin: 0; width: 100%; float: left; box-sizing:border-box; padding:5px;} .kmchooser .box.active {display: block} .kmchooser .item {width: 50%; float: left;} .kmchooser .item.dir {font-weight: bold;} .kmchooser .item:hover{background: rgba(127,127,127,0.4)} .kmchooser .item > a {display: block; padding:3px 0 3px 8px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;} .kmchooser .item.dir a {padding-left: 28px; background: url(/sys/res/icon/dir.png) 8px center no-repeat;} .kmchooser .item.folder a {padding-left: 28px; background: url(/sys/res/icon/folder.png) 8px center no-repeat;} .kmchooser .item.folder_login a {padding-left: 28px; background: url(/sys/res/icon/folder_login.png) 8px center no-repeat;} .kmchooser .item.folder_group a {padding-left: 28px; background: url(/sys/res/icon/folder_group.png) 8px center no-repeat;} .kmchooser .item a:hover{color:white; color:red \9;} /** index page **/ /* #root-index .avatar {background:#fff; padding:2px; border:1px solid #bbb; border-radius:3px; box-shadow:0 1px 1px #ccc} */ #root-index #sidebar .photo a {display:block; padding:1px; border:1px solid transparent} #root-index #sidebar .photo a:hover {border-color:#f00} #root-index .duration {position:absolute; bottom:5px; right:5px; font-weight:bold; font-size:.8em; color:#fff; padding:0 4px; background:#000; filter:alpha(opacity=80); opacity:.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; border-radius:2px} #root-index .more {font-size:.7em; font-weight:normal; margin:5px 0 0 1px} #root-index #category ul {margin:0; padding:0; list-style:none} #root-index #category ul li {line-height:1.8} /** login page **/ .loginBox .account {} .loginBox .password {} .loginBox .social { margin-top: 15px; text-align: center; } .loginBox .fb {display:block; border-radius: 3px;padding: 5px 0; color:white; background: #3b5998; cursor: pointer;} .loginBox .fb:hover {background: #4c6aa9;} .loginBox .gp {display:block; border-radius: 3px;padding: 5px 0; color:white; background: #dd4b39; cursor: pointer;} .loginBox .gp:hover {background: #e74b37;} /** register page **/ #registerBox {display:table; margin:60px auto; padding:10px; border:1px solid #bdbdbd; border-radius:4px; box-shadow:0 1px 2px #777; background:#fff} #registerBox .header {margin-bottom:10px; text-align:center; border:0; font-size:1.6em; font-weight:bold} .socialIcon {display: inline-block; width:32px; height:32px; background: url('/sys/res/icon/social-login/social2.png'); border: 1px solid #ccc; margin: 0 3px;} .socialIcon.facebook {} .socialIcon.facebook.off {background-position: 0 -32px} .socialIcon.google {background-position: -32px 0} .socialIcon.google.off {background-position:-32px -32px} /** category page **/ .catList {margin:0} .catList > ul {margin:0 0 0 5px; padding-left:5px; list-style-type:none} .catList > li {margin:2px 0} .catList .parent > a {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap} .catList .parent {list-style-type:none; } .catList .parent:hover {background-color:#e4e7e9; border-radius:4px} .catList .child > a {display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap} .catList .child {margin:2px 0;} .catList .child:hover {background-color:#e4e7e9; border-radius:4px} /** folder page **/ #root-folder .profile {} #root-folder .profile .photo {text-align:center; margin-bottom:5px; box-shadow:0 0 3px #777;} #root-folder #folderHeader {margin-bottom: 15px;} /** media page **/ .app-media .convertingBox {float:left; background:#fff; box-shadow:0 0 3px #777; border:1px solid transparent; height:300px} .app-media .converting{margin:100px auto} .app-media .converting .formLeft {text-align: right;} .app-media .converting .formRight {text-align: left;} .app-media .converting .formCenter {text-align: center;} #root-media #mediaHeader {margin-bottom:10px} #root-media #videoBox {float:left} #root-media #videoBox.enlarge {float:none} #root-media #videoBox.enlarge #mediaBox {margin:0 auto} #root-media .mediaBox {position:relative; padding:2px; box-shadow:0 0 4px #777} #root-media .mediaBox .uploadBox {width:100%; height:100%} #root-media .mediaBox .uploadBox a img {width:100%; height:100%} /* #root-media .mediaBox .changeImage {position: absolute; top: 0; right: 0; bottom: 0; left: 0}*/ #root-media .mediaBox object, /* auto adapter */ #root-media .mediaBox embed, #root-media .mediaBox iframe {width:100% !important; height:100% !important} /* overwrite */ #root-media .mediaBox video {max-width:100%; max-height:100%} #root-media .mediaBox #media {position:relative; background:#000; min-height: 240px} .modalBox #media {position:absolute; top:0; left:0; right:0; bottom:0} #root-media .indexBox {line-height:1.9; font-size:15px} #root-media .indexBox ul {margin:0; padding:0; list-style:none} #root-media .indexBox .idx {padding-left:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-radius:4px; cursor:pointer} #root-media .indexBox .indent {padding-left:20px; color:#888; font-size:13px} #root-media .indexBox .duration {float:right; vertical-align:middle; margin:0 5px; font-size:12px; color:#888} #root-media .indexBox .idx {background:none} #root-media .indexBox .curr {background:#ff9} #root-media .indexBox .idx:hover, #root-media .indexBox .curr:hover {background:#ccc} .uploaderHint {font-size:.9em; color:#888} .index-edit{overflow-y:auto} .index-edit .item:hover {background:#ccc} .index-edit .item.indent {padding-left:15px} .index-edit .time {color: #06f; margin: 0 5px} .index-edit .idx {white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .index-edit .cross {opacity: 0.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";cursor: pointer;filter:alpha(opacity=20);} .index-edit .item:hover > .cross {opacity: 0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);} .index-edit .editPanel {padding: 10px 5px; margin: 5px 0; border-radius: 3px; background: rgba(224, 224, 224, .4); } /** media index editPanel **/ .index {max-height:300px; padding:1px; overflow:auto} .index .item {} .index .content {margin-right:20px} .index .content-indent {margin-left:20px} .index .sn {float:left; width:20px; line-height:1.8; margin-right:3px; text-align:right} .index .form-label {margin-right:15px; margin-left:25px} .index .content input {width:100%; padding-top:0; padding-bottom:0} .index .edit {line-height:1.8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .index .toggle {float:right; display:none; cursor:pointer} .index .toggle-disabled {opacity:.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70);cursor:auto} .index .item:hover .toggle {display:block} /** media author **/ .authorPhotoBox {position:relative; margin-bottom:15px; padding:2px; border:1px solid #ccc; /* border-radius:4px; */ background:#FFF; text-align:center} .authorPhotoBox .uploadBox {width:100%; height:100%} .authorPhotoBox .authorPhoto {} .authorPhotoBox .authorInfo {position:absolute; bottom:2px; left:2px; right:2px; padding:2px 2px 2px 5px; text-align:left; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);transition:opacity 0.3s ease; background-color:#000; color:#fff} .authorPhotoBox:hover .authorInfo {opacity:0.75;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75);transition:opacity 0.3s ease} /* extra */ #root-media .extraBox {margin-top:5px} #root-media .extraBox .left {color:#888; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:20px;} #root-media .extraBox .left .srcFrom {overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} #root-media .extraBox .right {float:right} #root-media .extraBox .right li {overflow:visible; position:relative; float:left; margin:0 2px; padding-left:5px; font-size:.9em} #root-media .extraBox .right li:before {content:' '; position:absolute; left:0px; top:3px; width:1px; height:10px; border-left:1px solid #999} #root-media .extraBox .right li:first-child:before {border-left-width:0} #root-media .extraBox .right .separator {color:#888; padding:0 2px} /* migrage from cc - begin */ #extraInfoBox {display:none; position:absolute; z-index:99; background:#fff; padding:5px 8px; border:1px solid #aaa; border-radius:3px; box-shadow:0 0 3px rgba(0, 0, 0, .3)} #extraInfo textarea{color:#333; width:450px; height:50px; padding:5px 8px; border:1px solid #d5d5d5; border-top-color:#b5b5b5; border-radius: 1px; box-shadow:inset 0px 1px 2px rgba(0, 0, 0, .2); resize:vertical; outline:0} #extraInfo .option {margin-top:2px; height:26px; width:100%} #extraInfo .option input[type='text'] {vertical-align:top; padding:2px; border:1px solid #aaa; box-shadow:0 0 3px rgba(0, 0, 0, .3)} #extraInfo .item {margin:0 10px 10px 10px; max-width:200px; white-space:nowrap} #extraInfo .categoryBox, #extraInfo .keywordBox {white-space:normal} #extraInfo .title {font-weight:bold} .addModuleArea a {display:block; width:100px; border-radius:4px; text-align:center; font-size:.9em; color:#bbb; padding:8px; border:1px dashed #ccc} .addModuleArea a:hover {color:#999; border-color:#999} #recommendBox textarea {color:#333; width:345px; min-height:50px; padding:5px 8px; border:1px solid #d5d5d5; border-top-color:#b5b5b5; border-radius: 1px; box-shadow:inset 0px 1px 2px rgba(0, 0, 0, .2); resize:vertical; outline:0} /* migrage from cc - end */ .extraPanel {position:absolute; z-index:99; background:#fff; padding:5px 8px; border:1px solid #aaa; border-radius:3px; box-shadow:0 0 3px rgba(0, 0, 0, .3)} .share.extraPanel .cross {float:right} .share.extraPanel textarea {margin-top:5px; color:#333; width:450px; height:50px; padding:5px 8px; border:1px solid #d5d5d5; border-top-color:#b5b5b5; border-radius:1px; box-shadow:inset 0px 1px 2px rgba(0, 0, 0, .2); resize:vertical; outline:0} .share.extraPanel .resizeBox {float:left} .share.extraPanel .autoplay {float:right} .share.extraPanel .ext {margin-top:5px} .share.extraPanel select {width:auto; height:auto} .addModuleArea a {display:block; width:100px; border-radius:4px; text-align:center; font-size:.9em; color:#bbb; padding:8px; border:1px dashed #ccc} .addModuleArea a:hover {color:#999; border-color:#999} .addModuleArea a:visited{color:#bbb} .addNewItem a {display:block; border-radius:4px; text-align:center; font-size:1.2em; padding:8px; border:1px dashed #ccc; background-color:#F2F2F2} .addNewItem a:hover { border-color:#999} .addNewItem a:visited{} #recommendBox textarea {color:#333; width:345px; min-height:50px; padding:5px 8px; border:1px solid #d5d5d5; border-top-color:#b5b5b5; border-radius:1px; box-shadow:inset 0px 1px 2px rgba(0, 0, 0, .2); resize:vertical; outline:0} #root-media .alert {margin:0} #root-media .extraBox .resizer {background:url(/sys/res/icon/media_zoom.png) no-repeat; width:16px; height:16px; cursor:pointer;} #root-media .extraBox .resizer.active {background-position:0 -16px} /* poll */ .poll.edit {position:relative; min-height:200px; margin-left:100px;} .poll .subject .sn {background:#77b900;} .poll .subject .req {position:relative; right:-5px;} .poll .placeholder {margin:5px 0; padding:5px; background:#ffc; border:2px dotted #fc9;} .poll.stat {border:0; box-shadow:none;} .poll.stat .box {margin:5px 0;} .poll.stat .title {margin-bottom:10px;} .poll.stat .question {margin-right:10px; float:left; display:inline-block; max-width:810px; overflow-x:auto;} .poll.stat .progress {margin:0;} .poll.stat .scale {margin-left:10px;font-size:12px; color:#f00; float:right; text-align:left; width:100px;} .poll.stat .option {float:left; width:150px; overflow:hidden; margin-right:10px; white-space:nowrap; text-overflow:ellipsis;} .poll.stat .block {margin:0;} .poll.stat .block .header {} .poll.stat .block .header > .title {margin:0; border:0;} .poll .essay .answer {margin:5px 0; min-height:20px} .poll .essay .answer .item {margin-bottom:5px} .poll .essay .answer .name {font-weight:bold} .poll.stat .subjection {border-bottom:1px solid #ddd} .poll.stat .selection .ext {margin:5px 0 0 45px;} .poll.stat .selection .list .list {margin:0} /*.poll.result .selected {color:#f00}*/ .poll.import .item {position:relative; border-radius:4px; padding:10px 10px 10px 35px} .poll.import .item:hover{background:#eee} .poll .tempSave, .poll .tempCancel {cursor:pointer; width:16px; height:16px} .poll .tempSave {background:url(/sys/res/icon/disk.png) no-repeat} .poll .tempCancel {background:url(/sys/res/icon/cross.png) no-repeat} /* exam */ .exam.edit {position:relative; min-height:200px; margin-left:100px} .exam .placeholder {margin:5px 0; padding:5px; background:#ffc; border:2px dotted #fc9} .exam .subject .sn {background:#001eb9} .exam.edit .answer {padding:3px 5px 5px 5px; margin-right:5px; border-radius:5px} .exam.edit .answer.error {background:#ffdfdf} .exam.edit .selectionField {float:left; padding:5px 10px 5px 5px; border-radius:5px} .exam.edit .selectionField .item{margin-bottom:5px} .exam.edit .selectionField.error {background:#ffdfdf} .examPanel {position:relative; margin:10px 0 0 20px; padding:8px; background:#f8f8f8; border:1px solid #ccc; border-radius:5px} .examPanel .title {margin-bottom:5px; font-weight:bold; bor11der-bottom:1px dotted #ccc; font-size:1.1em} .examPanel #pool-btn {float:left; margin:0} .examPanel .jump {padding:5px; cursor:pointer} .examPanel .jump:hover {text-decoration:underline} .examPanel .tool {} .examPanel #countDown {margin:5px 0 0 10px; color:#f00} .examPanel .subPanel {margin-bottom:5px; border-bottom:1px solid #ccc; overflow:auto} .examPanel .subPanel ul {margin:0; padding:0} .examPanel .subPanel ul li {overflow:hidden;text-overflow:ellipsis; white-space:nowrap; margin:0 5px 5px 0} .examPanel .subPanel ul li .item {color:#019968; font-weight:bold} .exam .pass {color:#54a954} .exam .fail {color:#f00} .exam .reply {padding-left:20px; margin-top:5px;} .exam .wrong .reply {background:url(/sys/res/icon/cross.png) left no-repeat; color:#f00; height:16px;} .exam .right .reply {background:url(/sys/res/icon/tick.png) left no-repeat; color:#54a954; height:16px;} .exam .mark {color:#54a954} .exam.stat {border:0; box-shadow:none} .exam.stat .box {margin:5px 0} .exam.stat .title {margin-bottom:10px} .exam.stat .progress {margin:0} .exam.stat .scale {float:right; text-align:right; width:70px; margin-left:5px} .exam.stat .question {float:left; width:100px; overflow:hidden; margin-right:10px; white-space:nowrap; text-overflow:ellipsis} #examHint .alert .title {font-size:1.2em} /* poll & exam common style */ .questionnaire #pool-btn {margin-top:10px} .questionnaire.poll #pool-btn {text-align:center} .questionnaire.edit .sn {cursor:move} .questionnaire .link {cursor:pointer; color:#06f; text-decoration:none} .questionnaire .link:hover {color:#f00} .questionnaire .subject {position:relative; margin-bottom:20px; padding:10px; background:#fff; border:1px solid #eee; border-radius:4px} .questionnaire .subject label {display:inline} .questionnaire .subject .sn {position:absolute; left:0; min-height:25px; width:30px; padding:5px 10px 5px 5px; text-align:right; font-weight:bold; font-size:1.2em; color:#fff; border-radius:0 15px 15px 0} .questionnaire .exam .subject.wrong .sn {background:#f00} .questionnaire .subject .content {margin:5px 0 0 50px; overflow:hidden} .questionnaire .subject .title {padding-right:10px} .questionnaire .subject .type {display:none; color:#de5d7c} .questionnaire .subject .tool {display:none; position:absolute; top:5px; right:5px; z-index:10} .questionnaire .subject:hover .tool {display:block} .questionnaire .subject.disabled:hover .tool{display:none} .questionnaire .gapfill .title {font-weight:normal} .questionnaire .gapfill .option {margin-top:10px;} .questionnaire .subject .option ul, .questionnaire .subject .option li {margin:0} .questionnaire input.checkbox, .questionnaire input.radio {padding-left:0; margin-top:0; position:relative; top:-1px} .questionnaire.import .subject.group {margin-top:10px} .questionnaire .subject.group {min-height:35px; margin:40px 0 0 0; padding:0; border:0; box-shadow:0 0 0;} .questionnaire .subject.group .content{margin:0} .questionnaire .subject.group.preview .content{margin:2px 0 0 25px} .questionnaire .subject:first-child {margin-top:0px;} .questionnaire .subject.group .sn {background:transparent} .questionnaire .subject.group.preview .sn {background:url(/sys/res/icon/graber.png) no-repeat} .questionnaire .subject.testing.selection select {margin-top:5px} .questionnaire .subject.testing.selection ul {float:left; border-radius:5px; padding:5px} .questionnaire .subject.testing.selection ul.error {background:#ffdfdf} .questionnaire .subject.gapfill {min-height:45px} .questionnaire .subject.edit .grab {float:left; margin:0 5px 15px 0; width:16px; height:25px; background:url(/sys/res/icon/drag.png) no-repeat center center #eee; cursor:move} .questionnaire .subject.edit .close {float:none; opacity:.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);} .questionnaire .subject.edit .close:hover {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);} .questionnaire .subject.edit .extPlaceholder{float:left; margin:0 5px 15px 0; width:16px; height:25px} .questionnaire .subject.preview {overflow:hidden} .questionnaire.import .item.unselect {opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50); background:#efefef} .questionnaire.import .subject {margin:0} .questionnaire.import .subject .title {padding:0} .questionnaire.import .selector {position:absolute; top:20px; left:10px} .questionnaire.import .failImport {opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50); text-align:center} /* vote */ .mod_vote .edit .item {margin:5px 0} .mod_vote .placeholder { width:300px; background:#ffc; border:2px dotted #fc9} .mod_vote .edit .item .grab {float:left; margin:0 5px 15px 0; width:16px; height:25px; background:url(/sys/res/icon/drag.png) no-repeat center center #eee; cursor:move} .mod_vote .edit .item .sn {float:left; margin:0 5px 15px 0; width:16px;} .mod_vote .edit .item .close {float:none; margin-left:5px; opacity:.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60)} .mod_vote .edit .item .close:hover {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100)} .mod_vote .remove {position: absolute; top: 9px; right: 7px; cursor: pointer; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); transition: opacity 0.3s ease;} .mod_vote:hover .remove {opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; transition: opacity 0.3s ease;} .mod_vote .question {font-size:1.1em; font-weight:bold} .mod_vote .note {margin-top:5px; border-bottom:1px solid #ccc} .mod_vote ul {padding:0; margin:5px 0 0 0; list-style-type:none} .mod_vote ul li {margin: 3px 0; padding: 5px 0; border-bottom:1px dotted #ccc;} .mod_vote ul li:hover {background:#ffc} .mod_vote ul li label {margin-bottom: 0;} .mod_vote ul li label.ans {font-weight: bold; color: #08c;} .mod_vote .percentageBox {position:relative; padding-right:35px; height:20px} .mod_vote .percentageBox .percentage {min-width:2px; width: 0; margin-top:8px; height:2px; background-color:#fea391; transition: width 1s ease;} .mod_vote .percentageBox .text {position:absolute; right:0; top:0; width:30px; text-align:center; font-size:12px; color:#ccc} .mod_vote .toolbar {margin-top: 15px; text-align: center;} .mod_vote .toolbar:empty {display: none;} .mod_vote .tip {margin-top: 10px; text-align: center;} .mod_vote .voteEditor {position:absolute; top:5px; right:5px; display:none; padding:3px; border:1px solid #ccc; border-radius:5px; background:#fff} .mod_vote:hover .voteEditor {display:block} /* form elements */ [contenteditable="true"] { background:#fff; padding:8px; border:1px solid #ccc; box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4),0 1px 0 rgba(255, 255, 255, .4); border-radius:4px; background:rgba(255, 255, 255, 0.65); } [contenteditable]:focus { border-color:rgba(82, 168, 236, 0.8); } .error [contenteditable]{ border-color:#b94a48; box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); } .form-label .edit .text {cursor:pointer; border-bottom:1px dashed #88f} .form-label .labalhint {color:#888 !important; cursor:pointer; border-bottom:1px dashed #88f} .form-label .edit:hover {background:#ff9; border-color:#f00} .form-label .input {display:none} #action-panel:empty {display:none} .action-panel {padding:0; border:0; position:relative; border-radius: 0} .action-panel .caption-panel {text-align:center; line-height: 40px;} .action-panel .caption-panel:empty, .error-panel:empty, .action-panel .error-count:empty {display: none;} .action-panel .error-count {float: left; border:1px solid; cursor: pointer; height:20px; padding: 4px 8px; margin: 5px; background: red; color:white;} .action-panel .error-count:hover, .action-panel .error-count.active {background: #c00} .action-panel .control-panel {float: right;} .action-panel .control-panel button {margin: 5px} .error-panel {display:none; margin:5px;list-style-position: inside; overflow:hidden; max-height:145px; } .error-panel.in {display: block} .error-panel:hover{overflow-y:auto} .error-panel .item {cursor: pointer; padding: 5px 10px; white-space: nowrap;} .error-panel .item:hover {text-decoration: underline; background: #ffe;} #cform-extend-settings-panel-container {margin-top:20px;} #cform-extend-settings-panel-container:empty {display: none} .form-errorMsg {color: red; margin: 5px; font-size: 12px; font-weight: normal; padding: 0; text-shadow:none;} .form-count {display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: red; text-align: center; line-height: 16px; font-size: 12px; color:white; margin-left: 5px;} .form-panel {} .form-panel .control-label {font-weight:bold} .form-panel .control-group {margin-bottom:15px} .form-panel .nav {position:relative} .form-panel .tabs-top .nav {top:1px; margin:0} .form-panel .tabs-left .nav {border-right:none} .form-panel .tabs-right .nav {right:1px; margin:0} .form-panel .tab-pane.active {background:#fbfbfb} .form-panel .nav .active a {background:#fbfbfb} .form-panel .nav .active a:hover{background:#fbfbfb} .form-panel .tabs-left > .nav-tabs {margin:0} .form-panel .tab-content {border:1px solid #ddd} .form-panel .tab-pane {padding:15px} .control-group .form-caption {padding-top:5px} .control-group .itemText {margin:0 5px; font-size:15px;} .control-group .itemText.inline {display:inline-block;} .control-group.error input,.control-group.error select,.control-group.error textarea {background:#fee} input ~ .req, .control-group .req {margin:0 5px; color:#f00; font-size:12px; font-weight:normal} .selectBox {line-height:2} .selectBox ul {margin:0; padding:0; list-style:none} .selectBox ul ul {margin-left:20px;} .selectBox li {padding:0 3px} .selectBox.folder li.dir, .selectBox.dir li.folder {} .selectBox li .checkbox, .selectBox li .radio {float:none} .selectBox .lv1 {margin-left:20px;} .selectBox .lv2 {margin-left:40px;} .selectBox .lv3 {margin-left:60px;} .selectBox .lv4 {margin-left:80px;} .selectBox .lv5 {margin-left:100px;} .selectBox .lv6 {margin-left:120px;} .selectBox .lv7 {margin-left:140px;} .selectBox .lv7 {margin-left:160px;} .selectBox .lv8 {margin-left:180px;} .selectBox .lv9 {margin-left:200px;} #layout {} #layout #toolbar {position:fixed; top:30px; left:0; right:0; overflow:hidden; z-index:100; background:#797979; color:#fff} #layout #toolbar ul {margin:0; padding:0; list-style:none} #layout #toolbar .layoutMenu, #layout #toolbar .wrap {width:980px; margin:0 auto; white-space:nowrap} #layout #toolbar .layoutMenu {background:#555; font-size:13px} #layout #toolbar .tab {display:inline-block; padding:5px 10px; color:#ccc} #layout #toolbar .tab:hover {background:#888; color:#eee} #layout #toolbar .tab.active {background:#999; color:#fff} #layout #toolbar .section {margin-top:20px; font-weight:bold; font-size:1.1em} #layout #toolbar .item {float:left; white-space:nowrap; width:87px; padding:5px;} #layout #toolbar .desc {overflow:hidden} #layout #toolbar img {height:20px} #layout #toolbar .preview {display:block; margin-right:5px} #layout #toolbar .preview img {float:left; margin-right:5px} #layout #toolbar .layout-group {padding:5px; background:#999; font-size:13px} #layout #toolbar .item:hover {cursor:move; border-radius:4px; background:#44bcf2} #layout #toolbar .helper {display:none} #layout #toolbar .module .name {padding:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} #layout #toolbar .module:hover {cursor:move; border-radius:4px; background:#44bcf2} #layout .preview {display:none} #layout .layout-area[boxId="content"], #layout .layout-area[boxId="sidebar"]{min-height:250px} #layout #themeBuilder {max-width:1000px; margin:0 auto; padding:0;} #layout .no-sidebar [boxId="content"] {margin-left:0;} #layout .no-sidebar [boxId="sidebar"] {display:none;} #layout .layout-area {position:relative; min-height:50px; padding:25px 5px 15px; border:1px solid #ccc; border-radius:5px; background:#fff} #layout .layout-placeholder, #layout .module-placeholder {margin-bottom:10px; border:1px dashed #aaa; background:#ffc} #layout .module-placeholder {min-height:30px} #layout .layout-placeholder {min-height:50px} #layout #themeBuilder > .row-fluid {margin-bottom:10px; padding:0px; border-radius:4px} #layout .container-fluid {padding:0;} #layout #themeBuilder .layout, #layout #themeBuilder .module {margin-bottom:10px; padding:5px; border-radius:4px} #layout #themeBuilder .layout:last-child, #layout #themeBuilder .module:last-child{margin-bottom:0} #layout #themeBuilder .layout:hover {background:#eee} #layout #themeBuilder .layout .helper {overflow:hidden} #layout #themeBuilder .tool {float:left; margin-right:10px} #layout #themeBuilder .tool .grab {height:30px; cursor:move; background:url(/sys/res/icon/drag.png) no-repeat center 10px #eee} #layout #themeBuilder .tool .cross {margin-top:5px; width:16px; height:16px; opacity:.35; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";filter:alpha(opacity=35); float:none; cursor:pointer; background:url(/sys/res/icon/cross.png) no-repeat} #layout #themeBuilder .tool .edit:hover, #layout #themeBuilder .tool .roller:hover, #layout #themeBuilder .tool .cross:hover {opacity:1 !important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100) !important;} #lauout #themeBuilder .layout .ui-sortable {overflow: hidden;} #layout #themeBuilder .boxTool { opacity:0.3 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30) !important; position: absolute; top: 0; right: 0; width: 16px; height: 16px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-bottom-left-radius: 5px; background:url(/sys/res/icon/roller-inv.png) #aaa center no-repeat; cursor:pointer; } #themeBuilder .nav-tabs li .boxAction { display: inline-block; vertical-align: text-bottom; } #themeBuilder .nav-tabs li .boxAction img { margin-left: 5px; } #layout #themeBuilder .boxTool:hover {opacity:1 !important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100) !important;} #layout #themeBuilder .boxTag { position: absolute; top: 0; left: 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-bottom-right-radius: 5px; border-top-left-radius: 5px; background:#efefef; padding:0 5px; color:#888; cursor:default; } #layout #themeBuilder .module {padding:5px; overflow: hidden;} #layout #themeBuilder .module:hover {background:#f3f3f3} #layout #themeBuilder .module .tool {margin-top:3px} #layout #themeBuilder .module .pic {float: left; margin-right: 5px; min-width: 16px} #layout #themeBuilder .module .grab {width:10px; height:15px; cursor:move; background:url(/sys/res/icon/single.png) no-repeat center center #eee; margin-bottom: 5px} #layout #themeBuilder .modbox {float: left; position: relative;} #layout #themeBuilder .module .tool .edit, #layout #themeBuilder .module .tool .roller, #layout #themeBuilder .module .tool .status, #layout #themeBuilder .module .tool .cross, #layout #themeBuilder .module .tool .chgTitle {float:left !important; width:12px; height:12px; cursor:pointer; opacity:.5 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50) !important; margin:0 2px} #layout #themeBuilder .module .tool .status {opacity:1 !important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100) !important;} #layout #themeBuilder .module .tool .edit {background:url(/sys/res/icon/edit-gray.png) no-repeat} #layout #themeBuilder .module .tool .roller {background:url(/sys/res/icon/roller-gray.png) no-repeat} #layout #themeBuilder .module .tool .cross {background:url(/sys/res/icon/cross-gray2.png) no-repeat} #layout #themeBuilder .module .tool .status.enabled {background:url(/sys/res/icon/enable.png) no-repeat} #layout #themeBuilder .module .tool .status.disabled{background:url(/sys/res/icon/disable.png) no-repeat} #layout #themeBuilder .module .tool .chgTitle {background:url(/sys/res/icon/t.png) no-repeat} #layout #themeBuilder .module .helper {float: left; position: absolute; top: 0; left: 0} #layout #themeBuilder .module .grab {float:left; width:10px; height:20px; margin-right:5px; cursor:move; background:url(/sys/res/icon/drag.png) no-repeat center center #eee} #layout #themeBuilder .module .name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold} #layout #themeBuilder .module {cursor:default; margin:0} #layout #themeBuilder .module .tool {margin-right:5px; margin-top:20px; float: left;clear: left;} #root-cpage .container {width:980px} #root-cpage .editCurLayout {padding:10px; border:1px dashed #ccc; border-radius:5px; text-align:center; font-size:1.2em; font-weight:bold} #layout #themeBuilder.global-style-edit .module .helper { position: static; float: left;} #layout #themeBuilder.global-style-edit .module .tool { display: inline-block; clear:none; margin: 3px 0 0 3px;} .fs-box-dialog {} .fs-box-dialog .modal-header {} .fs-box-dialog .modal-header h3 {text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .fs-box-dialog .modal-body {max-height:none; box-sizing: border-box;} .fs-box-dialog .modal-footer {} .fs-box-dialog--iframe .modal-body {padding: 0;} .fs-box-dialog--iframe iframe {display: block; width: 100%; height: 100%; border: none;} .fs-box-confirm {} .fs-box-confirm .modal-header {} .fs-box-confirm .modal-body {padding: 22px 15px;} .fs-box-confirm .modal-footer {padding: 7px 10px;} .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); } /* data-imgGrid.tpl*/ .gridWrapper {margin:10px 0;} .gridWrapper > div {margin-bottom:20px;} .gridWrapper > div:last-child {margin-bottom:0;} .imgGrid {} .imgGrid .grid {padding:4px; margin-bottom:2px; border:1px solid #bbb; box-shadow:0px 1px 2px #ccc; border-radius:2px} .imgGrid .grid:hover .img {border-color:#f96;} .imgGrid .title {position:absolute; min-width:50px; max-width:150px; background-color:#f5f5f5; padding:5px; border:1px solid #bbb; border-radius:2px; text-align:center} .imgGrid .grid .img {border:solid 1px #eee;} .imgGrid .grid .text {text-align:center; line-height:30px} .sectionDivider {text-align:center; cursor:default} .sectionDivider:before {content:" "; border-bottom:solid 1px #ddd; position:relative; top:13px; display:block;} .sectionDivider > div {background:#fff; color:#444; margin:1px; padding:2px 10px; position:relative; text-align:center; display:inline-block;} /* data-btnPostData.tpl */ .btnPostData {position:relative; display:inline-block; cursor:pointer;} .btnPostData * {cursor:pointer;} .btnPostData input[type='file'] {position:absolute; top:0; left:0; bottom:0; right:0; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=10);} .btnPostData > form {margin:0;} /* file uplaod */ .modal-uploader {width:720px; margin-left:-360px; border:3px dashed transparent;} .modal-uploader-mini {width:370px; margin-left: -185px;} .modal-uploader-mini.modal.fade.in {top:5%;} .modal-uploader.drag {box-shadow: 0 0 10px #fff} .modal-uploader.draghover {box-shadow: 0 0 10px #08c} .modal-uploader .modal-header {background-color: #f5f5f5; border-top: 1px solid #ddd; border-radius: 5px 5px 0 0; padding: 9px;} .modal-uploader .modal-body {padding: 0} .modal-uploader .drophere {background: url(/sys/res/icon/drag_and_drop.png) no-repeat center center;} .modal-uploader .thumbnails {height: 310px; overflow: auto} .modal-uploader .item {width:97px; height: 97px; display:none; margin:5px 10px} .modal-uploader .item.in {display:inline-block} .modal-uploader .item.in.uploading {background: url(/sys/res/icon/loading2.gif) center center no-repeat} .modal-uploader .thumbnail {position: relative; width: 85px; height: 85px;} .modal-uploader .thumbnail > img {max-width: 80px; max-height: 80px;} .modal-uploader .cross {position: absolute; top:2px; right:2px; cursor: pointer; display: none; } .modal-uploader .item:hover .cross {display: inline-block;} .modal-uploader .tool {position: absolute; bottom: 0; right: 0; padding: 0 2px; cursor: pointer; background: #000; opacity: 0.35; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; filter:alpha(opacity=35);border-radius: 0 0 3px 3px; left: 0; transition: opacity 0.25s;} .modal-uploader .item:hover .tool {opacity: 0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70);transition:opacity 0.25s;} .modal-uploader .tool i {margin-top: 3px;} .modal-uploader .filename {color: white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: Console;} .modal-uploader .name {float: left; overflow: hidden; max-width: 55px; text-overflow: ellipsis;} .modal-uploader .ext {} .modal-uploader .extra {color:#888; background:#222; clear:left; height:0; overflow:hidden; transition:all 0.25s ease; margin:0 10px;} .modal-uploader .extra.in {height:200px; transition:all 0.25s ease} .modal-uploader .preview {display:table; text-align:center; table-layout: fixed} .modal-uploader .preview-body {display:table-cell; vertical-align:middle; height:200px} .modal-uploader .preview-body > img {height: auto; width: auto; max-width: 100%; max-height: 100%} .modal-uploader .detail {} .modal-uploader .info {list-style: none; border-bottom:1px solid #121212; margin:10px 10px 10px 0; padding-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .modal-uploader .action {} .modal-uploader .modal-footer {padding: 7px 15px} .modal-uploader .btn-uploader {position:relative; overflow:hidden; margin-right: 5px} .modal-uploader .btn-uploader input {position:absolute; top:0; right:0; margin:0; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -ms-transform:translate(-300px, 0) scale(4); transform:translate(-300px, 0) scale(4); font-size:23px; cursor:pointer} .modal-uploader .btn-dismiss {float:right; margin-left: 10px} .modal-uploader .progress {margin-bottom:0; margin-top:1px;} .mod_fileUpload .upload {font-size: 12px; font-weight: normal;} .uploader-list {list-style: none; padding: 0; margin: 0} .uploader-list .item {width:33.333333%; float: left; padding-right: 10px; box-sizing: border-box} .uploader-list .main {position: relative; display: inline-block; max-width: 100%; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;} .uploader-list .main.editable {padding-right: 15px;} .uploader-list .close {position:absolute; right:0; top:0; color: red; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50);} .uploader-list .close:hover {opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"} /* exercise uploader-list*/ .nonInline .uploader-list .item {float: none; width: 90%;} .formUpload .uploader-list {padding-top: 4px;} .formUpload .uploader-list .item {float: none; width: 90%;} .uploadBox {position:relative; display: inline-block; max-width:100%; text-align:center;} .uploadBox img.cross {position:absolute; top:5px; right:5px; height:15px; width:15px} .uploadBox a {outline:0} .uploadBox a img {max-width:100%; max-height:100%} .uploadBox .uplaodBox-tip {position: absolute; bottom: 0; left:0; width: 100%;text-align:center; background: rgb(0,0,0); background: rgba(0,0,0,0.5); color:#fff; transition:background 0.3s ease;} .uploadBox:hover .uplaodBox-tip {background: rgb(77, 97, 237); background: rgba(77, 97, 237, 0.5); transition:background 0.3s ease;} .uploadBox .loading {position: absolute; left: 5px; bottom: 2px; width:16px; height:16px; display:inline-block; color: #fff; padding-left: 20px; background: url(/sys/res/icon/loading.gif) left center no-repeat; display: none;} /* mod_folder browse */ .dir-box {margin-bottom:90px} .dir-box > ul {padding:0; margin:0;} .dir-tool {padding-right:20px;text-align:right} .dir-tool i {opacity:0.1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; cursor:pointer; filter:alpha(opacity=10);} .dir-tool .active {opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60);} .dir-group {position:relative; display:inline-block; vertical-align:top; width:210px; margin:10px; min-height:200px} .dir-group > .head {font-weight:bold; font-size:1.2em; border:1px solid transparent; border-bottom-color:#7ad } .dir-group .head .name {margin-right: 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .dir-group > .head:hover {border:1px solid #7ad; background:#f4faff} .dir-group > .head:hover .tool {display:block;} .dir-group > .content {margin-top:5px} .dir-group ul {padding:0; margin:0; list-style:none} .dir-group .item {position:relative; border:1px solid transparent;} .dir-group .item:hover {border-color:#7ad; background:#f4faff;} .dir-group .item > .ico {float:left; padding-top: 4px; margin-right: 3px; max-width: 10px; max-height: 10px} .dir-group .item > .toggle {cursor: pointer} .dir-group .item > .logo {float:left; margin-right:3px; border: 1px solid #ccc} .dir-group .item > .logo:hover {border-color: #000} .dir-group .item .name {height: 35px; overflow:hidden} .dir-group .tool {float:right; display:none} .dir-group .item:hover .tool {display:block} .dir-group .detail {position: absolute; margin-left: 65px; bottom: 2px; font-size:12px} .dir-group .tool a {outline: 0} .dir-group > .extra {font-size:12px; margin-top: 5px} .dir-group > .extra a {display:inline-block; border-left:1px solid #777; padding:0 5px} .dir-group > .extra > a:first-child {border-color:transparent;} .dir-group-icon {} .dir-group-icon > .head {position: relative;} .dir-group-icon > .content > ul > li:nth-of-type(n+4) {display:none} .dir-group-icon > .content > ul > ul {display:none;} .dir-group-icon .item {padding:5px} .dir-group-icon .item > .ico{display:none} .dir-group-icon .tool {position: absolute; bottom: 2px; right: 2px} .dir-group-tree {} .dir-group-tree ul > ul {margin-left:10px} .dir-group-tree li + ul {display:none} .dir-group-tree ul.in {display:block} .dir-group-tree .item {padding-left: 5px} .dir-group-tree .item > .logo {display:none} .dir-group-tree .item .name {height: auto; text-overflow:ellipsis; white-space: nowrap; margin-right: 20px} .dir-group-tree .detail {display:none} .dir-group-tree a.readmore {display:none} .dir-group-edit {} .dir-group-edit .head {border:1px dashed gray; opacity:0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30);transition:all 0.25s;} .dir-group-edit .head:hover {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);transition:all 0.25s;} .dir-group-edit .name {text-align:center;} .dir-group-edit .name > a {display:block} /* image (hover/border) */ .image img {border:1px solid #eee; padding:1px} .borderImage {border:1px solid #aaa; padding:1px} .clickableImg {cursor:pointer} /* theme::innerblock*/ .fs-innerblock {margin-top:10px} .fs-innerblock .title {font-weight:bold; border-bottom:1px solid #ddd} /* info */ .fs-profile .info {margin:5px 0} /* user info */ .user-info {margin-top:10px} /* dialog box */ .dialog-box { background:url(images/dialog-left.png) no-repeat 0 50%; padding:1px 2px 1px 0; padding:1px 2px 0 0 \9; /* for IE9 only */ } .dialog-box-num { border:1px solid #ccc; padding:2px 6px 0px 6px; border-left:0; font-size:11px } /* theme::mediaList */ .mediaList {} .mediaList .box {overflow:hidden; height:103px; padding:10px 0; border-bottom:1px dashed #ccc} .mediaList .box .imgBox {float:left; padding:5px; margin-right:5px; border:1px solid #ccc; border-radius:3px; width:160px} .mediaList .box .imgBox:hover {border-color:#08c} .mediaList .box .contentBox {padding:2px} .mediaList .contentBox .title {font-weight:bold; font-size:1.1em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .mediaList .contentBox .info {font-size:12px; color:#888} .mediaList .contentBox .tag {white-space:normal} .mediaList .box .contentBox .tag .keyword {background:rgb(255, 255, 125)} /* theme::folderList */ .folderList {} .folderList .box {overflow:hidden; height:103px; padding:10px 0; border-bottom:1px dashed #ccc} .folderList .box .imgBox {float:left; padding:5px; margin-right:15px; border:1px solid #ccc; border-radius:3px; width:90px} .folderList .box .imgBox:hover {border-color:#08c} .folderList .box .contentBox {padding:2px} .folderList .contentBox .title {font-weight:bold; font-size:1.1em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .folderList .contentBox .info {font-size:12px; color:#888} .folderList .contentBox .tag {white-space:normal} .folderList .box .contentBox .tag .keyword {background:rgb(255, 255, 125)} /* theme::mediaList */ /* mod_tag */ .tagBox {padding:0; margin:0; list-style-type:none; line-height:2} .tagBox .tag {float:left; margin-right:10px} .tagBox .cnt {color:#888} /* more tag page */ .moreTagBox {padding:0; margin:0; list-style-type:none} .moreTagBox .tag {width:13%; float:left; margin:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .moreTagBox .tag .cnt {color:#888} /* memberExport_setting page */ /* fs-page-title, fs-page-info */ .fs-page-title {color:#333; font-size:1.6em; font-weight:bold; text-shadow:0 1px 0 #ccc; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .fs-page-info {margin-bottom:5px; height:25px} .fs-page-info .item {float:left; margin-right:10px} /* theme::slideList call by mediaSlideList */ .fs-slideList {} .fs-slideList .fs-slideList-content {margin:10px 0; padding-top:6px} .fs-slideList .fs-slideList-content:first-child {margin-top:10px; padding-top:0} /* theme::mediaSlideList */ .fs-mediaSlide-list {} .fs-mediaSlide-list .fs-slideList {} .fs-mediaSlide-list .fs-slideList-content {border-bottom:1px dotted #aaa; margin:10px 0; padding-bottom:5px} .fs-mediaSlide-list .fs-slideList-overview {overflow:hidden} .fs-slideList-overview .encoding {position:relative} .fs-slideList-overview .encoding .loading {position:absolute; right:2px; bottom:2px; filter:alpha(opacity=75); opacity:.75; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; background:#000; color:#fff; border-radius:4px; padding:2px 6px} .fs-mediaSlide-list .photo {position:relative; float:left; background:#fff; margin:0 10px 1px 2px; padding:2px; border-radius:3px; border:1px solid #bbb; box-shadow:0 1px 1px #ccc} .fs-mediaSlide-list .photo img {width:120px; height:68px} .fs-mediaSlide-list .fs-slideList-overview-desc {overflow:hidden; padding-right:5px; height:78px} .fs-mediaSlide-list .title {white-space:nowrap; _white-space:wrap; overflow:hidden; text-overflow:ellipsis} .fs-mediaSlide-list .note {} .fs-mediaSlide-list .fs-slideList-desc{float:right; border-left:1px solid #ccc; height:75px; padding-left:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} #root-media .intro {margin-bottom:10px} /** ckeditor iframe setting link **/ .iframeLimitLink {color:#06f!important; cursor:pointer!important} .iframeLimitLink:hover {color:#ff4500!important} /** mod_contentList (media switch) **/ .switcher {} .switcher .item {width:50%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden} .switcher .link {padding:0 3px} .switcher .prev {float:left; text-align:right} .switcher .prev .text {float:right; padding-right:20px; font-weight:bold; color:#333} .switcher .prev .link {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden} .switcher .next {float:right} .switcher .next .text {padding-left:20px; font-weight:bold; color:#333} /** folder page **/ #folderTitle {white-space:nowrap; overflow:hidden; text-overflow:ellipsis} #folderTitle .fs-toolBox {margin-top:10px} .contentList {padding:0; margin:0 0 0 10px; list-style:none} .contentList .course {font-weight:bold} .contentList .section {margin-left:-10px} #root-folder .join { border:1px solid #eb3; border-radius:4px; text-align:center; padding:5px; font-weight:bold; font-size:1.5em; color:#a00; text-shadow:0 1px 0px white; background:#fea; cursor:pointer; margin:0 30px } /** browse folder **/ .browseFolder {} .browseFolder .gridList .itemBox {margin:0 10px 25px 10px} .browseFolder .parent {background:url(/sys/res/icon/category.gif) 0 50% no-repeat; padding-left:25px; font-size:1.2em; font-weight:bold; border-bottom:1px solid #7ad; white-space:nowrap; text-overflow:ellipsis; overflow:hidden} .browseFolder .children {list-style:none; padding:5px 0 0 0; margin:0; } .browseFolder .name {white-space:nowrap; text-overflow:ellipsis; overflow:hidden} .browseFolder .children li {margin-bottom:15px} .browseFolder .ico-folder {display:block; padding-left:20px; line-height:20px; background:url(/sys/res/icon/folder.png) 0 50% no-repeat; vertical-align:middle} .browseFolder .ico-folder_group {display:block; padding-left:20px; line-height:20px; background:url(/sys/res/icon/folder_group.png) 0 50% no-repeat; vertical-align:middle} .browseFolder .ico-folder_login {display:block; padding-left:20px; line-height:20px; background:url(/sys/res/icon/folder_login.png) 0 50% no-repeat; vertical-align:middle} .browseFolder .ico-dir {display:block; padding-left:20px; line-height:20px; background:url(/sys/res/icon/dir.png) 0 50% no-repeat; vertical-align:middle} .browseFolder .switcher {cursor:pointer} .browseFolder .ico-null {display:block; padding-left:20px; background:url(/sys/res/icon/null_l.png) 0 50% no-repeat; vertical-align:middle} /* icon */ .browseFolder .iconBox {float:left} .browseFolder .iconBox .icon {width:60px; height:60px; padding:1px; border:1px solid #ccc; border-radius:2px} .browseFolder .iconBox .icon:hover {border:1px solid #7ad} .browseFolder .infoBox {position:relative; height:64px; margin-left:67px} .browseFolder .infoBox .mediaCnt {position:absolute; bottom:0} /* list */ .browseFolder .listChildren {list-style:none; padding:0; margin:0} .browseFolder .listChildren li {margin-top:4px} /** theme::toolBox **/ .fs-toolBox {float:right} /* position:absolute; top:2px; right:2px; background:#fff; z-index:5} */ .fs-tool {position:relative;} .fs-tool > li {float:left; margin-left:10px} #root-folder #content .fs-toolBox {margin-top:5px} /** theme::page **/ .fs-page {font-size:.9em; margin-bottom:10px} .fs-page-content {display: inline-block; height:23px; margin-right:5px; padding-top:10px} .fs-page-content a {display: inline-block; color:#777 !important; border:1px solid #aaa; padding:5px 10px; text-decoration:none} .fs-page-content a:hover {color:#333 !important; background:#ddd} .fs-page-curr {margin-right:5px; padding:10px 8px 0; color:#000; font-weight:bold} .fs-page-disable {padding:10px 6px 0} .fs-page-comboBox {overflow:auto; position:absolute; background:#fff; cursor:pointer; text-align:center; border:1px solid #999; z-index: 100} .fs-page-comboBox .fs-page-combo {} .fs-page-combo-out, .fs-page-combo-curr {min-width:25px} .fs-page-combo-out {background:#fff} .fs-page-combo-out:hover {background:#ddd} .fs-page-combo-curr {background:#ddd; color:#fff} .fs-page-go {padding:7px 7px} .fs-page-input {font-weight:bold; color:#777; border:1px solid #ccc; width:35px; height:20px; text-align:center} /** theme::formWrap **/ .fs-form-image {display: inline-block; position: relative; overflow: hidden; max-height: 100%; max-width: 100%;} .fs-form-image .image {} .fs-form-image .cross {position: absolute; right: 5px; top: 5px; z-index: 5} .fs-form-image .loading {display: none; position: absolute; left: 5px; bottom: 2px; width:16px; padding-left: 20px; height:16px; color: #fff; background: url(/sys/res/icon/loading.gif) left center no-repeat;} .fs-form-image .tip {position: absolute; bottom: 0; left:0; width: 100%;text-align:center; background: rgb(0,0,0); background: rgba(0,0,0,0.5); color:#fff; transition:background 0.3s ease;} .fs-form-image:hover .tip {background: rgb(77, 97, 237); background: rgba(77, 97, 237, 0.5); transition:background 0.3s ease;} .fs-form-image .upload-progress {position: absolute; bottom: 0; width: 100%; display: none;} .fs-form-image .file {position:absolute; top:0; right:0; margin:0; bottom: 0; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);cursor:pointer; height: 100%; width: 1000%;} .fs-form-image .bar {height: 2px; background-color: #29d; width: 0;} .fs-form-image-16x9 {padding-bottom: 56.25%; width: 100%} .fs-form-image-16x9 .image {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;} .fs-form-image-16x9 .image img {width: 100%; height: 100%} .fs-form-image-4x3 {padding-bottom: 75%; width: 100%} .fs-form-image-4x3 .image {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;} .fs-form-image-4x3 .image img {width: 100%; height: 100%} .fs-form-duration {display: inline;} .fs-form-separator {margin: 15px 0;} .fs-form-separator .line {display: block; width: 100%; border-bottom: 1px dashed #ccc} .fs-form-group {} .fs-form-group > .title {padding: 5px 5px 5px 20px; background: url(/sys/res/icon/rightArrow.png) 10px center no-repeat; cursor: pointer; border-bottom: 1px dashed #ccc; margin-bottom: 15px; color:#06f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .fs-form-group > .title:hover {background-color:#eee;color:#24d;} .fs-form-group > .title .hint {margin-left:10px;display:inline;} .fs-form-group > .content {display: none;} .fs-form-group.in {margin-bottom: 15px} .fs-form-group.in > .title {background-image: url(/sys/res/icon/expand.png); border-bottom: 1px solid #ccc;} .fs-form-group.in > .title .hint {display:none;} .fs-form-group.in > .content {display: block;} .fs-form-group .fs-form-group {margin:0 15px} .fs-form-group .fs-form-group-note {margin: 0 0 10px 20px; border-left: #ddd 5px solid; padding: 5px 10px; } .fs-form-group .fs-form-group-hint {margin: 0 0 0 20px; } .fs-form-legend {padding:5px; border:1px solid #ccc} .fs-formWrap {color:#606060; padding:0} .fs-form-legend {padding:5px; border:1px solid #ccc} .fs-formWrap .selectBox {margin-bottom:5px} .fs-formWrap .FormHeader {background:#e8e8e8; border-color:#c5c2da; text-align:left; font-size:15px; font-weight:bold; color:#000} .fs-formWrap .headerLine {margin:0} .fs-formWrap .tooltip {position:absolute; display:block; width:170px; bottom:20px; left:-80px; white-space:nowrap; padding:5px 5px; color:#666; text-align:center; border-radius:3px; border:1px solid #ddd; box-shadow:1px 1px 2px 0px rgba(255, 255, 255, .3); box-sizing:border-box; background:#f6f6f6} .fs-formWrap .tooltip img {width:100%} .fs-formWrap .tooltip .text {text-overflow:ellipsis; overflow:hidden} .fs-formWrap .select{border:1px solid #aaa; padding-left:5px} .fs-formWrap .ok {color:#006400} .fs-formWrap .expandBtn {cursor:pointer} .fs-formWrap .required {color:#f00} .attachBtn {cursor:pointer; color:#00f; display:inline} .attachBtn:hover{color:red} .expandImg {margin-right:3px} .separateDesc {margin-top:10px} .separateLine {margin-bottom:10px; height:1px} /* vertical */ .fs-formWrap table {width:100%} .fs-formWrap th {width:90px; text-align:right; padding-right:10px} .fs-formWrap tr {} .fs-formWrap .separator {height:10px} /* horizontal */ .fs-formWrap fieldset {border:0; padding:0; margin-bottom:10px} .fs-formWrap .header {color:#000} .fs-formWrap .title {color:#222; font-weight:bold} .icon-like {background:url(images/like.png) no-repeat; padding-left:15px} .fs-placeholder {background:#fed22f; height:2px; margin:10px 0} .fs-start-drag {width:200px; max-height:100px; overflow:hidden; white-space:nowrap; border:1px dashed #ccc; text-overflow:ellipsis} .fs-zone-empty {min-height:10px} .fs-block-content .fs-toolBox {position:absolute; top:2px; right:2px} /* .fs-dropMenu */ .fs-dropMenu {cursor:pointer} .fs-dropMenu-root {background:none} .fs-dropMenu-child {background:none} .fs-dropMenu-child {} .fs-dropMenu-box {position:absolute; box-shadow:0 5px 10px rgba(0, 0, 0, .2); border:1px solid #999; background:#fff; white-space:nowrap; z-index:100; display:none} .fs-dropMenu-box li, .fs-dropMenu-child li {color:#666; font-size:.9em} .fs-dropMenu-box a {display:block; color:#666} .fs-dropMenu-box span {display:block; padding:2px 60px 2px 10px} .fs-dropMenu-box .fs-dropMenu-parent {background:url(images/rightArrow.png) no-repeat 98% 50%} .fs-dropMenu-box li:hover {background-color:#08c} .fs-dropMenu-box a:hover {color:#fff} .fs-dropMenu-box li:active {} /* .fs-block .fs-toolBox {}*/ /* theme::title */ .fs-title {white-space:nowrap; border-bottom:1px solid #aaa} #folderTitle .fs-title {background:url(images/header.png) no-repeat 0 50%; padding-left:27px} #categoryTitle .fs-title {border:0} .fs-title-header {color:#333; font-size:1.5em; font-weight:bold; text-shadow:0 1px 0 #ccc; overflow:hidden; text-overflow:ellipsis} .titleEdit .fs-title {border:0} .titleEdit .fs-title-header {font-size:1.8em} /* theme::assocTable */ .fs-assocTable {width:100%; font:13px/1.5 Arial, Helvetica, sans-serif; border:1px solid #e5e2da; border-collapse:collapse} .fs-assocTable .rowOdd {border-bottom:1px solid #eee} .fs-assocTable .name {text-align:right; background:#f4f4f4; padding:2px 5px 2px 0; width:150px; font-weight:bold} .fs-assocTable .value {text-align:left; background:#fff; padding:2px 0 2px 5px} /* theme::selectBox */ .fs-selectBox {background:#fff; margin-top:5px; border:1px solid #999; padding:5px} .fs-selectBox-header {font-size:1.1em; border:0; background:none; border-bottom:1px solid #999; white-space:nowrap} .fs-selectBox-close {float:right; cursor:pointer} .fs-selectBox-content {margin-top:5px; border:0; background:none} .fs-separate {border-top: 1px solid #ccc; margin-top: -1px;} .fs-separate.dashed {border-top-style: dashed;} /** mod_discuss **/ .mod_discuss {position:relative;} .mod_discuss .icon {position:relative; top:2px; left:3px; display:inline-block; background:url(/sys/res/icon/watch_doc.png) no-repeat; width:16px; height:16px; opacity:.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60);} .mod_discuss .icon:hover {opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .mod_discuss .discuss-panel {margin-bottom:5px;} .mod_discuss .discuss-btns-float {position:absolute; top:20px; right:0;} .mod_discuss .discuss-form {display:none;} .mod_discuss .disscuss-login-hint {float:left; margin-left:7px; line-height:1.5;} .mod_discuss .loading {margin:5px 8px; padding-left:20px; height:16px; background:url(/sys/res/icon/loading.gif) no-repeat; line-height:1; color:#999;} .mod_discuss .clist .tableBox .discuss-thread-td {padding:0 0 10px 0; background:#fff;} .mod_discuss .discuss-thread {/*border:1px solid #bbb;*/ background:#fff;} .mod_discuss .discuss-single {padding:5px 5px 10px 25px; border-bottom:1px solid #ddd;} .mod_discuss .discuss-single:first-child {padding-left:5px;} .mod_discuss .discuss-single .meta {font-size:13px; line-height:1;} .mod_discuss .meta .anchor {float:right;} .mod_discuss .meta .avatar {float:left; margin:2px 8px 0 0;} .mod_discuss .meta .avatar img {border:0;} .mod_discuss .discuss-single .avatar img {width:25px;} .mod_discuss .discuss-single:first-child .avatar img {width:auto;} .mod_discuss .meta .op {margin-left:7px; padding-left:12px; background-position:0 3px; background-repeat:no-repeat; cursor:pointer; opacity:.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70);} .mod_discuss .meta .op:hover {transition:opacity 0.1s linear; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .mod_discuss .meta .op.edit {background-image:url(/sys/res/icon/edit2.gif);} .mod_discuss .meta .op.delete {background-image:url(/sys/res/icon/delete2.gif);} .mod_discuss .discuss-single .extra {line-height:30px;} .mod_discuss .discuss-single:first-child .extra {line-height:40px;} .mod_discuss .meta .extra .time {margin-left:7px;} .mod_discuss .discuss-single .msg {line-height:1.5; white-space:normal; overflow:hidden;} .mod_discuss .discuss-thread .discuss-panel {margin:0; padding:8px 0 5px 25px; line-height:1;} .mod_discuss .discuss-thread .discuss-panel .discuss-btns {float:left;} .mod_discuss .discuss-pager .loading {margin:0; background-position:center;} .mod_discuss .discuss-recent .clist {margin-top:-5px; border-bottom:0;} .mod_discuss .discuss-recent .clist .tableBox {border-top:0;} .mod_discuss .discuss-recent .clist .tableBox .header {background:#fff;} .mod_discuss .discuss-recent .clist .tableBox .header th {border-bottom:0;} .mod_discuss .discuss-recent .clist tbody tr {background:#fff;} .mod_discuss .discuss-recent .clist tbody tr:first-child td {border-top:0;} .mod_discuss .discuss-recent .clist th, .mod_discuss .discuss-recent .clist td {line-height:15px;} /* comment-recent */ .comment-recent {} .comment-recent .item {padding: 1px 0; line-height: 20px} .comment-recent .date {float: right; margin-left: 4px} .comment-recent .content {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .comment-recent .sn {} .comment-recent .text {} /** mod_faq **/ .faqBox {padding: 0; margin: 0; list-style: none;} .faqBox .item {padding: 5px 0;} .faqBox .item.group {margin-top: 10px} .faqBox .grab {float:left; width:10px; height:20px; margin-right:5px; background:url(/sys/res/icon/drag-single.png) center center no-repeat #eee; cursor: move;} .faqBox .grab:hover {background-color: #ccc} .faqBox .detail {overflow: hidden;} .faqBox .question {display:inline-block; box-sizing: border-box; max-width:100%; line-height: 22px;} .faqBox .sn {} .faqBox .name {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .faqBox .draft {color:gray;} .faqBox .group .name {background: url(/sys/res/icon/item2.gif) no-repeat 0 50%; padding-left: 12px; font-weight: bold; white-space: normal; overflow: visible;} .faqBox .hint {margin-left: 5px;} .faqBox .tool {position: absolute;right: 0;} .faqBox .tool-item {cursor: pointer;} .faqBox .detail > .answer {margin-left: 24px; padding: 5px; border: 1px solid #ccc; display: none} .item.editable .question {padding-right: 40px; position: relative;} .faqBox .item.group .tool {position: static;} .item.group.editable .question {padding-right: 0;} .faqNaviBox {margin-bottom: 10px;} .faqNaviBox .name {font-weight: bold;} .faqNaviBox li {overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .faqNaviBox .content {padding: 5px; margin: 0; list-style: none; border: 1px solid #ccc} .faqList {padding: 0; margin: 0; list-style: none;} .faqList li {overflow: hidden; white-space: nowrap; text-overflow:ellipsis;} .faqList .current{font-weight: bold} /* select2 override */ .faq-import {} .faq-import .select2-choices li.select2-search-choice {float: none; padding: 8px 18px 8px 5px; background-image: none; margin: 3px;} .faq-import a.select2-search-choice-close {right: 3px; left: auto; top: 0; bottom: 0; margin: auto;} /** greatest hint **/ .greatestHint {padding: 1px 4px 1px 4px; border: 1px solid #FD6B2A; border-radius: 4px; box-shadow: 0 1px 0 #FFA177 inset; text-shadow: none; font-size: 0.9em; color: #FFF; background-color: #E95412;} /** mod_watchLater **/ .watchLaterBtn {padding:2px 4px 1px 4px;; border:1px solid #eb3; border-radius:4px; cursor:pointer; box-shadow:0 1px 0 #f9f9f9 inset; text-shadow:0 1px 0 #fff; font-size:0.9em; color:#a00; background-color:#fea} .watchLaterBtnClicked {padding:2px 4px 1px 16px; border:1px solid #eb3; border-radius:4px; background-image:url(/sys/res/icon/enable.png); background-repeat:no-repeat; background-position: 3% 50%; cursor:pointer; font-size:0.9em; color:#a00; background-color:#fea} .watchLaterCheckedMsg {margin-left:5px; color: green} .watchLater {} .watchLater .watchLaterItem {position:relative; margin-top:5px; padding:1px} .watchLater .watchLaterItem:hover .delete {display:block} .watchLater .curr {border-radius:5px; background-color:#e8eee8; font-weight:bold;} .watchLater .title {padding:2px 5px 2px 22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .watchLater .delete {display:none; position:absolute; right:0; top:0; z-index:100} .watchLaterThumbList {} .watchLaterThumbList .box {position:relative; overflow:hidden; height:103px; padding:10px 0; border-bottom:1px dashed #ccc} .watchLaterThumbList .imgBox {position:relative; float:left; width:160px; padding:5px; margin-right:5px; border:1px solid #ccc; border-radius:3px;} .watchLaterThumbList .imgBox:hover {border-color:#08c} .watchLaterThumbList .imgBox .duration {position:absolute; padding:2px; bottom:5px; right:5px; height:14px; line-height:15px; background-color:#333; color:#eee; font-weight:bold; font-size:12px; opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80);} .watchLaterThumbList .box.watched .imgBox {opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60);} .watchLaterThumbList .watchedHint {position:absolute; bottom:5px; left:5px; padding:2px;display:none; line-height:15px; background-color:#333; color:#eee; font-weight:bold; opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80);} .watchLaterThumbList .box.watched .watchedHint {display:block} .watchLaterThumbList .box .contentBox {padding:2px} .watchLaterThumbList .contentBox .title {font-weight:bold; font-size:1.1em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .watchLaterThumbList .contentBox .info {font-size:12px; color:#888} .watchLaterThumbList .contentBox .content {max-height:60px; overflow:hidden} /** link **/ /** box placeable **/ .box-placeable {display:none; padding:10px; background:#ccc; min-height:40px} .box-selectedMod {z-index:1000; overflow:hidden; padding:5px; border:1px solid #333; background:#fff; cursor:move; margin:10px 0} /* common css */ #fs-bar {color:#f00; background: url(/sys/res/icon/wait.gif) no-repeat 10px center #fff; border:1px solid #f00; padding:10px 10px 10px 35px; display:none; position:absolute; font-weight: bold; z-index:10002} #fs-status {color:#f00; border:1px solid #f00; padding:3px; display:none; position:absolute; z-index:999; z-index:10002; font-size: 12px;} #old-browser-alert {width:952px; text-align:center; padding:5px 10px; font-size:1.1em; font-weight:bold; margin:10px auto; background:#6e8bba; color:#fff} #old-browser-alert a:link {color:#fff; text-decoration:underline} #old-browser-alert a:visited {color:#fff} /** error page **/ .errorMsg {color:#606060; margin:20px auto 0; padding:20px 0; text-align:center} /** hot user **/ #userListContainer {overflow:hidden} #userListContainer .item {width:190px; margin:16px 10px 16px 20px;} #userListContainer .separateLine {border-bottom:1px dotted #aaa} #userListContainer .photo {float:left; margin-right:10px; background:#fff; padding:3px; border:1px solid #bbb; border-radius:3px; box-shadow:0 1px 1px #ccc;} #userListContainer .info {line-height:1.8} #userListContainer .info .text {overflow:hidden; text-overflow:ellipsis; white-space:nowrap} /** follows **/ .follower-box {max-height:555px; overflow:auto} .follower-box > ul {padding:0; margin:0; list-style-type:none} .follower-box .item {padding:8px 0; line-height:32px; cursor:pointer; border:1px solid transparent} .follower-box .item-curr, .follower-box .item:hover {background:rgba(0, 0, 0, 0.1); border-color:#ccc} .follower-box .item .photo {float:left; margin:0 5px} .follower-box .item .media {float:right; margin:0 3px} .follower-box .item .name {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#222; font-weight:bold} #user_setting_panel .itemWrapper span {display: block;} /* tag page */ #tagTitleBox .fs-title {background:url(images/tag-header.gif) no-repeat 0 1px; padding-left:25px} .cb {width:13px; height:13px} /** dashboard **/ #xboxL .dashboard, #xboxR .dashboard {min-height:230px} .dashboard ul {list-style:none; line-height:1.8; padding:0; margin:0} .dashboard ul li:hover {background:#ff9} .dashboard ul li {overflow:hidden} .dashboard ul .item, .dashboard ul .location {overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .dashboard ul .location {float:right; width:60px} /* recommend Box */ .recommend {} .recommend .item {margin:5px 0; padding:8px 5px; border:1px solid #ccc; border-radius:5px; box-shadow:0 1px 1px #ccc} .recommend .item .photo img {float:left; width:40px; height:40px; margin:0 10px 1px 2px; background:#fff; padding:2px; border-radius:3px; border:1px solid #bbb; box-shadow:0 1px 1px #ccc} .recommend .item .profile {line-height:1.8} .recommend .item .name {font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .recommend .item .time {font-size:12px; font-weight:normal; color:#888} .recommend .item .note {} .recommend {} .recommend .btnBox {text-align:right; margin-top:5px} .recommend .msg {} .recommend textarea {color:#333; width:200px; height:50px; padding:5px 8px; border:1px solid #d5d5d5; border-top-color:#b5b5b5; border-radius:1px; box-shadow:inset 0px 1px 2px rgba(0, 0, 0, .2); resize:vertical; outline:0} .recommendBtn { font-size:0.9em; font-weight:normal; color:#fff; padding:1px 2px 0px 6px; background:url(/sys/res/icon/recommend.png) #ee5219 no-repeat 0 50%; padding-left:20px; border:2px solid #ee5219; border-radius:4px; box-shadow:0 1px 0 #ee5219 inset } .recommendBtn a:link,.recommendBtn a:visited,.recommendBtn a:hover,.recommendBtn a:active {color:#fff; text-decoration: none;} #recommend #recommendList {text-decoration: none;} /* courseList */ .courseList {} .courseList ul {padding:0; margin:0; list-style:none; line-height:1.7} .courseList li {overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .courseList li .lock {background:url(/sys/res/icon/lock.gif) no-repeat 0 50%; padding-left:20px} .courseList .section {font-weight:bold} .courseList .media {margin-left:20px; margin-bottom:5px; font-size:0.9em} .treeList {margin: 10px 0} .km .treeList {border-top: 1px solid #ccc;} .treeList.hideChild .section + .medias {display: none;} .treeList ul {padding:0; margin:0; list-style:none;} .treeList ul ul {margin-left:15px} .treeList .section {padding:2px 4px; font-weight:bold; cursor:pointer} .treeList .section:hover {background-color:#eee} .treeList .idx {margin-left:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .treeList .indent {margin-left:20px} .treeList .loading {padding:3px; margin-left:30px} .treeList .lock {background:url(/sys/res/icon/lock.gif) no-repeat 0 50%; padding-left:20px} .treeList .link {display:none} .treeList .item:hover .link {display:inline} .treeList .btnBox {text-align:right} .treeList .more {margin:5px 0 0 12px} .treeList .moreIdx {padding-left:10px} .treeList .more .expand {background:url(/sys/res/icon/desc.png) 0 center no-repeat} .treeList .more .collapse {background:url(/sys/res/icon/asc.png) 0 center no-repeat} .treeList .item {padding:2px 4px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} .treeList .curr {background: #e8eee8;} .treeList .item:hover {background-color:#eee} .treeList .name {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor: pointer;} .treeList .time {float:right; text-align:left; color:#999;} .treeList .sn {margin-right:5px; float:left;} .treeList .info {display:none; margin:2px 0 2px 22px; border:1px solid #ccc; padding:5px; background:#ffc; overflow:hidden} .treeList ul ul .info {margin-left:29px;} .flexList {margin-bottom:10px} .flexList li {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; list-style: none;} .flexList .section {margin:0 20px 30px 20px} .flexList .section > .name {border-bottom: 1px solid #ccc; font-size: 15px; font-weight: bold; margin-bottom: 3px; cursor: default;} .flexList .medias {list-style: none; margin:0;} /* for tocTreeView in video page */ .courseList .medias {margin-left:0; margin-bottom:5px; font-size:0.9em} #sidebar .courseList .curr {background:none; font-weight:bold} .newCourseTbl {font-size: 13px;} .newCourseTbl .courseName {font-size: 15px;} /* courseList edit part */ .courseBox {float:left; width:680px; margin-left:10px; border:1px solid #ccc; position:relative} .courseBox ul {padding:0; margin:0; list-style:none} .courseBox li {cursor:move; position:relative; padding:10px; height:35px; overflow:hidden} .courseBox .chapter {background:#878787; color:#fff; margin:1px 2px} .courseBox .media .lock {background:url(/sys/res/icon/lock.gif) no-repeat 0 50%; padding-left:20px} .courseBox .chapter .title, .courseBox .media .title {font-size:1.1em; font-weight:bold; margin-top:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis} .courseBox .media .photo {float:left; margin-right:5px} .courseBox .media img {height:30px} .courseBox .odd, .courseBox .even {background:#fff; border-bottom:1px solid #ccc} .courseBox .odd:hover, .courseBox .even:hover {background:#dcefb3} .courseBox .tool {display:none; position:absolute; bottom:5px; right:5px} .courseBox .chapter .tool a {color:#fff; cursor:pointer} #chapterEditor {min-height:350px} #chapterEditor ul {margin:10px 0 0 0; padding:0} #chapterEditor ul.disabledAutoSN .sn {display:none} #chapterEditor li {position:relative; display:block !important; margin:0; border:1px solid #ddd; white-space:nowrap; cursor:move} #chapterEditor .placeholder {background:#ffc} #chapterEditor .media {padding:10px} #chapterEditor .media:hover {background:#dcefb3} #chapterEditor .media .photo {float:left; margin-right:5px} #chapterEditor .photo > img {height:30px; padding:1px; border:1px solid #ccc} #chapterEditor .media .title {margin-top:6px; overflow:hidden; text-overflow:ellipsis; font-size:16px; font-weight:bold} #chapterEditor .chapter {padding:10px; background:#878787; color:#fff} #chapterEditor .chapter .title {font-weight:bold; font-size:16px;} #chapterEditor li .tool {display:none; position:absolute; right:5px; bottom:0; top: 0; height: 24px; margin: auto 0;} #chapterEditor li:hover .tool {display:block} #chapterEditor.ui-sortable-disabled li {cursor:default} #chapterEditor.editing li:hover .tool {display:none} .chapterToolBox {position:fixed} .chapterTool {margin-top:15px} .displayContainer {} .displayContainer label {height:30px; line-height: 30px; margin-top: 0} .displayContainer input {margin-top: 9px;} .pull-left .dropdown-menu {max-width:160px; margin:-1px !important} .dropdown.open > .dropdown-menu {right:0; left:auto} /* Page Menu */ .pageMenu {float:right} .pageMenu .page-menu-root {padding:0; margin:0; position:relative; z-index:100} .pageMenu .page-menu-root > li {padding:0; float:left; list-style:none; position:relative;} .pageMenu .page-menu-root > li > a {padding:1px 7px 7px 7px; outline:0; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none} .pageMenu .page-menu-root > li.dropdown {margin-right:7px; background:url(images/menu_drop.gif) right no-repeat} .pageMenu a {outline:0; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none} /* Module Menu */ .module:hover .moduleMenu {display:block;} .moduleMenu {display:none; position:absolute; top:0px; right:3px;} .moduleMenu a {outline:0; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none;} .moduleMenu .module-menu-root {padding:0; margin:0; float:right} .moduleMenu .module-menu-root > li {position:relative; float:right; padding:0; margin:0; list-style:none; z-index:999} .moduleMenu .module-pseudo-root {filter:alpha(opacity=80); opacity:.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; padding:3px; display:block; width:12px; height:12px; margin-top:5px; border-radius:4px; background:url(images/gear-select.png) no-repeat #fff; } .moduleMenu .module-pseudo-root:hover {filter:alpha(opacity=100); opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .moduleMenu .dropdown > .dropdown-menu:before { content:''; display:block; position:absolute; top:-7px; right:3px; border-right:7px solid transparent; border-left: 7px solid transparent; border-bottom:7px solid #ccc; } .moduleMenu .dropdown > .dropdown-menu:after { content:''; display:block; position:absolute; top:-6px; right:4px; border-right:6px solid transparent; border-left: 6px solid transparent; border-bottom:6px solid #fff; } /* instructor */ .instructorBox {margin-bottom:20px; font-size:1.15em} .instructorBox ul {padding:0; margin:0; list-style:none;} .instructorBox li {text-indent:-15px; width:211px; float:left; padding-bottom:20px; text-align:center; background:url(images/step.png) no-repeat transparent} .instructorBox li.now {background-position:-221px bottom; color:#c00} .instructorBox li.unfinish {background-position:-432px bottom} .instructorBox li.finish {background-position:-10px bottom} .instructorBox ul li.first-child {text-indent:-15px} .instructorBox ul li.last-child {width:200px; text-indent:-5px} .menuTool {float:right} .menuTool * {padding:0} .dropCls {background:url(images/menu_drop.gif) right no-repeat} /** mask **/ .fs-mask {display:table; position:fixed; top:0; right:0; bottom:0; left:0; z-index:10001; width:100%; height:100%;} .fs-maskNote {display:table-cell; text-align:center; vertical-align:middle; font-size:2em; font-weight:bold; color:#ccc} a.transparent16 {cursor:default; } a.transparent16:before {content:' '; display:inline-block; width:16px; height:16px; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);} .progress-bar {overflow:hidden; height:5px; border:solid 1px #555; background-color:#ddd; margin:6px 10px 5px 0;} .progress-bar .prog {float:left;height:5px; min-width:1px; background-color:#0c0} .progress-bar .prog.normal {background-color:#0c0} .progress-bar .prog.warning {background-color:#f93} .progress-bar .prog.danger {background-color:#f00} .msgErr {color:#F50000;} .msgErr .content {color:#F50000;max-height: 150px;overflow: auto;margin: 10px;border:1px solid #ccc;} .msgWarn {color:#B87D00;} .msgWarn .content {color:#B87D00;max-height: 150px;overflow: auto;margin: 10px;border:1px solid #ccc;} #xbox-ad-top .block .default-margin, #xbox-ad-bottom .block .default-margin { text-align:center;padding:0;margin:0 } #sidebar #mbox-ad-top .block, #sidebar #mbox-ad-bottom .block { text-align:center } .advBox {} .advBox .guide {float:right; width:30%; padding-left:5px; word-break:break-all} .advBox .adv {margin-right:5px; overflow:hidden} .advBox .sidebar {float:left; width:30%; margin-right:5px;} .advBox .main {float:right; width:70%; padding-left:5px;} .advBox .slot {background-color:#eee; padding:10px; cursor:pointer; border:solid 1px #aaa; margin:5px 0; background-color:#ddd} .advBox .slot:first-child {margin:0 0 5px;} .advBox .slot:last-child {margin:5px 0 0;} .advBox .slot:hover {background-color:#c2eeee;} .advBox .static {font-size:5em; text-align:center; color:#ccc} .advBox .conf-empty {font-size:2em; text-align:center; word-break:break-all; height:100%; margin:auto 0;} .advBox .conf-content {font-size:1em; text-align:center} .advBox .mtop {height:150px; margin-bottom:5px} .advBox .mbot {height:350px; margin-top:5px} .adv-sample-wrapper {} .adv-sample-wrapper .adv-sample {border:solid 1px #aaa; margin:5px 0; background-color:#ddd} .adv-sample-wrapper .adv-sample:first-child {margin:0 0 5px;} .adv-sample-wrapper .adv-sample:last-child {margin:5px 0 0;} .adv-sample-wrapper .adv-block {background-color:#eee; padding:10px; cursor:pointer} .adv-sample-wrapper .adv-block:hover {background-color:#c2eeee;} .adv-sample-wrapper .adv-static {font-size:5em; text-align:center; color:#ccc} .adv-sample-wrapper .conf-empty {font-size:2em; text-align:center; word-break:break-all; height:100%; margin:auto 0;} .adv-sample-wrapper .conf-content {font-size:1em; text-align:center} #ieDetectPS a {color:#eee; text-decoration:underline} #ieDetectPS a:hover {color:#f00} .ip-mask-container {padding: 0; margin: 0; list-style-position: inside;} .ip-mask-container .edit-panel {padding:5px 5px 5px 15px; background: white; border: 1px solid #eee} .ip-mask-container input.input-ip {width: 140px} .ip-mask-container input.input-note {width: 220px} .ip-mask-container .item.edit {display: none} .ip-mask-container .item {padding:10px 5px 10px 15px; background: white; border: 1px solid #eee} .ip-mask-container .item:hover {background: #eee} .ip-mask-container .tool {margin-left: 15px; float:right;} .ip-mask-container .tool img{cursor: pointer;} .ip-mask-container .tool .status {color:brown; margin-right: 15px;} .ip-mask-container .tool .status.active {color:blue;} .ip-mask-container .placeholder { display:inline-block ;color: green; width: 100px} .ip-mask-container .note {color:gray; width: auto; margin-left: 15px} .ip-mask-container label.inline {float: none;} /* default */ .searchBox { border: 1px solid #ccc; background: white; overflow: hidden; border-radius: 5px} .searchBox .main {position: relative;overflow: hidden;} .searchBox input.search {border: 0;padding: 0 6px; font-size: 0.8em; border-radius: 0; box-shadow:none; display: block; box-sizing:border-box; -moz-box-sizing: border-box; width: 100%; line-height: 15px; height: 15px;} .searchBox input.search:focus, .searchBox input.search:active {box-shadow:none; border-color: transparent;} .searchBox.active input.search {padding-right:15px;} .searchBox .btn-search {float: right; padding: 2px 4px; border-left: 1px solid #eee; cursor: pointer;} .searchBox .btn-search:hover {background: #eee} .searchBox.active .btn-clear {display: block;} .searchBox .btn-clear {position: absolute; right:3px; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40);font-size: 16px; line-height: 16px; font-weight: bold; display: none; padding: 0 3px;} .searchBox .btn-clear:hover {cursor: pointer; opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80);color: #d44} .searchBox.active .btn-clear {display: inline-block;} /* sysbar */ .sysbar-search {width: 200px; float: left; margin-left: 20px; margin-top: 2px} /* search page */ .searchBar { width:600px;} .searchBar input.search {height: 30px;} .searchBar.active input.search {padding-right:20px;} .searchBar .btn-search {padding: 9px;} .searchBar .btn-clear {font-size: 20px; line-height: 30px;} .search-toolbar {} .search-toolbar .bar {list-style: none;padding: 0; margin:0; border-bottom: 1px solid #777} .search-toolbar .item {float: left; margin-right:10px; border-bottom: 3px solid transparent; cursor: pointer;} .search-toolbar .item:hover {border-bottom-color: #08c} .search-toolbar .item.active {border-bottom-color:#EE0000;} .search-toolbar .item a {color:#999; font-weight:bold; padding: 10px; display: block} .search-toolbar .item:hover a{color:#08c;} .search-toolbar .item.active a {color:#EE0000; font-weight: bold} .search-toolbar .tool {float: left; padding: 3px 6px; margin: 6px 0 6px 4px; border: 1px solid transparent; cursor: pointer;} .search-toolbar .tool:hover {background: #eee; border-color: #ddd; } .search-toolbar .tool.active {background: #ddd; border-color: #ccc; } .search-toolbar .filterBox {transition:all 0.25s; width: 0; float: left; overflow: hidden; height: 0} .search-toolbar .tool.active ~ .filterBox {transition:all 0.25s; overflow:visible; width: auto; height: auto;margin: 6px 6px 6px 0;padding: 2px 5px;background: #eee;} .search-toolbar .dropdown {margin:0 5px;float: left;} .search-toolbar .dropdown:hover {background: #ddd} .search-toolbar .dropdown-toggle {color:gray; padding: 2px 10px; display: inline-block;} .search-toolbar .dropdown-menu .curr{font-weight: bold;} .search-toolbar .close {line-height: 18px; font-size: 18px;padding: 2px 10px; display: inline-block;} .search-result {list-style: none; margin: 0; padding: 0;} .search-result .item {height: 100px; padding: 10px 5px; border-bottom: 1px dashed #eee} .search-result .thumb {width:160px; margin-right: 10px; height: 90px; display: table; table-layout: fixed; text-align: center;} .search-result .thumb a {display: table-cell; vertical-align: middle; text-align: center; border:1px solid #ccc; border-radius: 3px; height: 90px; padding: 5px} .search-result .thumb a:hover {border-color: #08c; box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);} .search-result .thumb img {max-height: 100%;} .search-result .name {white-space: nowrap; overflow: hidden; text-overflow:ellipsis;} .search-result .desc {list-style: none; margin: 0; padding: 0; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;} .search-result .desc li {display:inline-block; color:gray; position: relative; font-size: 12px} .search-result .desc li:before{content:'\002022'; font-weight: bold; margin: 0 5px;} .search-result .desc li:first-child:before{content:""; margin: 0} .search-result .note {height: 60px; overflow: hidden;} .mod_recommend {padding:10px; margin-top:10px; border:1px solid #ddd; border-radius:10px;} .mod_recommend .photo {float:left; margin:0 10px 1px 2px; background:#fff; padding:2px; border-radius:3px; border:1px solid #bbb; box-shadow:0 1px 1px #ccc} .mod_recommend .photo img {width:70px; height:70px} .mod_recommend .desc {margin-left:86px; padding:2px; border:0; background-color:transparent; font-size:14px} .marquee {overflow:hidden; } .marquee.vertical .marquee-body {white-space:normal;} .marquee.horizontal .marquee-body {padding:0 100%; white-space:nowrap; float:left; } .link-edit .link-container {padding: 10px; margin: 0; list-style: none; background: #fcfcfc} .link-edit .placeholder {height: 40px; border:1px solid #eee; background:#0044cc; opacity:0.1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter:alpha(opacity=10);} .link-edit .link-item {border-bottom: 1px solid #eee; margin-bottom: 5px; padding: 5px; margin-left: 15px; position: relative;} .link-edit .grab {left:-20px; width: 16px; height: 25px; cursor: move; background: url(/sys/res/icon/drag.png) no-repeat center center #eee; position: absolute;} .link-edit .link-title {margin-bottom: 10px; } .link-edit .editBox {display: none; background: #eee; padding: 5px;} .link-edit .preview {line-height: 30px} .link-edit .link-item.edit .editBox {display: block;} .link-edit .link-item.edit .preview {display: none;} .link-edit .imgBox {margin: 0 5px;} .link-edit a img {max-height: 80px; max-width: 100px} .link-edit .inputBox {margin:0 5px 10px 0} .link-edit .tool {float: right;} .link-edit .link-container.edit .grab {display: none;} .link-edit .link-container.edit .tool {display: none;} .mod_link ul {list-style:none; padding:0; margin:0} .mod_link .item {overflow:hidden; white-space: nowrap; text-overflow:ellipsis; box-sizing:border-box; display: inline-block;} /* mod_cpageMenu */ .mod_cpageMenu {} .mod_cpageMenu ul {margin:0; list-style-type:none} .mod_cpageMenu li {margin:0; list-style-type:none} .mod_cpageMenu ul ul {margin-left:15px} .mod_cpageMenu a {margin-left:5px} .mod_cpageMenu .curr > a {font-weight:bold} .mod_cpageMenu .body > ul {} .mod_cpageMenu .body > ul > li > ul {margin-left:20px; list-style-type:none} .mod_cpageMenu .collapse {padding-left:15px; background:url(/sys/res/icon/expand.gif) 5px center no-repeat} .mod_cpageMenu .expand {padding-left:15px; background:url(/sys/res/icon/hide.gif) 5px center no-repeat} .mod_cpageMenu .null {padding-left:15px; background:url(/sys/res/icon/null.gif) 5px center no-repeat} .mod_cpageMenu .hide {display:none} /* mod_tabs */ .mod_tabs {margin-bottom:40px;} .mod_tabs .tabs {padding:0; margin:0; list-style:none; border-bottom:1px solid #777;} .mod_tabs .tabs > .item {float:left; margin-right:10px; border-bottom:3px solid transparent; cursor:pointer} .mod_tabs .tabs > .item:hover {border-bottom-color:#08c} .mod_tabs .tabs > .item.active {border-bottom-color:#EE0000} .mod_tabs .tabs > .item a {display:block; padding:10px; color:#444} .mod_tabs .tabs > .item:hover a {color:#08c} .mod_tabs .tabs > .item.active a {color:#EE0000; font-weight:bold} .mod_tabs .tabs > .item a {color:#999; font-weight:bold} .mod_tabs .tab-container {position:absolute; top:-10000px; padding-top:10px; max-height:9000px; overflow:hidden} .mod_tabs .tab-container.active {position:relative; top:0; height:auto; max-height:none; overflow:visible} #video-tabs-detail .detail {line-height:2} #video-tabs-detail .detail .title {float:left; width:80px; margin-right:10px; text-align:right; font-weight:bold} #video-tabs-detail .detail .value {overflow:hidden; padding-top:1px} #video-tabs-detail .detail .left {float:left; width:60%; margin-right:10px} #video-tabs-detail .detail .right {overflow:hidden} .chapter-container {-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .chapter-container .item {line-height: 24px; border:1px solid #ddd; border-radius:3px; background:white; padding:10px; margin-bottom:5px; position: relative; cursor: move; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .chapter-container .item:hover {background: #dcefb3} .chapter-container .item.chapter {background: #888; color:#fff;} .chapter-container .grab {position: absolute; top: 0; bottom:0; margin: auto 0; width:16px; height:25px; cursor:move; background:url(/sys/res/icon/drag.png) no-repeat center center #eee} .chapter-container .view, .chapter-container .edit {margin-left: 25px} .chapter-container .photo {float: left; border: 1px solid #ccc;} .chapter-container .photo img {width: 80px} .chapter-container .nameGrp {font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .chapter-container .name {font-weight: bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .chapter-container .sn {margin:0 5px 0 10px; font-weight:bold} .chapter-container .placeholder {border:1px solid #eee; background:#0044cc; opacity:0.1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter:alpha(opacity=10);} .chapter-container .item .tool {float: right;} .playlist-import {} .playlist-import ul {margin: 0; padding: 0; list-style: none; width: 100px; float: left;} .playlist-import ul li {padding: 5px; border-left: 3px solid transparent; cursor: pointer;} .playlist-import ul li:hover {background: #eee;} .playlist-import ul li.active {border-color: #d44; color:#d44; font-weight: bold;} .playlist-import .box {position: relative; height: 350px; border-left: 1px solid #ccc; overflow: hidden;} .playlist-import .box iframe {position: absolute; top: 0; right: 0; left: 0; bottom: 0; height: 100%; width: 100%;} .playlist-search {text-align: left; margin-top: 20px;} .playlist-search .chkbox {float: left; margin: 27px 10px;} .playlist-search .item {padding: 5px;border: 3px solid transparent; } .playlist-search .item:hover {border-color: #ccc; } .playlist-search .chkbox:checked + .item {border-color: #08e; } .playlist-search .thumb{float: left; border: 1px solid #ccc; border-radius: 3px; margin-right: 10px; width: 90px;} .playlist-search .title{font-weight: bold;} .playlist-search .desc{color:gray;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .playlist-search .ext {color:gray;} .playlist-search .ext-item {margin-right: 5px;} .playlist-box {text-align: left;} .playlist-box .item {counter-increment: playlist; padding: 10px 5px; border-bottom:1px solid #ccc; position: relative;} .playlist-box .item:before {content: counter(playlist)"."; float: left; height: 60px; line-height: 60px; font-size: 16px; margin-right: 5px; width: 20px; font-weight: bold;} .playlist-box .item.ui-sortable-helper {counter-increment: playlistHelper;} .playlist-box .item.ui-sortable-helper:before {content:"";} .playlist-box .move {float: left; width: 15px; background: url(/sys/res/icon/drag.png) center center no-repeat; background-color: #eee; height:60px; margin-right: 3px} .playlist-box .move:hover {background-color: #cfcfcf;} .playlist-box .info {height: 60px;} .playlist-box .thumb{float: left; border: 1px solid #ccc; border-radius: 3px; margin-right: 10px; max-height: 100%;} .playlist-box .title{font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;} .playlist-box .desc{color:gray;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;} .playlist-box .ext {color:gray;} .playlist-box .ext-item {margin-right: 5px;} .playlist-box .close {position: absolute; top: 5px; right: 0; padding: 5px 7px} .playlist-box .close:hover {background: #eee} .media-playlist {position: relative; background: #222; height: 100%; float: right; overflow: auto; color:#ccc;} .media-playlist .info {position: absolute; top:0; left: 0; background: #222; width: 100%;} .media-playlist .info .name {font-size: 1.4em; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding: 5px} .media-playlist .name .action.pull-right {padding: 1px 0 0 3px;} .media-playlist .toolbar {padding: 5px; border-top: 1px solid #aaa} .media-playlist .action:nth-child(n+3) {float: right;} .media-playlist .action {display: inline-block; padding: 3px 10px; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); cursor: pointer;} .media-playlist .action:hover {opacity: 0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80); background: rgba(255,255,255,0.1)} .media-playlist .action.active {opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);} .media-playlist .action:after {content: attr(data-value); display: inline-block;} .media-playlist ol {position: absolute; top: 75px; left: 0; bottom: 0; right: 0;padding: 0; margin: 0; overflow: auto; list-style: none;} .media-playlist ol > li {counter-increment: video; position: relative; background: #333;} .media-playlist ol > li:hover {background: #555;} .media-playlist ol > li:before {content: counter(video); position: absolute; top: 0; bottom: 0; left: 5px; margin: auto; height: 20px; vertical-align: middle; } .media-playlist ol > li.curr {background: #444;} .media-playlist ol > li.curr:before {content:'\0025b6'; color: #c03636; } .media-playlist ol a {display: block; padding: 10px 0 10px 25px} .media-playlist ol .thumb{float: left; margin-right: 5px; height: 40px; border: 2px solid transparent} .media-playlist ol li.curr .thumb {border-color: #c03636} .media-playlist ol .name {color:#ccc; height: 40px; overflow: hidden; font-size: 14px; } .media-breadcrumb {margin-left:15px;} .repo-apply {list-style: none; padding: 0; margin: 0; margin-bottom: 20px;} .repo-apply li {box-sizing: border-box; width: 25%; display: inline-block; vertical-align: top; margin-bottom: 20px; text-align: center;} .repo-apply .main {margin: 10px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; padding: 5px;} .repo-apply .preview {width:100%;height: 200px; border: 1px solid #ccc; position: relative; overflow: hidden;} .repo-apply .preview img{position: absolute; top: 0; left: 0; width: 100%} .repo-apply .desc {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;text-align: left;} .repo-apply .toolbar { margin-top: 5px; } .list-style {line-height: 30px; margin-bottom: 5px;} .list-style .name {font-size: 16px; float: left;} .list-style select{width: 80px; margin-right: 4px} .list-style input{width: 100px} .list-style .btn-group {margin-right:10px;} .list-style .input-append {margin-bottom: 0;margin-right: 10px} .list-style span {color:#000000} .list-style .searchInput {position: relative} .list-style .searchInput .clear {position: absolute; right:10px; top:3px; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.4; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter:alpha(opacity=40);font-size: 16px; line-height: 16px; font-weight: bold;} .list-style .searchInput .clear:hover {opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80);color: #d44} #video-tabs-share .share-item { border-left: 6px solid #FA9723; padding-left:5px; } .admin-only {background: #f0f0f0; padding: 20px 0; position: relative;} .admin-only .tip {position: absolute; right: 5px; top: 0; color: #d9534f;} .ext-column {background: #f0f0f0; padding: 20px 0; position: relative; margin-bottom: 15px} .ext-column .tip {position: absolute; right: 5px; top: 0; color: #d9534f;} .console-container {margin-bottom:30px;width:95%;display:none;} .console {background:#333; height: 250px; overflow-y: scroll; color:#eee; padding: 10px;margin: 0;overflow:auto; border:3px #AAA solid;} .console-plain-text {background:#FFF; color: #444;} .fs-tov {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .fs-column {} .fs-column-item {display: inline-block; position: relative; vertical-align: top;} .fs-column.c1 .fs-column-item {width: 100%;} .fs-column.c2 .fs-column-item {width: 50%;} .fs-column.c3 .fs-column-item {width: 33.33333333333333%;} .fs-column.c4 .fs-column-item {width: 25%;} .fs-column.c5 .fs-column-item {width: 20%;} .fs-column.c6 .fs-column-item {width: 16.66666666666666%;} .fs-column.c7 .fs-column-item {width: 14.28571428571428%;} .fs-column.c8 .fs-column-item {width: 12.5%;} .fs-column.c9 .fs-column-item {width: 11.11111111111111%;} .fs-column.c10 .fs-column-item {width: 11.11111111111111%;} .fs-column.c11 .fs-column-item {width: 11.11111111111111%;} .fs-column.c12 .fs-column-item {width: 8.33333333333333%;} .choise {float: right; } .choise-item {padding: 10px 7px; border-bottom: 1px solid #ccc; vertical-align: top; cursor: move; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .choise-item:hover {background: rgba(127,127,127,0.1); } .choise .place, .choise-container .place {border: 1px solid #ccc; height: 380px; overflow: auto; width: 200px; } .choise .name, .choise-container .name {text-align: center; font-size: 1.4em; font-weight: bold; } .choise-container {float: left;} .choise-container .place {background: #def; } .choise-ps {margin: 10px 5px; } .choise-item i {opacity: 0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70);} .choise-toolbar, .choise-filter {margin:10px 0 20px} .choise-filter {white-space: nowrap; overflow: hidden;} .choise-toolbar .caption, .choise-filter .caption {font-weight: bold; margin-right: 5px;} .col-group {} .col-group-item {border-bottom: 1px solid #eee; padding: 10px 5px; margin: 0} .col-group-item:hover {background: #fea} .col-group-item .sn {float:left; height: 40px; line-height: 40px; margin-right: 10px; font-size: 24px} .col-group-item input {margin: 0;} .col-group-item .col-item {color: #999;} .col-group-item .name {font-weight: bold; font-size: 1.1em} .col-group-item .name, .col-group-item .col {white-space: nowrap; overflow: hidden; text-overflow:ellipsis;} .col-group-item .tool {float: right;} .fs-cm-editor {font-size: 15px;} .fs-modal {background: #fff;} .fs-audio-wrapper {position: relative; background-position: center center; background-repeat: no-repeat; background-size: contain; background-color: #fff; text-align: center; box-shadow: 0 0 4px #777; padding: 2px;} .fs-audio-wrapper audio {position: absolute; right: 0; bottom: 10px; left: 0; width: 680px; height: 30px; margin: 0 auto;} .clist.conference-table {} .clist.conference-table .tableBox td {vertical-align: top; white-space: normal; overflow: visible; text-overflow: inherit;} .clist.conference-table .separate td {text-align: center; background:#FFFAED;} .conference {} .conference .fs-header .title {font-size: 30px} .conference-toolbar {margin-bottom:10px} .conference-toolbar .date {} .conference-toolbar .date input {width: 85px;} .conference-toolbar .date .week-input { width: 160px; font-weight: bold; } .conference-toolbar .input-append, .conference-toolbar .input-prepend {margin:0} .conference-group {margin-bottom: 50px} .conference-group .caption {height: 32px; line-height: 32px; padding-bottom: 10px; font-size: 16px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .conference-group .date {font-weight: bold; margin-right: 5px;} .conference-group .tool {float: right;} .conference-group .btn {margin: 0 5px;} .descList .dl-horizontal.conference-dt-dd dt {width: 130px; padding: 5px} .descList .dl-horizontal.conference-dt-dd dd {padding: 5px; margin-left: 140px;} .fs-pdf {height:993px; margin:0 auto; position:relative; border:1px solid #ccc;} .fs-pdf object {width: 100%; height: 100%} #pdfContainer .deck-container > .slide { padding:0; right:0; bottom:0; text-align:center;} #pdfContainer .deck-container > .slide img{ max-height:100%; right:0; bottom:0; } /* theme::qrcode */ .fs-qrcode {width: 120px; height: 120px; display: inline-block; border: 1px solid #555} .fs-qrcode:empty {background: url(/sys/res/icon/loading2.gif) no-repeat center center;} #root-user .module .alert div {font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .album-uploadBox {} .album-uploadBox .addModuleArea {text-align: center; margin-top: 30px;} .album-uploadBox .addModuleArea a {display: inline-block;} .lightdot {display: inline-block; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #ccc; background: #eee; margin-right: 4px;} .lightdot.on {background-color: #5cb85c; border-color: #4cae4c;} .lightdot.off {background-color: #BBBBBB; border-color: #AEAEAE;} .lightdot.starting {background-color: #FFED6F; border-color: #CBB830;} .AuditTitleSwitch .now a {pointer-events: none; cursor: default; color: rgb(85, 85, 85); font-weight: bold;} .radiosLineShift label {float:none !important; display:block !important; margin-top:8px} .module .profile .quotaStr {font-size: 13px;} .share-enable [role="source"] {display:block} .share-enable [role="hint"] {display:none} .share-enable [role="enhdl"] {display:inline} .share-enable [role="dishdl"] {display:none} .share-disable [role="source"] {display:none} .share-disable [role="hint"] {display:block} .share-disable [role="enhdl"] {display:none} .share-disable [role="dishdl"] {display:inline} .folder-admin-list {max-height: 250px; overflow: auto; margin-bottom: 0} .my-score-info {padding:5px;} .my-score-info .fs-column-item {max-width: 95%; margin: 5px auto} .folder-admin-list {max-height: 250px; overflow: auto; margin-bottom: 0} .reasonInsert {right:5px; top:45px; z-index:999; margin-top:-10px; padding:10px; border:1px solid #ccc; border-radius:4px; background-color:white; position: absolute; display:none;} .mod_courseScore {padding:5px;} .courseScore-import-list {max-height: 500px; overflow: auto} .courseScore-import-list .error {color:#f00;} .courseScore-import-list .warning {color:#b87d00;} .error-report {} .error-report .error{color:#f00;} .error-report .warning{color:#b87d00;} .licence-container { text-align: center; } .licence-container .content { border: 1px solid #aaa; padding: 5px 20px;} .recipSelectDiv {width: 67%; margin-right: 71px; margin-top: -5px;} .catSearch-filter {position: relative;} .catSearch-filter .tool {margin-bottom:10px; font-weight: bold;} .catSearch-filter .tool .radio {margin-left: 5px; display:inline-block; font-size: 15px;} .catSearch-filter .group {margin-bottom: 25px;} .catSearch-filter .group:last-child {margin-bottom: 0} .catSearch-filter .parent { display: inline-block; max-width: 100%; margin-bottom: 5px; padding-bottom: 2px; font-weight: bold; font-size: 15px; border-bottom: 5px solid #8AB99F; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .catSearch-filter .parent:after {position: absolute; right: 0; left: 0; display: block; height: 1px; margin-top: 4px; content: " "; background: #8AB99F; } .catSearch-filter .child {font-size: 13px} .category-box {} .category-box .group {margin-bottom: 25px;} .category-box .group .title{border-bottom: 1px solid #ccc; margin-bottom: 5px; font-size: 16px;} .category-search {position: absolute; top: 0px; z-index: 2; right: 5px} .learningItem-list .overDeadline { color: red;} .sortDiv {width:120px; display:none; right:5px; top:45px; z-index:999; margin-top:5px; padding:10px; border:1px solid #ccc; border-radius:4px; background-color:white} .sortDiv ul {list-style: none; margin-left:0px;} .locale-setting-table a {pointer-events:none} .syntaxhighlighter {overflow-y: hidden !important} .syntaxhighlighter .gutter {width:50px !important} .iframe-container {position: relative; overflow: hidden;} .iframe-container iframe {position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; border: 0; outline: 0;} .iframe-preview:before {content: "Preview"; position: absolute; display: inline-block; padding: 0 25px; right: -24px; top: 15px; -ms-transform: rotate(45deg); transform: rotate(45deg); height: 20px; color:#fff; background: rgba(0,0,0,.35); z-index: 1;} .insertDiv {display:none; margin:5px; padding:10px; border:1px solid #ccc; border-radius:4px; background-color:white; white-space:nowrap} .sortable-list {padding: 0; margin: 0; list-style: none; counter-reset: sortableitem;} .sortable-list .item {position: relative; counter-increment: sortableitem;} .sortable-list .item .grab {position: absolute; top:10px; bottom:0; left: 5px; width:10px; height:20px; background:url(/sys/res/icon/drag-single.png) center center no-repeat #eee; cursor: move;} .sortable-list .item .toolbar {float: right; margin-top: 10px; margin-right: 5px;} .sortable-list .item.parent {} .sortable-list .item.action {padding: 0;} .sortable-list .item.action a {display: block; text-align: center; padding: 10px 0;} .sortable-list .item.action .text:before {content: "";} .sortable-list .text:before {content: counter(sortableitem) ". ";} .sortable-list .text {border-bottom: 1px solid #ccc; padding: 10px 10px 10px 20px;} .sortable-list .text:hover {background: #eee;} .sortable-list .child-list {margin-left: 35px; padding-bottom: 10px; counter-reset: sortableitem;} .sortable-list.no-count {} .sortable-list.no-count .text:before {content: "";} .testMailBox { right:5px; top:45px; z-index:999; margin-top:5px; padding:10px; border:1px solid #ccc; border-radius:4px; background-color:white } .chooseHtmlBox {position: relative;} .chooseHtmlBox input {display: none;} .chooseHtmlBox input + div {padding: 5px; border: 1px solid #ccc; border-radius: 4px; width: 150px; cursor: pointer;} .chooseHtmlBox input + div:hover {background: #eee;} .chooseHtmlBox input:checked + div {background: #08c; color: #fff;} .chooseHtmlBox .iframeBox {position: absolute; left: 180px; right: 0; top: 0;} .chart-placeholder {} .chart-placeholder:empty:before {content: attr(data-loading); display: block; height: 320px; line-height: 320px; text-align: center;} .auditResult .table-description td:first-child {background:rgb(252,255,210);} /* View::Component */ .CategoryEditList {list-style-position: inside; margin-left: 0} .CategoryEditList li {padding: 10px 0 10px 5px; border-bottom: 1px solid #ccc;} .CategoryEditList li.updating {opacity: 0.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"} .CategoryEditList-action {float:right; cursor: pointer; margin-right: 5px;} .UserMail {} .UserMail input {margin-bottom: 5px;} .Carousel {position: relative; } .Carousel-inner {position: relative; overflow: hidden; border: 1px solid #bbb; box-sizing: border-box;} .Carousel-slides {width: 100%; height: 100%; white-space: nowrap; transition: transform 0.5s ease-in-out; } .Carousel-slide {display: inline-block; box-sizing: border-box; width: 100%; height: 100%; vertical-align: top; white-space: normal; } .Carousel-slide-inner {display: inline-block; box-sizing: border-box; vertical-align: top; float: left; } .Carousel-item {position: relative; display: inline-block; width: 100%; height: 100%; box-sizing: border-box; vertical-align: top;} .Carousel-item-inner {position: relative; display: inline-block; width: 100%; height: 100%; box-sizing: border-box; vertical-align: top; border: 2px solid transparent; } .Carousel-img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;} .Carousel-caption {position: absolute; left: 0; right: 0; bottom: 0; padding: 4px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background-color: rgba(0,0,0,.5); color: #ccc; display: none; } .Carousel-item--hover:hover .Carousel-caption, .Carousel-item--always .Carousel-caption {display: block; } .Carousel-next {position: absolute; right: 2%; top: 50%; width: 20px; height: 40px; margin: -20px 0 auto 0; background-repeat: no-repeat; cursor: pointer; background-image: url(/sys/res/icon/next.png); } .Carousel-next:hover {background-image: url(/sys/res/icon/next_hover.png); } .Carousel-prev {position: absolute; left: 2%; top: 50%; width: 20px; height: 40px; margin: -20px 0 auto 0; background-repeat: no-repeat; cursor: pointer; background-image: url(/sys/res/icon/prev.png); } .Carousel-prev:hover {background-image: url(/sys/res/icon/prev_hover.png); } .Carousel-indicators {padding-left: 20px; padding-right: 20px; margin: 0; box-sizing: border-box;} .Carousel-indicator {box-sizing: border-box; cursor: pointer; font-size: 12px; border-radius: 50%; width: 20px; height: 20px; line-height: 20px; display: inline-block; color: #ccc; border: 1px solid #ccc; text-align: center; margin: 2px; } .Carousel-indicator.active, .Carousel-indicator:hover {background-color: #fb9; color: #333; border-color: #c97; } .Carousel-indicators--default .Carousel-indicator {width: 12px; height: 12px; } .Carousel-indicators--inside {position: absolute; bottom: 12px; left: 8px; right: 8px; } .InlineControlGroup {display: inline-block; margin-right: 10px;} .InlineControlGroup label {display: inline-block;} .listFilterBlock {margin-bottom:10px;} .listFilterBlock .Form {margin-bottom:0px;} /*sysDiary*/ .mgr-toolbar {line-height: 30px; margin-bottom: 10px;} .mgr-toolbar select{width: 85px; margin-right: 10px} .mgr-toolbar input{width: 100px} .mgr-toolbar .btn-group {margin-right:10px;} .mgr-toolbar .input-append {margin-bottom: 0;margin-right: 10px} .cg {} .cg-item {position: relative; padding-bottom: 10px; margin-bottom: 10px;} .cg-item-body {} .cg-item-title {font-size: 24px; border-bottom: 1px solid #ccc; margin-bottom: 5px;} .cg-item-tool {display: inline-block;} .cg-item-hint {list-style: none; font-size: 13px; margin: 0 0 5px 0; } .cg-item-hint li {display: inline-block; color: #999; margin-right: 10px } .cg-item.active .table {display: table;} .cg .table {table-layout: fixed; display: none;} .cg .table td, .cg .table th {text-align: center; vertical-align: middle;} .Table-container {overflow: auto;} .Table {width: 100%; table-layout: fixed;} .Table .major {font-size: 15px;} .Table-valignmiddle .Td {vertical-align: middle;} .Table-valigntop .Td {vertical-align: top;} .Table-valignbottom .Td {vertical-align: bottom;} .Td {border-top: 1px solid #ddd;} .Table .Th {text-align: center;} .Table .Td {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} /* Td datatype */ .Td-fluid {position: relative;} .Td-fluid:after {content: " "; display: inline-block;} .Td-fluid-text {position: absolute; left: 0.4em; right: 0.4em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .Th-fluid-text {position: absolute; left: 0.4em; right: 0.4em; white-space: nowrap; text-overflow: ellipsis;} .CheckboxTable > tbody > tr.active > td {background:#f5fefc; border-top-style: solid;} .CheckboxTable > tbody > tr.active + tr > td {border-top-style: solid;} .RadioTable > tbody > tr.active > td {background:#f5fefc; border-top-style: solid;} .RadioTable > tbody > tr.active + tr > td {border-top-style: solid;} .descList .dl-horizontal.submission-en-dt-dd dt {width: 200px; padding: 5px} .descList .dl-horizontal.submission-en-dt-dd dd {padding: 5px 5px 5px 210px} .descList .dl-horizontal.submission-zh-dt-dd dt {width: 100px; padding: 5px} .descList .dl-horizontal.submission-zh-dt-dd dd {padding: 5px 5px 5px 110px} .paper-authors {margin-bottom: 10px; } .paper-authors .TipImg {margin-left: 5px; margin-bottom: 2px; } .paper-authors input[type='text'].tm-input {margin-bottom: 0} .paper-author {position: relative; background: #eee; padding: 10px; margin-bottom: 10px; border-radius: 4px; } .paper-author-radio {position: absolute; top: 10px; right: 150px; } .paper-contact-radio {position: absolute; top: 10px; right: 70px; } .paper-author-dismiss {position: absolute; top: 0; right: 10px; font-size: 2em; color: red; cursor: pointer; transition: color 0.3s ease-in-out; } .paper-author-dismiss:hover {color: #c00; } .paper-author input[type=email], .paper-author input[type=text] {width: 320px;} .paper-author .req {color: red; margin: 0 5px} .paper-author-title {margin-bottom: 10px; text-align: right;} .paper-author-division {width: 334px;} .submission-login { margin:0 auto; width:300px; border:1px solid #ccc; padding:10px} .mod_calendar {min-height: 625px;} .fc-ltr .fc-basic-view .fc-day-number { text-align: left; font-size: 12px; font-weight: bold; color: #000; } .fc-sat { color: #ff0000;} .fc-sun { color: #ff0000;} .fc-day-item { cursor: pointer;} .fc-sat .fc-day-item { color: #ff0000;} .fc-sun .fc-day-item { color: #ff0000;} .fc-day-header { background-color: #e8e8e8;} .fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: #999999; } .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td { border-color: #999999; } .fc-content { font-size: 13px; } .calendar-filter { float: right; font-size: 13px; } .calendar-filter label.inline.radio { float: none; margin-right: 5px;} .calendar-filter .category { margin-right: 30px; } .calendar-filter .filter-category { width:100px; } .calendar-tool label.inline.radio.first { margin-left:0; } .calendar-tool label.inline.radio { float: none; margin-right:0; margin-left: 10px; } .editCourseGCalendar { margin-left: 10px; } .GCLoading {display:none; padding-right:5px; margin-right:5px} .course-calendar .fc-day-item { cursor: auto; } .course-calendar .fc-toolbar { margin-bottom: 0; line-height: 0;} .course-calendar .fc-event-image { padding-left: 12px; background-image: url(/sys/res/icon/item.gif); background-size: 7px 7px; background-repeat: no-repeat; background-position: 2px 50%; } .course-signin .btn ~ .btn {margin-left:5px;} .GCEvent-title { font-size: 13px; color: #444; overflow:hidden; white-space:nowrap;} .search-input { display: inline-block; position:relative; } .search-input .search-input__text { height: 30px; box-sizing: border-box; } .search-input__clear, .search-input__submit { position: absolute; width: 16px; height: 16px; display:inline-block; vertical-align: middle; top: 0; bottom: 0; margin:auto 0; cursor: pointer; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; transition: all 0.3s ease-in-out; } .search-input__clear { right: 24px; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; color: red; line-height: 16px; text-align: center; } .search-input__submit { background: url(/sys/res/icon/search.gif) 4px 3px no-repeat; right: 8px; } .search-input__text:focus ~ .search-input__submit { opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } .search-input--active .search-input__submit:hover { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .search-input--active .search-input__clear { font-size: 25px; opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; visibility: visible; } .search-input--active .search-input__clear:hover { opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .search-input--active .search-input__text { padding-right: 40px; } .floatDiv { position:absolute; width: auto; box-shadow: rgb(204, 204, 204) 0px 0px 5px; z-index: 100; display: block; background: rgb(255, 255, 255); } .attendDiv { position:absolute; width:275; border:1px solid #ccc; padding:10px; background: rgb(255, 255, 255); margin-top:3px; border-radius:5px; z-index: 100;} .attendDiv hr { margin:5px;} .memberBtnsDiv { margin-top:8px; } .memberBtnsDiv > * { margin-left:5px; } .submissionBtnSetting input { width:130px; text-align: center; } .submissionBtnSetting textarea { width:185px; border:1px dashed; resize: none; text-align:center; } .submissionBtn ul li { position: relative; display: inline-block; vertical-align: top; } .submissionBtn ul li div { width:200px; } .division-children-list { margin-top: -10px; margin-bottom: 20px; padding: 10px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .orgSetOff { visibility: hidden; line-height:30px; width:30px; height:30px; } .orgSetOn { visibility: visible; line-height:30px; width:30px; height:30px; } .clist .editRow td{ padding-top: 0px; padding-bottom: 0px; } .editOptWeight .control-group {margin-bottom:10px;} .js-ppt-input .FileInput-filename, .FileInput-tool { display: none; } .js-ppt-input .js-addition { display: none; } .modConfList ul{ list-style:none; margin: 0px;} .modConfList .list { } .modConfList .list .title {margin-left:60px; padding: 10px 0; border-bottom:1px dashed #aaa; } .modConfList .list .title .name a {color: #595959; } .modConfList .list .title .name a:hover {color: #0367b0; } .modConfList .list .title .place {color: #aaa; } .modConfList .time { width: 55px; padding-top: 5px} .modConfList .time .month{ color: #aaa; font-size: 24px;} .modConfList .time .slash{ color: #aaa; } .modConfList .time .date { font-size: 24px; color: #595959;} .modConfList .time .weekday{ color: #aaa; text-align: center;} .speakerList .topBlock {display:inline-block; width:100%;} .speakerList .bottomBlock {margin:10px 0 0 5px;} .speakerList .bottomBlock button {margin-right:10px;} .speakerList .infoDetial {margin-left:30px; white-space:normal;} .speakerList .js-specialty {font-size:13px;} .speakerList .clist .infoDetial > table > tbody > tr > td {background:none; border-top:none; border-bottom:none;} .speakerList .clist .infoDetial > table > tbody > tr > td:not(:first-child) {border-left:none;} .speakerList .clist .tableBox tbody tr:hover td {background:transparent;} .speakerList .infoDetial .moreLink {margin:5px;} .speakerList .infoDetial .speakerCourses td:first-child {text-align:center; background-color:white;} .TipImg {cursor: help;} .pagination ul > li.pagination--jump > span {padding-top: 0; padding-bottom: 0; padding-left: 0; line-height: 28px; } .pagination__jump select {border: 0; padding-top: 0; padding-bottom:0; width: auto; display: inline-block; height: 28px; vertical-align: top; text-align: center; appearance:none; -moz-appearance:none; -webkit-appearance:none; } .pagination.pagination--legacy {font-size: 0.9em; margin: 10px 0;} .pagination.pagination--legacy ul > li > span, .pagination.pagination--legacy ul > li > a {padding: 5px 10px;margin-right: 5px; border-radius: 0; border: 1px solid #aaa; line-height: 16px; color: #777} .pagination.pagination--legacy ul > li.active > span {border: 0; color: #000; font-weight: bold; background: none; padding-left: 8px; padding-right:8px;} .pagination.pagination--legacy ul > li:hover > a {color: #333; background: #ddd;} .pagination.pagination--legacy .pagination__jump > span {padding: 0; border: 0; line-height: 28px; margin-left: 8px; color: inherit;} .pagination.pagination--legacy .pagination__jump > span:before {content: 'Go: '; display: inline;} .pagination.pagination--legacy .pagination__jump > span > select {border: 1px solid #ccc; font-weight: bold; color: #777; border-radius: 0; height: 24px; line-height: 24px; vertical-align: middle;} .FileInput {} .FileInput-input {position: relative; overflow: hidden; margin-bottom: 0;} .FileInput-input input[type=file] {position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -ms-transform: translate(-300px, 0) scale(4); transform: translate(-300px, 0) scale(4); font-size: 23px; cursor: pointer;} .FileInput-tool {display: inline-block; line-height: 30px; height: 30px; vertical-align: middle;} .FileInput-tool img {margin-right: 4px; cursor: pointer;} .FileInput-status {display: inline-block; height: 30px; line-height: 30px; vertical-align: middle;} .FileInput .req {display: inline-block; height: 30px; line-height: 30px; vertical-align: middle;} .FileIcon {} .FileIcon-input {position: relative; overflow: hidden; display: inline-block;} .FileIcon-input input[type=file] {position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -ms-transform: translate(-300px, 0) scale(4); transform: translate(-300px, 0) scale(4); font-size: 23px; cursor: pointer;} .FileIcon-icon {display: none;} .FileIcon-progress {display:none; color: #999;} .FileIcon.FileIcon--hasFile .FileIcon-icon {display: block;} .FileIcon.FileIcon--uploading .FileIcon-input, .FileIcon.FileIcon--uploading .FileIcon-icon {display: none;} .FileIcon.FileIcon--uploading .FileIcon-progress {display: block;} .CodeMirror { border: 1px solid #ccc; } .courseGroup-list {} .courseGroup-list .title {font-size: 20px;} .ImgFileInput-img {width:350px;} .myLicenceInfo div {margin-left:75px; margin-top:5px; margin-bottom:5px} .descList .printLicenceHead dt {width: 45px; padding: 5px} .descList .printLicenceHead dd {padding: 5px 5px 5px 55px} .changeImage {} .changeImage .photoHint {opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .changeImage:hover .photoHint {opacity: 0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";} .changeImage.uploading .photoHint {opacity: 0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} .licenseSelect option:disabled{color: #bbb} .program-info .descList .dl-horizontal {margin-top:5px;} .program-info .descList .dl-horizontal dt {width:95px; padding:5px 0;} .program-info .descList .dl-horizontal dd {margin:0; padding:5px 5px 5px 100px;} .program-list {} .program-list .title {font-size:20px;} .program-list .title.sub {font-size:15px;} .program-list .req {color:#f00; font-size:12px; font-weight:normal;} .program-list .info {margin-top:5px;} .program-list form {margin-bottom:10px;} .program-list form .form-control{font-size:13px;} .program-list form label{font-size:13px;} .program-list .btnGroup {margin-top:8px;} .program-list .btnGroup .dropdown {margin-left:5px;} .program-list .btn {margin:0 5px;} .program-list .btn:first-child {margin-left:0;} .program-list .icon {margin:0 4px 4px 0;} .program-memberStatistic {} .program-memberStatistic.normal {margin-left:20px;} .program-memberStatistic .inline {display:inline-block;} .program-memberStatistic .js-checkbox {margin-top:-5px;} .program-memberStatistic .bottomBlock {margin-top:8px;} .program-memberStatistic .btn {margin:0 5px;} .program-memberStatistic .btn:first-child {margin-left:0;} .licenceNameGrp { display:inline-block; max-width: 100%; box-sizing: border-box; } .licenceNameGrp .licenceImg { float:right; padding-left:3px; } .licenceNameGrp .licenceName { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .userLicencePeriod input {width:65px;} .percentHint .passRate { color: #0367b0; } .approveInfo.table-description td:first-child {background:rgb(252,255,210);} .title .remindInfo { background-color: #ff0000; color: #ffffff; padding: 0 5px; margin: 0 10px;} #memberList .attendTime-warning {color:#ff0000;} .scoreApply-upload-form {margin-top:20px; margin-left:60px; margin-bottom:30px;} .scoreApply-upload-form .upload-list {margin-top:5px; width:400px; max-height:300px; overflow:auto;} .mimicIcon {text-align: center; width: 16px; height: 16px; display: inline-block;} .traniningPlan-toolBar {margin-top: 10px;} .traniningPlan-toolBar .btn {margin-right: 10px;} .clist .wrap {white-space: normal;} .plan-property-container input {margin-top:0px; margin-right:5px;} /*coursePlanDetailInfo*/ .planCourseDetailInfo {box-sizing: border-box; padding: 9px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); border-radius: 6px; z-index: 10000; width: 300px; height: 130px; position: absolute; background-color: white; border: 1px solid rgba(0, 0, 0, 0.2);} .planCourseDetailInfo .title {font-size: 1.2em} .planCourseDetailInfo .dialogClose {cursor: pointer; text-align: right;} .planCourseDetailInfo .content {height: 85px; overflow-y: auto;} .planCourseDetailInfo .infoTitle {width: 45px; float: left; text-align: right} .planCourseDetailInfo .infoContent {margin-left: 50px; width: 210px; word-break: break-all; word-wrap: break-word} #speakerSlt .js-radio {margin-left: 9px;} .field-txt-top {margin-top:5px;} .auditPanel-container {margin-top: 10px;} .auditPanel-title {float: left; width:30px; padding-left: 5px; padding-top: 5px; font-weight: bold;} .auditPanel-content {margin-left: 40px;} @keyframes fadeIn {from { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; opacity: 0.4; } to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; opacity: 0.95; } } .cke_notifications_area {pointer-events: none; } .cke_notification {pointer-events: auto; position: relative; margin: 10px; width: 300px; color: white; border-radius: 3px; text-align: center; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; opacity: 0.95; filter: alpha(opacity=95); box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 0.3); animation: fadeIn 0.7s; } .cke_notification_message a {color: #12306F; } .cke_notification_success {background: #72B572; border: 1px solid #63A563; } .cke_notification_warning {background: #C83939; border: 1px solid #902B2B; } .cke_notification_info {background: #2E9AD0; border: 1px solid #0F74A8; } .cke_notification_info span.cke_notification_progress {background-color: #0F74A8; display: block; padding: 0; margin: 0; height: 100% ; overflow: hidden; position: absolute; z-index: 1; } .cke_notification_message {position: relative; margin: 4px 23px 3px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; z-index: 4; text-overflow: ellipsis; overflow: hidden; } .cke_notification_close {position: absolute; cursor: pointer; text-align: center; height: 20px; width: 20px; top: 1px; right: 1px; padding: 0; margin: 0; z-index: 5; color: #ccc; } .cke_notification_close:after {content: '×'; display: inline-block; } .cke_notification_close:hover {color: #fff; } .cke_notification_close span {display: none; } .cke_notification_warning a.cke_notification_close {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";opacity: 0.8; filter: alpha(opacity=80); } .cke_notification_warning a.cke_notification_close:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity: 1; filter: alpha(opacity=100); } #newsletterBox {display: table; margin: 60px auto; padding: 10px; border-radius: 4px; background: #fff} #newsletterBox .header {margin-bottom:10px; text-align:center; border:0; font-size:1.6em; font-weight:bold} .functionGrp .btn:not(:first-child) { margin-left: 5px;} /*km-tocList*/ .kmChapter ul {min-height: 35px;} .sortable.placeholder {background: #ffd; border: 3px solid #ffe8e8; border-radius: 5px; box-sizing: border-box;} .listTop {margin-left: 20px; position: relative;} .listTop.detail .kmMedia {border-bottom: 1px solid #eee; box-sizing: border-box;} .listTop, .listTop ul {list-style-type: none} /*chapter*/ .kmChapter {position: relative;} .kmChapter>.chapterContainer {position: relative} .kmChapter>.view {line-height: 35px;} .kmChapter>.view>.title>.sn {float: left; margin-right: 7px; font-size: 35px;} .kmChapter>.view>.title>.text {margin-top: 5px; font-size: 20px;} .listTop .kmChapter>.chapterContainer:before {content: ""; width: 35px; height: 5px; background-color: #25c163; position: absolute; top: -3px; left: 0px;} .kmChapter>.chapterContainer {border-top:1px dashed #ddd; padding-top: 5px;} .kmChapter>.view>.title.dragToc:hover:before {display: block;} .kmChapter>.view>.title.dragToc:before {content: ""; width: 10px; height: 20px; background: url(/sys/res/icon/drag-single.png) no-repeat center center; position: absolute; top: 12px; left: -16px; cursor: move; border:1px solid #ccc; background-color: #eee; margin: auto; display: none;} .kmChapter>.view>.title.dragToc:after {content: ""; width: 10px; position: absolute; left: -10px; top: 12px; margin: auto; height: 20px; cursor: move;} /*media*/ .kmMedia {position: relative;} .kmMedia>.title {line-height:35px; vertical-align: middle; margin: 2px 0 2px 0;} .kmMedia>.title>.text {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .kmMedia>.title>.detail-info { height:35px; font-size: 13px; color: #888;} .kmMedia>.title>.detail-info>div {display: inline-block; margin: 0 2px 0 2px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .kmMedia>.title>.detail-info>.num {width: 3em;} .kmMedia>.title>.detail-info>.name {width: 5em;} .kmMedia>.title>.detail-info>.date {width: 6em;} .kmMedia>.title>.icon {display: inline-block; vertical-align: middle; position: relative; padding-left: 30px; padding-top: 4px; height: 30px; width: auto; margin-right:0} .kmMedia>.title.dragToc:before {content: ""; width: 10px; height: 20px; background: url(/sys/res/icon/drag-single.png) no-repeat center center; position: absolute; top: 0px; bottom: 0px; left: -16px; cursor: move; border:1px solid #ccc; background-color: #eee; margin: auto; display: none;} .kmMedia>.title.dragToc:hover:before {display: block;} .kmMedia>.title.dragToc:after {content: ""; width: 10px; position: absolute; left: -10px; top: 0px; bottom: 0px; margin: auto; height: 20px; cursor: move;} /*detail header*/ .area>.detail-Header {margin-left: 25px; font-size: 13px; font-weight: bold; background:#f6fffc; border-top: 3px solid #4abeb5; border-bottom: 1px solid #4abeb5;} .area>.detail-Header>div {margin: 4px 0 8px 0;} .area>.detail-Header>.title {text-align: center;} .area>.detail-Header>.detail>div{display: inline-block; margin: 0 2px 0 2px; text-align: center;} .area>.detail-Header>.detail>.num {width: 3em;} .area>.detail-Header>.detail>.name {width: 5em;} .area>.detail-Header>.detail>.date {width: 6em;} .modifiedAccount {color: blue !important;} .infoWrap {white-space: normal; overflow: visible;} .choise-container.basicInfo {float: left; margin-right: 30px;} .choise-container.advInfo {float:left;} .contactInfoTopBarItem {margin-top:20px; margin-bottom: 5px;} .contactInfoTopBarForm {margin-top:10px; margin-bottom: 5px;} /* bootstrap-micro extend */ .input-micro {width: 30px;} /* bootstrap-xlarge extend */ .input-xlarge-fs{width: 450px;} label>input.inlineInput {height: 13px;} .statIcon {margin-left: 5px;} .statIcon>img {vertical-align: inherit;} .exportBtn {margin: 10px 0;} .addIntenalSpeaker{margin:10px 0; position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0;} .delCat{text-align: center; font-weight: bold; margin:5px 0 5px 0;} .chkAlertCat {font-weight:bold;} .chkAlertCat div {text-align:center; margin:5px 0;} .chkAlertCat .list ul {text-align:left; margin:0 auto; display:inline-block; list-style:none;} .chkAlertCat .list li {margin:5px 0;} .editAttRadio{margin-top: 5px; margin-bottom: 20px;}.addIntenalSpeaker{margin:10px 0; position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0;} [data-class='passRuleSubmit'] {float: right;} .editPassRuleDialog {padding:10px; box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); border-radius:6px; z-index:10000; width:320px; height:165px; position:absolute; background-color:white; border:1px solid rgba(0, 0, 0, 0.2);} .editPassRuleDialog>iframe {overflow: hidden; border: 0; width: 320px;} .subjectSet {margin-top: 10px; width: 90px; text-align: center;} .exam.edit .questionLoading {margin: 30px 0;} .form-flatBottom {margin-bottom: 5px;} .field-BottomPager {margin:-10px 0 0 0;} .field-BottomBlock {margin-top: 10px;} .resourceInputArea {display: inline-block;} .field-info {margin-bottom: 10px;} .field-topFilterBlock {position: relative;} .field-topFilterBlock .mgrLink {position: absolute; bottom: 5px; font-size: 15px;} /*cert*/ @font-face { font-family: Chinese; src: url('/sys/res/font/cwkai.ttf') format('truetype'); } #cert {position:relative; box-shadow: 0 0 4px rgba(0, 120, 255, 0.5); border:1px solid #ccc; font-family: Chinese;} #cert div[contenteditable='true'] {padding:8px; background:none; border:1px dashed #ccc; box-shadow:none} /* donot change padding, pls */ #cert .slot {height:auto !important; padding-left:18px; min-height:50px; overflow:hidden; position:absolute;} #cert .slot .grabber {position:absolute; left:0; top:0px; width: 16px; height: 25px; background: url(/sys/res/icon/drag.png) no-repeat center center #EEE; cursor: move; } #cert .slot:hover div[contenteditable='true'] {border:1px dashed #666} #cert .slot .cross {position:absolute; left:0; top:25px; line-height:20px; font-size:30px; font-weight:bold; color:#f00; cursor:pointer} #cert .slot .grabber, #cert .slot .cross {opacity:.8} #cert .slot .grabber:hover, #cert .slot .cross:hover {opacity:1} #cert .certificate {outline: 2px solid #ff0} #cert .cke_widget_inline {display:inline !important} #cert .cke_widget_wrapper:hover > .cke_widget_element{outline:0 !important} .certClear {margin-top: 5px;} .certSampleToolbar {position: relative;} .certSampleToolbar a {position: absolute; bottom: 0px;} .certSampleContainer {margin-top: 10px; display: inline-block;} .certTypeSlt input {margin-top: 0px; margin-right: 5px;} .certPortrait {width: 509px; height: 720px; box-shadow: 0 0 4px rgba(0, 120, 255, 0.5); border:1px solid #ccc;} .certLandscape {width: 720px; height: 509px; box-shadow: 0 0 4px rgba(0, 120, 255, 0.5); border:1px solid #ccc;} .extColEditable {float: right; margin-right: 5px;} .bulletin-edit .recSelectDiv {width: 67%; display:inline-block;} .bulletin-edit .recipientType {vertical-align:top;} .font-bold {font-weight:bold;} .passMemberDuration {margin-top:30px; margin-left:45px;} .folder-fieldset {margin-bottom:20px;} .showMore {position:relative; z-index:16;} .mgr_service_account .accountAuthServ {display:inline-block; margin-left:10px;} .mgr_service_account .textareaHint {margin-top: 5px;} .mgr_service_account .accountEmailDomain {resize:none; height:120px; width:78%; margin-top:5px;} .mgr_service_account .accountRemote {display:inline-block;} .mgr_service_account .remoteTest {margin:5px 0 0 20px;} .prerequisite-topBlock {margin-bottom: 10px;} .prerequisite-bottomBlock {margin-top: 10px;} .prerequisite-bottomBlock .lightdot {margin-left: 10px;} .scheduleField-info {margin-top:5px;} .scheduleField-info .descList .dl-horizontal {margin:0;} .scheduleField-info .descList .dl-horizontal dt {width:145px; padding:5px 0;} .scheduleField-info .descList .dl-horizontal dd {margin:0; padding:5px 5px 5px 150px;} .loginReport-bottomBlock { margin: 10px 0; } .service-defaultValue .preview {width:20%; height:75px; border:1px solid #ccc; display:inline-block;} .service-defaultValue .preview img {width:100%; height:75px;} .stepSetting {position:absolute; right:0px; top:25px; z-index:9999; display:none; background-color:#fff; padding:5px; border:#CCC 1px solid; border-radius:6px; box-shadow:0px 1px 1px rgba(20%,20%,40%,0.5);} .stepSetting iframe {overflow:hidden; border:0; height:170px; width:165px;} .stepSetting span {font-size:20px;} .stepSetting .close {cursor:pointer;} .userInfo {margin: 0px 5px 15px 5px;} .userInfo .photoBlock {display: inline-block; margin:5px 15px 5px 0px; height: 80px; width: 80px;} .userInfo .photoBlock .photo {border: 2px solid #ccc;} .userInfo .info {display: inline-block; vertical-align: middle; width: 50%;} .courseThumbList {margin: 20px 10px;} .courseThumbList .thumb {position: relative; width: 192px; height: 108px; float: left; border: 1px solid #eee;} .courseThumbList .thumb .assignedHint {position: absolute; bottom: 5px; right: 5px;} .courseThumbList .info {margin-left: 210px;} .courseThumbList .info .courseName {font-size: 1.3em;} .courseInfoList {margin-top: 5px;} .courseInfoList li {padding: 1px 0px; height: 22px; line-height: 22px;} .courseInfoList li .progress {position: relative; width: 200px; display: inline-block; margin-bottom: 0px; vertical-align: middle;} .courseInfoList li .progress .percent {position: absolute; width: 100%; text-align:center} .notCompleteListRegister {margin-top: 40px;} .notCompleteListRegister .openAndRegister {border: 1px dashed #ccc; padding: 10px 20px;} .notCompleteListEmptyHint {margin: 20px; font-size: 2em; color: #ddd;} .templateBottomBlock {margin-top: 10px;} .templateTopBlock {margin: 10px 0px;} .templateTopBlock form {margin: 0px;} .fs-navMenu > li+li {margin: 2px 0px;} .fs-navMenu > li {position:relative; display: block;} .fs-navMenu > li > a {padding: 10px 15px; color: #555;} .fs-navMenu > li > .dropdown-toggle > .caret {vertical-align: middle; border-top-color: #555; border-bottom-color: #555; margin: 0px;} .fs-navMenu > li > .dropdown-toggle:hover > .caret {border-top-color: #555; border-bottom-color: #555;} .fs-navMenu > li > ul {margin-left: 20px;} .fs-navMenu > .divider {margin: 10px; border-bottom: 1px solid #ccc;} .fs-navMenu > .divider.dashed {border-bottom: 1px dashed #ccc;} .app { width: 100px; text-align: center; margin-bottom: 10px; display: inline-block;} .app:hover a { color: #008; text-decoration: none; } .app .app-icon { font-size: 28px; color: #bbb; margin-bottom: 5px; } /* vw:divider() */ .fs-divider { margin: 20px 0px; border-bottom: 1px solid #ccc; } .fs-text-divider { color: #000; margin-bottom: 20px; padding:5px; text-align: center; background-color: #eee; border: none; } .fs-modal-sm { width:360px; margin-left: -180px;} .setCourseScoreMgrBlock {margin-top: 30px;} .basicLicName {width: 256px;} .basicLicInfo {width: 270px; height: 300px;} .courseListLink {margin: 5px 0 20px 0;} .courseListLink .openAndRegister {display: inline-block; border: 1px dashed #ccc; padding: 10px 20px;} .licenseKeyInTopBlock { margin: 5px 0 10px 0; } .licenseKeyInTopBlock form { margin: 0; } .licenseKeyInBottomBlock { margin: 10px 0px; } .licenseAdvMgrTopBlock { margin: 5px 0 10px 0; } .licenseAdvMgrTopBlock form { margin: 0; } .licenseAdvMgrBottomBlock { margin: 10px 0px; } .advUserLicenceBottomBlock {margin: 10px 0px;} .sampleCertImage { margin: 0 auto; } .sampleCertImage > img { margin-bottom: 10px; border: 1px solid #ccc; max-width: inherit; } .sampleCertImage_landscape { width: 350px; max-width: 100%; } .sampleCertImage_portrait { width: 250px; max-width: 100%; } .sys_recommend_limitBlock { display: inline-block; } /* vw::block() */ .fs-block {margin-bottom:20px;} .fs-sidebar .fs-block h3 { font-size:18px; } /* smaller font in sidebar block header */ .fs-block-header { border-bottom: 1px solid #ccc; margin-bottom: 10px; } .fs-block-header-ext { margin-top: 28px; /* bootstrap

margin-top + font-size (24px) */ } .courseLeaveBlock { margin: 10px 0px; } .prerequisiteCourseList { display: inline-block; } .prerequisiteCourseList .backBtn { margin-top: 10px; } /* loginMgr */ #socialListBlock { display: inline-block; } .loginMgr-logo { height: 100px; } /* #66624 */ /* registerMgr custom horizontal label */ .form-horizontal .control-label-registerMgr { width: 125px; } .form-horizontal .control-label-registerMgr + .controls {margin-left: 135px;} /* registerMgr custom horizontal description */ .registerMgr-description > tbody > tr > td:first-child { width: 125px;} /* 66924 */ .loginRegisterRelatedInfo-inlineEditor { overflow: auto; min-height: 300px;} .program-activity {float:right; margin-right:-5px;} .program-activity.clist .tableBox {border-top:none; border-bottom:none; border:2px solid #e1e1e1; border-radius:10px; overflow:hidden; padding:3px 5px;} .program-activity.clist .tableBox tr {background:#f8f8f8;} .program-activity.clist .tableBox tr:last-child td {border-bottom:none;} /* #69205 */ .repo-apply-oldAlert {color: red; margin-top: 5px; margin-bottom: 20px;}