425 lines
9.7 KiB
CSS
425 lines
9.7 KiB
CSS
|
* {
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
body {
|
||
|
|
background: #e0e0e0;
|
||
|
|
color: #6B6B6B;
|
||
|
|
}
|
||
|
|
fieldset td {
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
#folders {
|
||
|
|
margin: 5px 5px 0 5px;
|
||
|
|
}
|
||
|
|
#files {
|
||
|
|
margin-right: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* SHARED DECLARATIONS */
|
||
|
|
|
||
|
|
#toolbar a:hover,
|
||
|
|
#toolbar a.hover,
|
||
|
|
span.current,
|
||
|
|
span.regular:hover,
|
||
|
|
span.context,
|
||
|
|
#clipboard div:hover,
|
||
|
|
div.file:hover,
|
||
|
|
#files div.selected,
|
||
|
|
#files div.selected:hover,
|
||
|
|
tr.selected > td,
|
||
|
|
tr.selected:hover > td,
|
||
|
|
#menu .list div a:hover {
|
||
|
|
color: #fff;
|
||
|
|
text-shadow:
|
||
|
|
1px 0 rgba(0,0,0,.2),
|
||
|
|
-1px 0 rgba(0,0,0,.2),
|
||
|
|
0 -1px rgba(0,0,0,.2),
|
||
|
|
0 1px rgba(0,0,0,.2),
|
||
|
|
1px 1px rgba(0,0,0,.2),
|
||
|
|
-1px -1px rgba(0,0,0,.2),
|
||
|
|
1px -1px rgba(0,0,0,.2),
|
||
|
|
-1px 1px rgba(0,0,0,.2);
|
||
|
|
}
|
||
|
|
|
||
|
|
#files,
|
||
|
|
#folders,
|
||
|
|
#toolbar a.selected {
|
||
|
|
border: 1px solid #6B6B6B;
|
||
|
|
box-shadow: inset 0 0 4px #6B6B6B;
|
||
|
|
border-radius: 4px;
|
||
|
|
background: #fff;
|
||
|
|
background: -webkit-linear-gradient(top, #f0f0f0, #fff);
|
||
|
|
background: -moz-linear-gradient(top, #f0f0f0, #fff);
|
||
|
|
background: -ms-linear-gradient(top, #f0f0f0, #fff);
|
||
|
|
background: -o-linear-gradient(top, #f0f0f0, #fff);
|
||
|
|
background: linear-gradient(to bottom, #f0f0f0, #fff);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* TOOLBAR */
|
||
|
|
|
||
|
|
#toolbar {
|
||
|
|
padding: 5px 0;
|
||
|
|
}
|
||
|
|
#toolbar a {
|
||
|
|
color: #6b6b6b;
|
||
|
|
margin-right: 5px;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
outline: none;
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
border-radius: 4px;
|
||
|
|
transition: .3s;
|
||
|
|
padding:0;
|
||
|
|
background: #E0E0E0;
|
||
|
|
}
|
||
|
|
#toolbar a > span {
|
||
|
|
padding: 6px 10px 6px 26px;
|
||
|
|
diaplay: block;
|
||
|
|
float:left;
|
||
|
|
background: no-repeat 6px center;
|
||
|
|
}
|
||
|
|
#toolbar a:hover,
|
||
|
|
#toolbar a.hover {
|
||
|
|
border-color: #1b79b8;
|
||
|
|
background: #1b79b8;
|
||
|
|
background: -webkit-linear-gradient(top, #59b5f2, #1b79b8);
|
||
|
|
background: -moz-linear-gradient(top, #59b5f2, #1b79b8);
|
||
|
|
background: -ms-linear-gradient(top, #59b5f2, #1b79b8);
|
||
|
|
background: -o-linear-gradient(top, #59b5f2, #1b79b8);
|
||
|
|
background: linear-gradient(to bottom, #59b5f2, #1b79b8);
|
||
|
|
box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
|
||
|
|
}
|
||
|
|
#toolbar a:hover,
|
||
|
|
#toolbar a.hover {
|
||
|
|
transition: .3s;
|
||
|
|
}
|
||
|
|
#toolbar a[href="kcact:upload"] span {
|
||
|
|
background-image: url(img/icons/upload.png);
|
||
|
|
}
|
||
|
|
#toolbar a[href="kcact:refresh"] span {
|
||
|
|
background-image: url(img/icons/refresh.png);
|
||
|
|
}
|
||
|
|
#toolbar a[href="kcact:settings"] span {
|
||
|
|
background-image: url(img/icons/settings.png);
|
||
|
|
}
|
||
|
|
#toolbar a[href="kcact:about"] span {
|
||
|
|
background-image: url(img/icons/about.png);
|
||
|
|
}
|
||
|
|
#toolbar a[href="kcact:maximize"] span {
|
||
|
|
background-image: url(img/icons/maximize.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* SETTINGS BAR */
|
||
|
|
|
||
|
|
#settings label {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
#settings fieldset {
|
||
|
|
margin-right:5px;
|
||
|
|
margin-bottom: 6px;
|
||
|
|
margin-top:-5px;
|
||
|
|
padding:6px;
|
||
|
|
}
|
||
|
|
#settings fieldset:hover {
|
||
|
|
border-color: #1b79b8;
|
||
|
|
box-shadow: inset 0 0 4px #1b79b8;
|
||
|
|
background: #dfeef8;
|
||
|
|
background: -webkit-linear-gradient(top, #dfeef8, #fff);
|
||
|
|
background: -moz-linear-gradient(top, #dfeef8, #fff);
|
||
|
|
background: -ms-linear-gradient(top, #dfeef8, #fff);
|
||
|
|
background: -o-linear-gradient(top, #dfeef8, #fff);
|
||
|
|
background: linear-gradient(to bottom, #dfeef8, #fff);
|
||
|
|
}
|
||
|
|
#settings fieldset:hover legend,
|
||
|
|
#settings fieldset:hover label {
|
||
|
|
color: #215b82;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* FOLDERS */
|
||
|
|
|
||
|
|
div.folder {
|
||
|
|
padding-top: 2px;
|
||
|
|
margin-top: 4px;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
div.folder a {
|
||
|
|
text-decoration: none;
|
||
|
|
cursor: default;
|
||
|
|
outline: none;
|
||
|
|
color: #6b6b6b;
|
||
|
|
}
|
||
|
|
span.folder {
|
||
|
|
padding: 2px 3px 2px 23px;
|
||
|
|
outline: none;
|
||
|
|
background: no-repeat 3px center;
|
||
|
|
cursor: pointer;
|
||
|
|
border-radius: 3px;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
}
|
||
|
|
span.brace {
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
span.current {
|
||
|
|
transition: .3s;
|
||
|
|
background-image: url(img/tree/folder.png);
|
||
|
|
background-color: #3b98d6;
|
||
|
|
border-color: #3b98d6;
|
||
|
|
box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
|
||
|
|
}
|
||
|
|
span.regular {
|
||
|
|
transition: .3s;
|
||
|
|
background-image: url(img/tree/folder.png);
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
span.regular:hover, span.context, #clipboard div:hover {
|
||
|
|
transition: .3s;
|
||
|
|
background-color: #c6c6c6;
|
||
|
|
border-color: #c6c6c6;
|
||
|
|
box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
|
||
|
|
}
|
||
|
|
span.opened {
|
||
|
|
background-image: url(img/tree/minus.png);
|
||
|
|
}
|
||
|
|
span.closed {
|
||
|
|
background-image: url(img/tree/plus.png);
|
||
|
|
}
|
||
|
|
span.denied {
|
||
|
|
background-image: url(img/tree/denied.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* FILES */
|
||
|
|
|
||
|
|
div.file {
|
||
|
|
padding: 4px;
|
||
|
|
margin: 3px;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
div.file:hover {
|
||
|
|
border-color: #aaa;
|
||
|
|
box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
|
||
|
|
background: #c6c6c6;
|
||
|
|
background: -webkit-linear-gradient(top, #e7e7e7, #c6c6c6);
|
||
|
|
background: -moz-linear-gradient(top, #e7e7e7, #c6c6c6);
|
||
|
|
background: -ms-linear-gradient(top, #e7e7e7, #c6c6c6);
|
||
|
|
background: -o-linear-gradient(top, #e7e7e7, #c6c6c6);
|
||
|
|
background: linear-gradient(to bottom, #e7e7e7, #c6c6c6);
|
||
|
|
}
|
||
|
|
div.file .name {
|
||
|
|
margin-top: 4px;
|
||
|
|
font-weight: bold;
|
||
|
|
height: 16px;
|
||
|
|
overflow: hidden;
|
||
|
|
padding-bottom: 2px;
|
||
|
|
}
|
||
|
|
div.file .time {
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
div.file .size {
|
||
|
|
font-size: 10px;
|
||
|
|
}
|
||
|
|
#files div.selected,
|
||
|
|
#files div.selected:hover {
|
||
|
|
border-color: #3b98d6;
|
||
|
|
background: #3b98d6;
|
||
|
|
background: -webkit-linear-gradient(top, #7dc2f2, #3b98d6);
|
||
|
|
background: -moz-linear-gradient(top, #7dc2f2, #3b98d6);
|
||
|
|
background: -ms-linear-gradient(top, #7dc2f2, #3b98d6);
|
||
|
|
background: -o-linear-gradient(top, #7dc2f2, #3b98d6);
|
||
|
|
background: linear-gradient(to bottom, #7dc2f2, #3b98d6);
|
||
|
|
box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
|
||
|
|
}
|
||
|
|
tr.file > td {
|
||
|
|
padding: 3px 4px;
|
||
|
|
}
|
||
|
|
tr.file:hover > td {
|
||
|
|
background-color: #ddebf8;
|
||
|
|
transition: none;
|
||
|
|
}
|
||
|
|
tr.selected > td,
|
||
|
|
tr.selected:hover > td {
|
||
|
|
transition: .3s;
|
||
|
|
background-color: #5b9bda;
|
||
|
|
}
|
||
|
|
tr.file td.name {
|
||
|
|
background-position: 2px center;
|
||
|
|
padding-left: 22px;
|
||
|
|
}
|
||
|
|
a.denied {
|
||
|
|
color: #666;
|
||
|
|
opacity: 0.5;
|
||
|
|
filter: alpha(opacity:50);
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
a.denied:hover {
|
||
|
|
background-color: #e4e3e2;
|
||
|
|
border-color: transparent;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* FILE MENU */
|
||
|
|
|
||
|
|
#menu .ui-menu a span {
|
||
|
|
background: left center no-repeat;
|
||
|
|
padding-left: 20px;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
#menu a[href="kcact:refresh"] span {
|
||
|
|
background-image: url(img/icons/refresh.png);
|
||
|
|
}
|
||
|
|
#menu a[href="kcact:mkdir"] span {
|
||
|
|
background-image: url(img/icons/folder-new.png);
|
||
|
|
}
|
||
|
|
#menu a[href="kcact:mvdir"] span, #menu a[href="kcact:mv"] span {
|
||
|
|
background-image: url(img/icons/rename.png);
|
||
|
|
}
|
||
|
|
#menu a[href="kcact:rmdir"] span, #menu a[href="kcact:rm"] span, #menu a[href="kcact:rmcbd"] span {
|
||
|
|
background-image: url(img/icons/delete.png);
|
||
|
|
}
|
||
|
|
#menu a[href="kcact:clpbrdadd"] span {
|
||
|
|
background-image: url(img/icons/clipboard-add.png);
|
||
|
|
}
|
||
|
|
#menu a[href="kcact:pick"] span, #menu a[href="kcact:pick_thumb"] span {
|
||
|
|
background-image: url(img/icons/select.png);
|
||
|
|
}
|
||
|
|
#menu a[href="kcact:download"] span {
|
||
|
|
background-image: url(img/icons/download.png);
|
||
|
|
}
|
||
|
|
#menu a[href="kcact:view"] span {
|
||
|
|
background-image: url(img/icons/view.png);
|
||
|
|
}
|
||
|
|
#menu a[href="kcact:cpcbd"] span {
|
||
|
|
background-image: url(img/icons/copy.png);
|
||
|
|
}
|
||
|
|
#menu a[href="kcact:mvcbd"] span {
|
||
|
|
background-image: url(img/icons/move.png);
|
||
|
|
}
|
||
|
|
#menu a[href="kcact:clrcbd"] span {
|
||
|
|
background-image: url(img/icons/clipboard-clear.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* CLIPBOARD */
|
||
|
|
|
||
|
|
#clipboard {
|
||
|
|
margin-left:-3px;
|
||
|
|
padding: 2px;
|
||
|
|
}
|
||
|
|
#clipboard div {
|
||
|
|
background: url(img/icons/clipboard.png) no-repeat center center;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
padding: 2px;
|
||
|
|
cursor: pointer;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
#clipboard.selected div, #clipboard.selected div:hover {
|
||
|
|
background-color: #3b98d6;
|
||
|
|
border-color: #3b98d6;
|
||
|
|
box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
|
||
|
|
}
|
||
|
|
#menu .list a, #menu .list a.ui-state-focus {
|
||
|
|
margin: -1px 0 0 -1px;
|
||
|
|
padding: 6px 10px;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
background: none;
|
||
|
|
border-radius: 0;
|
||
|
|
text-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
color: #6b6b6b;
|
||
|
|
}
|
||
|
|
#menu .list a.first, #menu .list a.first.ui-state-focus {
|
||
|
|
border-radius: 4px 4px 0 0;
|
||
|
|
}
|
||
|
|
#menu .list a:hover {
|
||
|
|
border-color: #1b79b8;
|
||
|
|
background: #1b79b8;
|
||
|
|
background: -webkit-linear-gradient(top, #1b79b8, #59b5f2);
|
||
|
|
background: -moz-linear-gradient(top, #1b79b8, #59b5f2);
|
||
|
|
background: -ms-linear-gradient(top, #1b79b8, #59b5f2);
|
||
|
|
background: -o-linear-gradient(top, #1b79b8, #59b5f2);
|
||
|
|
background: linear-gradient(to bottom, #1b79b8, #59b5f2);
|
||
|
|
box-shadow: inset 0 0 7px #fff, inset 0 0 3px #fff;
|
||
|
|
}
|
||
|
|
#menu .list {
|
||
|
|
overflow:hidden;
|
||
|
|
max-height: 1px;
|
||
|
|
margin-bottom: -1px;
|
||
|
|
padding-bottom:1px;
|
||
|
|
}
|
||
|
|
#menu li.div-files {
|
||
|
|
margin: 0 0 1px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ABOUT DIALOG */
|
||
|
|
|
||
|
|
.about {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
.about div.head {
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 12px;
|
||
|
|
padding: 3px 0 8px 0;
|
||
|
|
}
|
||
|
|
.about div.head a {
|
||
|
|
background: url(img/kcf_logo.png) no-repeat left center;
|
||
|
|
padding: 0 0 0 27px;
|
||
|
|
font-size: 17px;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.about a {
|
||
|
|
text-decoration: none;
|
||
|
|
color: #0055ff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.about a:hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
#checkver {
|
||
|
|
margin: 5px 0 10px 0;
|
||
|
|
}
|
||
|
|
#loading, #checkver > span.loading {
|
||
|
|
background: url(img/loading.gif);
|
||
|
|
border: 1px solid #3687e2;
|
||
|
|
box-shadow: 0 0 3px #3687e2, inset 0 0 4px #fff, inset 0 0 5px #fff;
|
||
|
|
padding: 6px 10px;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
#checkver a {
|
||
|
|
font-weight: normal;
|
||
|
|
padding: 3px 3px 3px 20px;
|
||
|
|
background: url(img/icons/download.png) no-repeat left center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* IMAGE VIEWER */
|
||
|
|
|
||
|
|
.ui-dialog-content.kcfImageViewer {
|
||
|
|
background: #000;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.kcfImageViewer .img {
|
||
|
|
background: url(img/bg_transparent.png);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* MISC */
|
||
|
|
|
||
|
|
#loading {
|
||
|
|
margin-right: 5px;
|
||
|
|
}
|
||
|
|
#loadingDirs {
|
||
|
|
padding: 5px 0 1px 24px;
|
||
|
|
}
|
||
|
|
#files.drag {
|
||
|
|
background: #ddebf8;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* FIX FIELDSET BORDER RADIUS BUG ON IE */
|
||
|
|
body.msie fieldset,
|
||
|
|
body.trident.rv fieldset {
|
||
|
|
border-radius: 0;
|
||
|
|
}
|