ocsjs/style.css

9 lines
4.4 KiB
CSS
Raw Normal View History

2022-05-08 12:57:18 +00:00
/*!
* ocsjs 3.7.3 ( https://github.com/enncy/online-course-script#readme )
* ocs - online course script 在线网络课程辅助工具
* 版权所有 enncy
* 开源协议 MIT
*/
ocs-panel{position:fixed;top:40%;left:50%;transform:translate(-50%);max-width:800px;min-width:250px;background:white;z-index:99999999;border-radius:4px;text-align:left;box-shadow:0 2px 6px #848484}ocs-panel .ocs-panel-header{display:flex;padding:6px 4px;border-bottom:1px solid #c6c6c6}ocs-panel .ocs-panel-header .title{cursor:pointer!important;font-size:14px;margin:0 8px;padding:0;white-space:nowrap}ocs-panel .ocs-panel-header .title.active{font-weight:700}ocs-panel .ocs-panel-header.hide{display:none}ocs-panel .ocs-panel-container{font-size:12px;padding:4px;max-height:550px;overflow:auto}ocs-panel .ocs-panel-container ul li{list-style:inside}ocs-panel .ocs-panel-container.hide{display:none}ocs-panel .draggable{cursor:move}ocs-panel.hide{width:48px;height:48px;background-color:#0000;box-shadow:0 0 16px gray;border-radius:10px;min-width:unset;bottom:10%;left:5%;top:unset}ocs-panel ul{padding:0;margin:0}ocs-panel hr{margin:4px 0}ocs-panel .ocs-panel-footer{font-size:1px;color:#c5c5c5;border-top:1px solid #c6c6c6;margin-top:8px;text-align:right;padding:0 4px}ocs-panel .ocs-panel-footer.hide{border-top:none}ocs-panel .ocs-panel-footer.hide>.hide-btn{display:none}ocs-panel .ocs-panel-footer.hide>.ocs-tip{text-align:center;white-space:nowrap;position:absolute;top:64px;left:-32px}ocs-panel .ocs-panel-footer .hide-btn{float:left;cursor:pointer}ocs-panel .ocs-setting-items{display:grid;grid-template-columns:min-content auto;grid-row-gap:8px;white-space:nowrap;font-size:12px}ocs-panel .ocs-setting-items label{padding-right:4px}ocs-panel .ocs-setting-items label+div{display:inline-flex;align-items:center;gap:2px}ocs-panel .ocs-setting-items label:after{content:": "}ocs-panel .ocs-setting-items select{font-size:12px;outline:none;border:none;border:1px solid #e4e4e4;border-radius:4px;width:100%}ocs-panel .ocs-setting-items input{outline:none;border:none;border-bottom:1px solid #e4e4e4;background:#f5f5f5;padding-left:2px;text-align:center}ocs-panel .ocs-setting-items input[type=checkbox]{appearance:none;width:32px;height:16px;background:#c5c5c5;border-radius:100px;display:flex;align-items:center;padding:0 2px;transition:all .2s ease-in-out}ocs-panel .ocs-setting-items input[type=checkbox]:checked{background:#1890ff!important;justify-content:flex-end}ocs-panel .ocs-setting-items input[type=checkbox]:before{background-color:#fff;border-radius:9px;box-shadow:0 2px 4px #00230b33;width:12px;height:12px;content:""}ocs-panel .ocs-setting-items input:not([type="checkbox"],[type="radio"]){width:100%}ocs-panel .ocs-btn-primary{outline:none;border:none;cursor:pointer;background:#1890ff;color:#fff;border:1px solid #1890ff;font-size:12px;border-radius:4px;margin:2px}ocs-panel .ocs-btn{outline:none;border:none;cursor:pointer;background:white;border:1px solid #e4e4e4;border-radius:4px;font-size:12px;margin:2px}ocs-panel .terminal{width:300px;height:300px;max-width:300px;max-height:300px;overflow:auto;background-color:#000;padding:12px 6px;color:#fff}ocs-panel .terminal level{padding:0 2px;border-radius:2px}ocs-panel .terminal level.info{background-color:#2196f3a3}ocs-panel .terminal level.warn{background-color:#ffc107db}ocs-panel .terminal level.error{background-color:#f36c71cc}ocs-panel .terminal level.debug{background-color:#9e9e9ec4}ocs-panel .terminal *::selection{background-color:#ffffff6b}ocs-panel #search-results a{text-decoration:underline}ocs-panel #search-results .search-results-container{padding-left:12px}ocs-panel #search-results .search-results-item{margin-bottom:8px;background:#f6ffed;border:1px solid #b7eb8f;padding:0 2px}ocs-panel .ocs-icon{width:64px;height:64px;position:relative;top:-16px;left:-12px;display:none}ocs-panel .tooltip{position:absolute;transform:translateY(-100%);padding:4px;border-radius:4px;box-shadow:0 0 4px #000}ocs-panel .tooltip a{color:#1890ff}ocs-panel .tooltip.dark{background:black;color:#fff;opacity:.8}ocs-panel .tooltip.light{background:white;color:inherit}ocs-panel .search-result-modal{background-color:#fff;padding:4px;transform:translate(-105%);position:absolute;box-shadow:0 0 4px #c7c7c7}ocs-panel .searc