FileManager stuff

This commit is contained in:
Serghey Rodin 2015-10-12 17:45:31 +03:00
commit 7565e8217f
13 changed files with 514 additions and 60 deletions

View file

@ -625,3 +625,102 @@ input[type="checkbox"] {
.subcontext-menu li {
/*float: left;*/
}
.shortcuts {
background: rgba(50, 50, 50, 0.9);
display: inline-block;
position: fixed;
right: 20%;
bottom: 0;
color: #eee;
width: 810px;
border: 1px solid #333;
font-family: arial;
font-size: 13px;
}
.shortcuts .header {
border-bottom: 1px solid #333;
height: 43px;
}
.shortcuts .title {
text-transform: uppercase;
color: #ffcc00;
padding: 7px 0 7px 14px;
display: inline-block;
float: left;
font-size: 11px;
letter-spacing: 3px;
font-weight: bold;
line-height: 30px;
}
.shortcuts .close {
background: url("/images/sprite.png") repeat scroll -408px -469px;
cursor: pointer;
display: inline-block;
float: right;
height: 32px;
padding-top: 11px;
width: 46px;
}
.shortcuts .close:hover {
background-color: #000;
..
}
.shortcuts .close:active {
background-color: #55c9c0;
}
.shortcuts ul {
list-style-type: none;
padding: 30px 10px;
display: inline-block;
float: left;
}
.shortcuts ul li {
padding: 5px 20px;
}
.shortcuts ul li.step-top {
padding-top: 30px;
}
.shortcuts ul li span {
color: #48F4EF;
display: inline-block;
font-weight: bold;
padding: 0 20px 0 0;
text-align: right;
width: 140px;
}
.shortcuts ul li span.bigger {
font-size: 18px;
}
.shortcuts ul.note {
font-style: italic;
color: #9CA484;
width: 700px;
padding-left: 50px;
}
.shortcuts ul.note a {
color: #9CA484;
}
.to-shortcuts {
display: inline-block;
position: fixed;
top: 95%;
right: 1%;
}
.l-icon-shortcuts {
display: inline-block;
vertical-align: middle;
background-image: url("/images/sprite.png");
width: 35px;
height: 35px;
background-position: -283px -68px;
border-radius: 18px;
}
.l-icon-shortcuts:hover {
background-color: #ccc;
}
.l-icon-shortcuts:active {
background-color: #98D5CD;
}

View file

@ -1867,7 +1867,7 @@ div.l-content > div.l-separator:nth-of-type(4) {
}
.l-icon-up-arrow, .l-icon-down-arrow, .l-icon-star, .l-icon-to-top, .l-icon-star-orange, .l-icon-star-blue {
.l-icon-up-arrow, .l-icon-down-arrow, .l-icon-star, .l-icon-to-top, .l-icon-shortcuts, .l-icon-star-orange, .l-icon-star-blue {
display: inline-block;
vertical-align: middle;
background-image: url("/images/sprite.png");
@ -1928,6 +1928,19 @@ div.l-content > div.l-separator:nth-of-type(4) {
background-position: -402px -68px;
}
.l-icon-shortcuts {
width: 35px;
height: 35px;
background-position: -283px -68px;
border-radius: 18px;
}
.l-icon-shortcuts:hover {
background-color: #ccc;
}
.l-icon-shortcuts:active {
background-color: #98D5CD;
}
.l-icon-star-orange {
width: 13px;
height: 13px;
@ -1974,9 +1987,17 @@ div.l-content > div.l-separator:nth-of-type(4) {
display: inline-block;
position: fixed;
top: 92%;
right: 3%;
right: 4%;
}
.to-shortcuts {
display: inline-block;
position: fixed;
top: 92%;
right: 1%;
}
/*
#vstobjects {
margin-top: -1px;
@ -2737,6 +2758,7 @@ form#vstobjects.suspended {
color: #eee;
width: 800px;
border: 1px solid #333;
font-size: 13px;
}
.shortcuts .header {
border-bottom: 1px solid #333;
@ -2777,7 +2799,7 @@ form#vstobjects.suspended {
padding: 5px 20px;
}
.shortcuts ul li.step-top {
padding-bottom: 30px;
padding-top: 30px;
}
.shortcuts ul li span {
color: #48F4EF;