105 lines
5.0 KiB
Plaintext
105 lines
5.0 KiB
Plaintext
@import "./config.less";
|
|
@import "./filelist.less";
|
|
@import "./right_menu.less";
|
|
|
|
@file_hover_color:#fff;
|
|
.desktop{
|
|
position: absolute;.user-select(none);
|
|
overflow: hidden;right: 0px;bottom: 0px;top: 0px;left: 0px;
|
|
.background-size(100% 100%);
|
|
.transition(background 0.3s);
|
|
filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
|
|
.fileList_icon{
|
|
overflow: hidden;
|
|
position:absolute;width:100%;bottom:30px;top:@navbar_height;
|
|
-webkit-column-width:90px;
|
|
-moz-column-width:90px;
|
|
-webkit-column-gap:0px;
|
|
-moz-column-gap:0px;
|
|
.file{
|
|
writing-mode: lr-tb;/*ie8 竖直排列*/
|
|
float: none;color:#fff;
|
|
display:inline-block;
|
|
text-shadow:0 0 2px #000;
|
|
&.hover{.background-color(#fff, 0.15);background:~"none\9";}
|
|
&.select,&.selectDragTemp{.background-color(#fff, 0.5);color:~"#000\9";}
|
|
.title .textarea{position:static;}
|
|
}
|
|
}
|
|
}
|
|
#taskbar{
|
|
height: 32px;position:fixed;bottom:0;left:0;width:100%;padding:0;margin:0;
|
|
width:100%;background: url('@{img_desktop}taskbarbg.png');
|
|
a{ position: absolute; text-align: center; width:40px; height:40px;left:6px;}
|
|
}
|
|
.start{background: url('@{img_desktop}start.png') 0 0px no-repeat;
|
|
display:block;z-index: 999;margin-top: -8px;z-index: 99999;
|
|
width: 40px;height: 40px;bottom: 0px;left: 5px;position: fixed;
|
|
&:hover{ text-decoration: none; background-position: 0 -40px;}
|
|
&:active{ text-decoration: none; background-position: 0 -80px;}
|
|
}
|
|
|
|
.task_tab{position: fixed;bottom: 1px;left:0; width: 100%;height: 30px;z-index: 9999;
|
|
.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;
|
|
text-shadow:0 0 3px #000;box-shadow: 0 0 6px #000;padding-left: 10px;
|
|
border-radius: 3px ;cursor:default;color:#fff;overflow: hidden;font-size: 13px;
|
|
.gradient(top,rgba(255,255,255,0.2),rgba(255,255,255,0));
|
|
&.hover{.gradient(top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
|
|
&.this{.gradient(top,rgba(255,255,255,0.6),rgba(255,255,255,0));}
|
|
}
|
|
}
|
|
}
|
|
.tasktab-dragging{position: absolute;z-index: 999;height:30px;
|
|
width:110px;border: 1px solid rgba(255,255,255,0.4);line-height: 30px;
|
|
text-shadow:0 0 3px #000;box-shadow: 0 0 6px #000;padding-left: 10px;
|
|
border-radius: 3px ;cursor:default;color:#fff;overflow: hidden;font-size: 13px;
|
|
.gradient(top,rgba(255,255,255,0.6),rgba(255,255,255,0));
|
|
}
|
|
|
|
#menuwin{
|
|
position:absolute;left:0;bottom:33px;display: none;z-index: 9999;
|
|
#startmenu{
|
|
border: solid 1px #102a3e; overflow: visible; display: block;
|
|
float: left; height: 404px; width: 390px; opacity: 0.9;
|
|
-webkit-border-radius: 5px; position: absolute; box-shadow: inset 0 0 1px #fff;
|
|
-webkit-box-shadow: inset 0 0 1px #fff; background-color: #619bb9;
|
|
background:-webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));
|
|
background: rgba(0,0,0,0.5);
|
|
}
|
|
#leftspliter{ margin: 0 15px 0 15px; border-top: solid 1px #d6e5f5;}
|
|
#rightspliter{ margin: 0 7px 0 7px; border-top: solid 1px #596d77;}
|
|
#programs, #links{ float: left; padding: 0; list-style: none; position: relative;}
|
|
#programs{
|
|
background: #fff; border: solid 1px #365167;height:385px;
|
|
margin: 7px 0 7px 7px; box-shadow: 0 0 1px #fff;width:250px;
|
|
.border-radius(3px);.box-shadow(0 0 1px #fff);
|
|
a{border: solid 1px transparent; display: block; padding: 3px;height: 30px;line-height: 30px;
|
|
margin: 3px 10px; color: #4b4b4b; text-decoration: none; min-width: 200px;
|
|
&:hover{ border: solid 1px #7da2ce;
|
|
.border-radius(3px);.box-shadow(inset 0 0 1px #fff);
|
|
background-color: #cfe3fd;
|
|
background:-webkit-gradient(linear, center top, center bottom, from(#dcebfd), to(#c2dcfd));
|
|
}
|
|
img{ border: 0; vertical-align: middle; margin: 0 5px 0 0;}
|
|
}
|
|
}
|
|
#links{
|
|
margin: 5px; margin-top: -30px;
|
|
li.icon{height:60px;}
|
|
a{ border: solid 1px transparent; display: block;
|
|
margin: 5px 0; position: relative; color: #fff;
|
|
text-decoration: none; min-width: 120px;
|
|
&:hover{ border: solid 1px #000;
|
|
.border-radius(3px);.box-shadow(0 0 1px #fff);
|
|
background-color: #658da0; background:
|
|
-webkit-gradient(linear, 0% 100%, 100% 100%, from(#517384), color-stop(50%, #79a3b8), to(#517384));
|
|
span{background: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(49%, transparent), color-stop(50%, rgba(2,37,58,0.5)), to(rgba(63,111,135,0.5)));}
|
|
}
|
|
span{ padding: 5px;padding-left:10px; display: block;}
|
|
}
|
|
}
|
|
}
|
|
|