215 lines
11 KiB
Plaintext
215 lines
11 KiB
Plaintext
/*路径相对主题目录开始的，因为所有都是由confi.less引入的*/
|
||
@img_desktop:"../../../images/desktop/"; /*桌面图标*/
|
||
@img_common:"../../../images/"; /*公共图片*/
|
||
@img_files_icon:"./images/"; /*文件——大图标*/
|
||
@img_files_list:"../../../images/file_16/"; /*文件——小图标*/
|
||
|
||
|
||
::-webkit-scrollbar-track-piece{background-color:#f5f5f5;border-left:1px solid #d2d2d2}
|
||
::-webkit-scrollbar{width:12px;height:10px}
|
||
::-webkit-scrollbar-thumb{background-color:#c2c2c2;background-clip:padding-box;border:1px solid #979797;min-height:28px}
|
||
::-webkit-scrollbar-thumb:hover{border:1px solid #636363;background-color:#929292}
|
||
.hidden{display:none;}
|
||
.frame_fullscreen{position: fixed;z-index: 999499;left: 0;top: 0;}
|
||
.font-icon{text-shadow:0 0 1px;}
|
||
.dragMaskView{position: absolute;top:0;left: 0;right: 0;bottom: 0;z-index: 888;background: #fff;.opacity(0.1);}
|
||
.font-family(){font-family:Helvetica,"Helvetica Neue","Century Gothic","微软雅黑","Microsoft Yahei","STXihei";}
|
||
input, button, select, textarea {line-height: initial;}
|
||
a{text-decoration: none;};
|
||
body{font-size:13px;padding:0px;margin:0px;.font-family();.user-select(none);}
|
||
textarea,input,button,pre{.font-family();.user-select(auto);}
|
||
|
||
|
||
/* boostrap 覆盖*/
|
||
*, *:before, *:after {-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
|
||
.btn{color:#888;}
|
||
label {font-weight: normal;}
|
||
pre{border:none;border-radius:0;}
|
||
.btn .font-icon{color:#999;}
|
||
button.btn{background:url("@{img_common}buttons_40.png") 0 0px repeat-x;}
|
||
.btn-group-sm>.btn {padding: 4px 10px;line-height:13px;line-height: 1;}
|
||
.btn-default:active, .btn-default.active {border-color: #ADADAD;color:#888;}
|
||
.dropdown-menu:after {content: '';display: inline-block;border-left: 6px solid rgba(0, 0, 0, 0);
|
||
border-right: 6px solid rgba(0, 0, 0, 0);border-bottom:6px solid #FFF;
|
||
position: absolute;top: -6px;right: 10px;}
|
||
.dropdown-menu:before {content: '';left: auto;right: 12px;display: inline-block;position:absolute;
|
||
border-left: 7px solid rgba(0, 0, 0, 0);border-right: 7px solid rgba(0, 0, 0, 0);top:-7px;
|
||
border-bottom: 7px solid #CCC;border-bottom-color: rgba(0, 0, 0, 0.2);right: 9px;}
|
||
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{.font-family();}
|
||
|
||
|
||
.pl-5{padding-left: 5px;}
|
||
.pr-5{padding-right: 5px;}
|
||
.pl-10{padding-left: 10px;}
|
||
.pr-10{padding-right: 10px;}
|
||
.ml-5{margin-left: 5px;}
|
||
.mr-5{margin-right: 5px;}
|
||
.ml-10{margin-left: 10px;}
|
||
.mr-10{margin-right: 10px;}
|
||
.aui_buttons button{font-size: 13px;}
|
||
|
||
@navbar_height:40px;
|
||
input{border: 1px solid #ddd;background:#fff;outline: none;}
|
||
.topbar{
|
||
width:100%;height:(@navbar_height);color:#ddd;z-index:100;min-width:680px;
|
||
background:@top_back;position:fixed;.topback();
|
||
.content{
|
||
padding:0px;line-height:(@navbar_height);height: (@navbar_height);overflow: hidden;
|
||
i{display: inline-block;padding-right: 10px;text-shadow:0 0 1px;font-size: 1.1em;}
|
||
a{display:block;text-decoration:none;color:#fff;border:1px solid lighten(@top_back,5%);
|
||
.transition();padding:0px 1.5em;border-top:none;border-bottom: none;outline:none;
|
||
}
|
||
.top_left{
|
||
a{ float:left;margin-left:-1px;font-size: 14px;
|
||
&:hover,&.this{.topback_this();}
|
||
&.title{font-size:20px;width:200px;padding:0;text-align: center;}
|
||
b{color: #9CF;font-weight: 400;}
|
||
&.title:hover{background:none;}
|
||
}
|
||
}
|
||
.top_right{
|
||
div{display: inline-block;}
|
||
a{display: inline-block;padding:0px 1em;}
|
||
float:right;margin-right: 10px;
|
||
a{border: none;color:#fff;}
|
||
|
||
.open a:focus{.topback_this();}
|
||
.menu-topbar_user{position: absolute;right:10px;left:auto;margin-top: 0px;width:auto;}
|
||
.topbar_language{position: absolute;right:105px;left:auto;margin-top: 0px;width:auto;}
|
||
ul a{color:#666;line-height: 30px;height:30px;display: block;}
|
||
ul a:hover,ul a.this{background: #e6e6e6;color:#000;}
|
||
ul .font-icon{width:18px;display: inline-block;}
|
||
}
|
||
}
|
||
}
|
||
|
||
.do_search{
|
||
color: #888;min-width: 452px;
|
||
.search_header{
|
||
padding: 10px;padding-bottom: 0px;
|
||
input[type='checkbox']{padding-left: 10px;}
|
||
label{font-size: 13px;}
|
||
.icon-search{font-size: 16px;margin-left: -8px;cursor: pointer;}
|
||
.s_br{margin-bottom: 8px;line-height: 25px;}
|
||
#search_value,#search_path,#search_ext{border: 1px solid #ddd;height: 23px;height:~"27px\0";
|
||
width: 125px;padding-left:10px;padding-right: 10px;background:#fff;outline: none;margin-left: 5px;}
|
||
#search_value{width: 168px;margin: 0;padding: 2px 5px 0px 5px;padding-top:~"1px\0";}
|
||
#search_value:focus,#search_path:focus,#search_ext:focus{
|
||
border-color: #75A1F0; outline: none; box-shadow: 0 0 12px #75A1F0;.transition(all 0.218s);}
|
||
}
|
||
.search_result{
|
||
margin: 10px;border: 1px solid #ddd;height: 350px;font-size: 12px;overflow-y:auto;overflow-x:hidden;
|
||
table{width: 100%;table-layout:fixed;
|
||
tr{background: #fff;cursor:default;color:#666;
|
||
a{text-decoration: none;color:#5275b4;
|
||
&:hover{border-bottom: 1px solid #5275b4;}
|
||
}
|
||
td{border-right: 1px solid #eee;border-bottom: 1px solid #eee;padding:4px;overflow: hidden;
|
||
word-break: keep-all;white-space:nowrap;text-overflow: ellipsis;}
|
||
&.message td{height: 40px;line-height: 30px;font-size: 15px;color:#5275b4;text-align: center;
|
||
&:hover{background: #fff;color:#5275b4;};
|
||
}
|
||
}
|
||
.search_title td{background: #eee;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;}
|
||
.type,.search_result .name,.search_result .size,.search_result .path{padding-left:5px;}
|
||
.name{width:30%;}
|
||
.type{width:37px;}
|
||
.size{width:50px;}
|
||
.path,.search_title .path{border-right: none;}
|
||
}
|
||
}
|
||
}
|
||
|
||
/*------任务栏------*/
|
||
.task_tab{position: fixed;bottom: 1px;left:0; width: 100%;height: 30px;z-index: 9999;padding-left: 50px;
|
||
background:rgba(0, 0, 0, 0.1);border-top:1px solid rgba(0,0,0,0.15);color:#444;
|
||
.tabs{height:100%;margin-right: 10px;margin-right: 60px;
|
||
.tab{float: left;height: 100%;margin-right: 2px;
|
||
width:110px;border: 1px solid rgba(255,255,255,0.4);line-height: 30px;
|
||
box-shadow: 0 0 6px #666;padding-left: 10px;
|
||
border-radius: 3px ;cursor:default;overflow: hidden;font-size: 13px;
|
||
.gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));
|
||
&.hover{.gradient(top,rgba(255,255,255,0.2),rgba(255,255,255,0.7));}
|
||
&.this{box-shadow: 0 0 6px #000;.gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));}
|
||
}
|
||
}
|
||
}
|
||
.tasktab-dragging{position: absolute;z-index: 999;height:30px;
|
||
width:110px;border: 1px solid rgba(255,255,255,0.4);line-height: 30px;
|
||
box-shadow: 0 0 6px #000;padding-left: 10px;
|
||
border-radius: 3px ;cursor:default;overflow: hidden;font-size: 13px;
|
||
.gradient(top,rgba(255,255,255,0.7),rgba(255,255,255,0.2));
|
||
}
|
||
|
||
|
||
/*------上传------*/
|
||
.file_upload{
|
||
width:365px;height:385px;padding:5px;
|
||
.top_nav{border-bottom:1px solid #ddd;padding-left:10px;margin-top:6px;}
|
||
.menu{display:block;text-decoration:none;;float:left;padding: 2px 15px;height:28px;background:#eee;font-size:13px
|
||
;border:1px solid #ccc;text-align:center;line-height:25px;cursor:default;margin-right:5px;margin-bottom:-1px;color:#444;
|
||
&.this{background:#fff;border-bottom:1px solid #fff;}
|
||
}
|
||
.upload_path{padding:5px 15px;background: #e6f0ff;margin:10px 0;overflow: hidden;
|
||
word-break: keep-all;white-space:nowrap;text-overflow: ellipsis;color:#5275b4;}
|
||
/*远程下载*/
|
||
div a.left{margin-left:10px;}
|
||
div a.right{position:absolute;right:5px;}
|
||
span.info{font-size:12px;font-style:italic;color: #888;padding: 0px 0 5px 10px;}
|
||
i{font-size:12px;color:#aaa;padding-left:10px;}
|
||
.list{margin:10px 15px;}
|
||
.list input{margin-left:10px;width:230px;padding:6px 3px;border:1px solid #ccc;}
|
||
.list input:focus{border:1px solid #75A1F0;outline:none;box-shadow:0 0 8px #75A1F0;.transition(all 0.2s)}
|
||
.submit input{float:right;padding:4px 20px;background:#ddd;border:none;margin-right:36px;margin-top:10px;}
|
||
.submit input:hover{background:#bbb;}
|
||
.submit input:active{background:#444;color:#fff;}
|
||
}
|
||
|
||
|
||
body div#ace_settingsmenu, body div#kbshortcutmenu{background-color: #000;.opacity(75);color: #FFF;box-shadow:-5px 4px 5px rgba(0, 0, 0, 0.2);}
|
||
.frame_right{
|
||
position: absolute;top:34px;right:0px;width:40%;bottom:0;background:#fff;z-index: 99;
|
||
border-left:1px solid #ccc;box-shadow: 0 20px 60px rgba(0,0,0,0.3);display: none;
|
||
.mask_view{z-index: 9999;opacity: 0.1;}
|
||
.resize{position: absolute;width: 10px;bottom: 0px;height:100%;z-index: 100;cursor: col-resize;margin-left: -5px;}
|
||
/*.resize_active{background: #fff;.opacity(70);}*/
|
||
|
||
.preview_frame{position:absolute;top:30px;right:0;bottom: 0;width:100%;background: #fff;}
|
||
.preview_tool{width:100%;height:29px;border-bottom: 1px solid #ddd;
|
||
input{height: 30px;width: 100%;padding-left: 10px;border:none;border-right: 1px solid #ddd;font-size: 14px;padding-right: 10px;text-shadow: 1px 1px 3px #CCE;outline: none;color: #888;box-shadow: #ddd 0px 0px 30px inset;background: #f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x;
|
||
}
|
||
input:focus{box-shadow: #bbb 0px 0px 30px inset;}
|
||
.box{background: #fff;width: 100px;height: 29px;position: absolute;
|
||
top: 0px;right: 0px;border-left: 1px solid #DDD;background: url("@{img_common}buttons_40.png") 0 0px repeat-x;}
|
||
.box a{font-weight: 800;text-decoration: none;border:1px solid rgba(200,200,200,0.01);color: #999;display: inline-block;margin-top: 2px;margin-left:2px;padding: 3px 6px;font-size: 16px;position: relative;}
|
||
.box a:hover{border:1px solid #ccc;box-shadow: 0 0 20px rgba(0,0,0,0.2) inset;}
|
||
}
|
||
}
|
||
|
||
.init_loading{
|
||
position: fixed;left:45%;top:40%;font-size: 15px;z-index: 999999;
|
||
width: auto;padding: 20px;background:#000;.opacity(60);margin: 0 auto;
|
||
color: #FFF;border-radius: 6px;text-align: center;line-height: 30px
|
||
}
|
||
|
||
.appbox{
|
||
font-size: 13px;font-family: "微软雅黑";
|
||
overflow: hidden;
|
||
.appline{
|
||
width: 100%;margin-bottom:5px;line-height: 25px;overflow: hidden;
|
||
.left{float: left;width: 80px;}
|
||
.right{float: left;}
|
||
label{display: inline-block;margin-left: -10px;padding: 0 5px;}
|
||
input.w30{width:30px;}
|
||
input.w20{width:20px;}
|
||
input,textarea{width:330px;padding:4px 5px;border:1px solid #ccc;}
|
||
textarea{height:100px;}
|
||
input:focus,textarea:focus{border-color: #75A1F0; outline: none; box-shadow: 0 0 12px #75A1F0;.transition(all 0.218s);}
|
||
}
|
||
.icon{
|
||
input{width: 150px;}
|
||
a{padding: 2px 4px;top:5px;border: 1px solid #CCC;}
|
||
a.open{margin-left: 10px;}
|
||
a img{width:20px;height: 20px;}
|
||
}
|
||
} |