137 lines
6.9 KiB
Plaintext
137 lines
6.9 KiB
Plaintext
@import "./config.less";
|
|
@import "./tree.less";
|
|
@import "./filelist.less";
|
|
@import "./right_menu.less";
|
|
|
|
/*------主框架------*/
|
|
.frame-header{
|
|
height:49px;position: absolute;top:@navbar_height;width:100%;
|
|
background:#fff url("@{img_common}bg.gif") 0px 5px repeat-x;min-width:600px;
|
|
border-bottom:1px solid #ddd;
|
|
.header-content {
|
|
padding-top: 10px;
|
|
img{border:none; width:18px;height:18px;}
|
|
a{display:block;float:left;height:19px;height:~"28px\0";height:~"20px\9";}
|
|
.header-middle,.header-right{
|
|
.btn-default{box-shadow: 0 2px 8px rgba(0,0,0,0.05);
|
|
float: left;-webkit-border-radius: 0;height: 19px;font-size: 12px;.transition();
|
|
padding: 4px 10px;border: solid 1px #ddd;margin: 0 0 0 -6px;outline: none;
|
|
}
|
|
.btn-default:hover,.btn-default:focus{
|
|
color:#000;border-color: #aaa;.box-shadow(0 1px 10px rgba(0, 0, 0, 0.2))}
|
|
.btn-default:active{color: #000;border-color: #888;}
|
|
}
|
|
.font-icon{font-size: 18px;line-height: 20px;padding-right:4px;}
|
|
.header-left{float: left;width: 170px;padding-left: 35px;}
|
|
.header-middle{
|
|
position:absolute;left:205px;top:10px;right:0px;
|
|
#yarnball{/* Yarnball 地址栏操作 */
|
|
width:50%;cursor:text;height:27px;height:~"28px\0";
|
|
overflow: hidden;margin-left: -1px;
|
|
float:left;border:1px solid #ddd;
|
|
box-shadow:#e6e6e6 0px 0px 20px inset;
|
|
background:#f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x;
|
|
.yarnball {
|
|
list-style: none;margin: 0;margin-top:-1px;padding: 0;position:relative;
|
|
.yarnlet {
|
|
display: inline-block;
|
|
a,a:link,a:visited{color: #666;display: inline-block;font-size: 12px;padding: 5px 15px 10px 20px;margin-left: -15px;position: relative;text-decoration: none;vertical-align:top;line-height: 20px;}
|
|
&.first a{margin-left: 0px;padding-left: 8px;}
|
|
a {background-image: url("@{img_common}ybutton.png");background-repeat: no-repeat;background-position: 100% 0;cursor: pointer;}
|
|
&:hover a{background-position: 100% -48px;color: #333;}
|
|
&:active a {background-position: 100% -96px;color: #333;}
|
|
.left-yarn {background: url("@{img_common}ybutton.png") no-repeat 0 -2px;margin-left: -17px;padding: 5px 6px 11px 4px;z-index: 11;padding-top:5px~'\9';}
|
|
a:hover .left-yarn {background-position: 0 -50px;}
|
|
a:active .left-yarn {background-position: 0 -98px;}
|
|
}
|
|
}
|
|
}
|
|
#yarnball_input{
|
|
height:27px;height:~"28px\0";width:50%;cursor:text;float:left;
|
|
border:1px solid #ddd;display:none;margin-left: -1px;
|
|
background:#f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x;
|
|
box-shadow:#e6e6e6 0px 0px 20px inset;
|
|
input{
|
|
&.path{
|
|
border:none;height:25px;display: block;width: 100%;
|
|
padding-left:10px;padding-right: 10px;
|
|
text-shadow:1px 1px 3px #cce;color:#888;
|
|
background:#f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x;
|
|
box-shadow:#e6e6e6 0px 0px 20px inset;
|
|
}
|
|
&:focus{outline: none;}
|
|
}
|
|
}
|
|
}
|
|
.header-right{
|
|
position: absolute;right:20px;top:10px;
|
|
a.logout,a.setting{}
|
|
a.logout:hover,a.setting:hover{}
|
|
input{display: block;float: left;border: 1px solid #ddd;height:25px;height:~"28px\0";;padding-left: 10px;
|
|
padding-right: 10px;text-shadow: 1px 1px 3px #cce;color: #888;
|
|
background: #f8f8f8 url("@{img_common}bg.gif") 0px -2px repeat-x;
|
|
box-shadow: #e6e6e6 0px 0px 20px inset;outline: none;width: 120px;.transition(all 0.218s);
|
|
&:focus{width: 160px;box-shadow: #ccc 0px 0px 20px inset;};
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.frame-main{
|
|
position: absolute;left: 0;right: 0;top: 90px;bottom: 0;
|
|
.frame-left{
|
|
position: absolute;left: 0;top: 0;bottom: 0;width: 199px;overflow: auto;border-right:1px solid #ddd;
|
|
background:#fff url("@{img_common}left.jpg") bottom repeat-x;background-attachment: fixed;
|
|
};
|
|
.frame-resize{
|
|
width: 10px;cursor: col-resize;z-index: 100;position: absolute;left: 195px;top: 0;
|
|
bottom: 0;overflow: hidden;background: url("@{img_common}resize.png") 0px 50% no-repeat;
|
|
&.active{background: #000;.opacity(20);}
|
|
}
|
|
.frame-right{
|
|
left: 200px;right: 0;position: absolute;top: 0;bottom: 0;overflow: auto;min-width: 450px;
|
|
.frame-right-main{
|
|
.font-icon{text-shadow: 0 0 1px;line-height: 16px;padding: 0 2px;font-size: 14px;color: #888;}
|
|
.drop-menu-action{
|
|
min-width:130px;width:130px;
|
|
a{padding: 2px 30px;
|
|
i.font-icon{width:18px;display: inline-block;}
|
|
&:hover i.font-icon{color: #fff;}
|
|
}
|
|
.disabled a{
|
|
color:#bbb;
|
|
i.font-icon{color:#bbb;}
|
|
&:hover{background: #fff;color:#bbb;}
|
|
&:hover i.font-icon{color: #bbb;}
|
|
}
|
|
}
|
|
.tools{
|
|
z-index: 100;height:33px;min-width:600px;
|
|
border-bottom:1px solid #ddd;background:#f6f6f6;
|
|
.box-shadow(1px 2px 15px #eee);
|
|
a.left:hover,a.middle:hover{margin-right:2px;padding-right:8px;}
|
|
a.this{background:#eee;cursor: default;
|
|
&:hover{
|
|
margin-right:0px;padding-right:10px;
|
|
border:1px solid #ddd;
|
|
background:#eee;
|
|
.box-shadow(0 2px 8px rgba(0, 0, 0, 0.05));
|
|
.border-radius(2px);
|
|
}
|
|
}
|
|
.tools-left{
|
|
.font-icon{padding-right: 5px;}
|
|
float:left;margin:4px 0 0 10px;
|
|
span.msg{display:none;margin-left:20px;
|
|
padding-left:30px;font-size:14px;color:#888;
|
|
background:url("@{img_common}loading.gif") 0 3px no-repeat;}
|
|
}
|
|
.tools-right{ float: right;margin:4px 20px 0 0;}
|
|
}
|
|
}
|
|
.dropdown-menu{.this a,a:hover{background:#ddd;color:#000;filter:none;}}
|
|
.bodymain{position: absolute;zoom: 1;z-index: 0;top: 35px;bottom: 0;left: 0;
|
|
overflow: auto;width: 100%;.user-select(none);
|
|
}
|
|
}
|
|
}
|