140 lines
4.7 KiB
Plaintext
140 lines
4.7 KiB
Plaintext
@import "config.less";
|
|
@import "./right_menu.less";
|
|
@tab_color:@file_select_color;
|
|
.edit_main{color:#444;font-size:13px;width:100%;
|
|
.edit_tab .tabs .edit_changed{
|
|
a.close{.opacity(100);}
|
|
.icon-remove-sign:before{content:"\f06a";}
|
|
a:hover.icon-remove-sign:before{content:"\f057";}
|
|
}
|
|
}
|
|
.edit_tab{
|
|
.tabs{
|
|
height: 29px; background: #fff; overflow: hidden;border-bottom: 1px solid #ddd;
|
|
.tab{
|
|
position:relative;
|
|
height:30px;line-height:30px;color:#666;
|
|
width:120px;float:left;background:url("@{img_common}buttons_40.png") 0 0px repeat-x;
|
|
border-right: 1px solid #ddd;
|
|
.name{margin-left:5px;display:block;width:80%;overflow:hidden;
|
|
position:absolute;z-index:2;cursor: default;height:28px;
|
|
}
|
|
.close{float:right;color:#ccc;position: relative;
|
|
font-size:15px;margin-right:5px;z-index:3;margin-top:7px;
|
|
&:hover{color:#af5250;};
|
|
&:active{color:#f00;};
|
|
}
|
|
&.hover{background:url("@{img_common}buttons_40.png") 0 10px repeat-x;}
|
|
&.this{z-index:20;color:#23B2EC;.gradient(top,lighten(@tab_color,10%),@tab_color);color: #fff;
|
|
.close{color:darken(@tab_color,10%);
|
|
&:hover{color:#af5250;};
|
|
&:active{color:#f00;};
|
|
}
|
|
}
|
|
}
|
|
.add{float:left;color: #666;line-height:25px;height:30px;border:1px solid #ddd;
|
|
border-bottom: none;
|
|
border-radius: 3px 3px 0 0;font-size:8px;margin-top: 2px;
|
|
padding:0px 10px;background:#eee;margin-left:3px;
|
|
&:hover{background:#ddd;};
|
|
&:active{background:#888;color:#ccc;};
|
|
}
|
|
}
|
|
}
|
|
|
|
.draggable-dragging{
|
|
position:absolute;z-index:20;color: #fff;
|
|
height:29px;line-height:30px;
|
|
width:120px;float:left;.gradient(top,lighten(@tab_color,6%),@tab_color);
|
|
.name{margin-left:5px;display:block;width:80%;height:28px;overflow:hidden;
|
|
position:absolute;z-index:2;cursor: default;
|
|
}
|
|
.close{float:right;color:darken(@tab_color,10%);position: relative;
|
|
font-size:15px;margin-right:5px;z-index:3;margin-top:7px;
|
|
}
|
|
}
|
|
|
|
/*编辑区*/
|
|
.edit_body{
|
|
width:100%;background:#fff;position:absolute;bottom:0;top: 64px;z-index: 50;
|
|
.tabs{
|
|
width:100%;height:100%;
|
|
.edit_content{padding: 0;margin: 0;height: 100%;width: 100%;}
|
|
pre{display:none;}
|
|
.tab{padding:10px;display:none;}
|
|
.this{padding:10px;display:block;padding:0;display:block;}
|
|
}
|
|
}
|
|
|
|
/* 说明文档 */
|
|
.introduction{
|
|
font-size:13px;position: fixed;width: 100%;top: 64px;left:0;bottom:0;overflow: auto;background: #FFF;
|
|
.intro_left{width:40%;float:left;}
|
|
.tips {
|
|
padding:5px;margin-bottom: 0;color:#888;
|
|
p{padding-left:2em;word-break:break-all;line-height:1.2em;}
|
|
p:before{content: "\f006";font-family: FontAwesome;padding-right: 8px;}
|
|
h1{font-size:25px;font-weight: 400;border-bottom:1px dashed #ddd;padding:4px 0 10px 5px;margin: 5px 0 10px 10px;}
|
|
h1 span{border-bottom: 3px solid #ddd;padding:8px;color:#666;}
|
|
}
|
|
pre{margin-left:15px;padding:5px;color:#56A238;line-height:1.5em;background:#fff;border-bottom:1px solid #eee;}
|
|
.intro_right{width:60%;float:left;}
|
|
.blue{color:#8BB7D5;
|
|
h1 span{border-color: #8BB7D5;color:#8BB7D5;}
|
|
}
|
|
.orange{
|
|
color:#F27642;
|
|
h1 span{color:#F27642;border-color: #F27642;}
|
|
}
|
|
.green{color:#56A238;border-left:1px solid #ddd;
|
|
h1 span{color:#56A238;border-color: #56A238;}
|
|
}
|
|
}
|
|
|
|
|
|
/* 工具栏 */
|
|
div.tools{
|
|
height:33px;z-index:999;border-bottom: 1px solid #ddd;
|
|
background:#f8f8f8 url("@{img_common}bg.gif") 0 0px ;min-width: 560px;
|
|
.box-shadow(1px 2px 15px #eee);
|
|
.left{float:left;margin:4px 0 0 10px;}
|
|
.right{float:right;margin:4px 10px 0 0;}
|
|
a{
|
|
font-size:13px;font-weight:800;
|
|
text-decoration: none;color:#999;
|
|
display: inline-block;
|
|
margin-right:-6px;margin-left:1px;padding:2px 5px;
|
|
position:relative;
|
|
border: 1px solid transparent;
|
|
.font-icon{font-size: 17px;color: #bbb;}
|
|
&:hover{
|
|
border: 1px solid #ccc;
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) inset;
|
|
}
|
|
&.select,&.select:hover{
|
|
border: solid 1px #ccc;
|
|
background:url("@{img_common}buttons_40.png") 0 0px repeat-x;
|
|
.box-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
|
|
.border-radius(3px);
|
|
}
|
|
&.font,&.codetheme{
|
|
.font-icon{padding:0 5px;}
|
|
padding: 2px 6px;
|
|
margin-right: 4px;
|
|
border: solid 1px #ccc;
|
|
background:url("@{img_common}buttons_40.png") 0 0px repeat-x;
|
|
.border-radius(3px);
|
|
}
|
|
&:active{border-color:#666;}
|
|
}
|
|
.right a{padding: 2px 6px;border: solid 1px #ccc;background:url("@{img_common}buttons_40.png") 0 0px repeat-x;opacity: 1;float: none;}
|
|
.line{border-left:1px solid #ccc;margin:0 4px;padding-bottom:3px;}
|
|
}
|
|
|
|
ul.dropbox{
|
|
color:#666;font-size:13px;position:absolute;top:27px;z-index:1000;margin: 0px;
|
|
li{ list-style:none;padding:2px 0 2px 10px;line-height:20px;cursor:pointer;}
|
|
.lihover,li.this{background:@tab_color;color:#fff;}
|
|
}
|
|
#fontsize{display: none;left:156px;width: 100px;min-width: 100px;}
|
|
#codetheme{display: none;left:164px;} |