/*********************************************/
/* COMMON ELFINDER STUFFS */
/*********************************************/
/* for old jQuery UI */
.ui-front {
z-index: 100;
}
/* style reset */
div.elfinder *,
div.elfinder :after,
div.elfinder :before {
box-sizing: content-box;
}
div.elfinder fieldset {
display: block;
margin-inline-start: 2px;
margin-inline-end: 2px;
padding-block-start: 0.35em;
padding-inline-start: 0.75em;
padding-inline-end: 0.75em;
padding-block-end: 0.625em;
min-inline-size: min-content;
border-width: 2px;
border-style: groove;
border-color: threedface;
border-image: initial;
}
div.elfinder legend {
display: block;
padding-inline-start: 2px;
padding-inline-end: 2px;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
width: auto;
margin-bottom: 0;
}
/* base container */
div.elfinder {
padding: 0;
position: relative;
display: block;
visibility: visible;
font-size: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* prevent auto zoom on iOS */
.elfinder-ios input,
.elfinder-ios select,
.elfinder-ios textarea {
font-size: 16px !important;
}
/* full screen mode */
.elfinder.elfinder-fullscreen > .ui-resizable-handle {
display: none;
}
.elfinder-font-mono {
line-height: 2ex;
}
/* in lazy execution status */
.elfinder.elfinder-processing * {
cursor: progress !important
}
.elfinder.elfinder-processing.elfinder-touch .elfinder-workzone:after {
position: absolute;
top: 0;
width: 100%;
height: 3px;
content: '';
left: 0;
background-image: url(../img/progress.gif);
opacity: .6;
pointer-events: none;
}
/* for disable select of Touch devices */
.elfinder *:not(input):not(textarea):not(select):not([contenteditable=true]),
.elfinder-contextmenu *:not(input):not(textarea):not(select):not([contenteditable=true]) {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
/*-webkit-touch-callout:none;*/
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.elfinder .overflow-scrolling-touch {
-webkit-overflow-scrolling: touch;
}
/* right to left enviroment */
.elfinder-rtl {
text-align: right;
direction: rtl;
}
/* nav and cwd container */
.elfinder-workzone {
padding: 0;
position: relative;
overflow: hidden;
}
/* dir/file permissions and symlink markers */
.elfinder-lock,
.elfinder-perms,
.elfinder-symlink {
position: absolute;
width: 16px;
height: 16px;
background-image: url(../img/toolbar.png);
background-repeat: no-repeat;
background-position: 0 -528px;
}
.elfinder-symlink {
}
/* noaccess */
.elfinder-na .elfinder-perms {
background-position: 0 -96px;
}
/* read only */
.elfinder-ro .elfinder-perms {
background-position: 0 -64px;
}
/* write only */
.elfinder-wo .elfinder-perms {
background-position: 0 -80px;
}
/* volume type group */
.elfinder-group .elfinder-perms {
background-position: 0 0px;
}
/* locked */
.elfinder-lock {
background-position: 0 -656px;
}
/* drag helper */
.elfinder-drag-helper {
top: 0px;
left: 0px;
width: 70px;
height: 60px;
padding: 0 0 0 25px;
z-index: 100000;
will-change: left, top;
}
.elfinder-drag-helper.html5-native {
position: absolute;
top: -1000px;
left: -1000px;
}
/* drag helper status icon (default no-drop) */
.elfinder-drag-helper-icon-status {
position: absolute;
width: 16px;
height: 16px;
left: 42px;
top: 60px;
background: url('../img/toolbar.png') 0 -96px no-repeat;
display: block;
}
/* show "up-arrow" icon for move item */
.elfinder-drag-helper-move .elfinder-drag-helper-icon-status {
background-position: 0 -720px;
}
/* show "plus" icon when ctrl/shift pressed */
.elfinder-drag-helper-plus .elfinder-drag-helper-icon-status {
background-position: 0 -544px;
}
/* files num in drag helper */
.elfinder-drag-num {
display: inline-box;
position: absolute;
top: 0;
left: 0;
width: auto;
height: 14px;
text-align: center;
padding: 1px 3px 1px 3px;
font-weight: bold;
color: #fff;
background-color: red;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
/* icon in drag helper */
.elfinder-drag-helper .elfinder-cwd-icon {
margin: 0 0 0 -24px;
float: left;
}
/* transparent overlay */
.elfinder-overlay {
position: absolute;
opacity: .2;
filter: Alpha(Opacity=20);
}
/* panels under/below cwd (for search field etc) */
.elfinder .elfinder-panel {
position: relative;
background-image: none;
padding: 7px 12px;
}
/* for html5 drag and drop */
[draggable=true] {
-khtml-user-drag: element;
}
/* for place holder to content editable elements */
.elfinder [contentEditable=true]:empty:not(:focus):before {
content: attr(data-ph);
}
/* bottom tray */
.elfinder div.elfinder-bottomtray {
position: fixed;
bottom: 0;
max-width: 100%;
opacity: .8;
}
.elfinder div.elfinder-bottomtray > div {
top: initial;
right: initial;
left: initial;
}
.elfinder.elfinder-ltr div.elfinder-bottomtray {
left: 0;
}
.elfinder.elfinder-rtl div.elfinder-bottomtray {
right: 0;
}
/* tooltip */
.elfinder-ui-tooltip,
.elfinder .elfinder-ui-tooltip {
font-size: 14px;
padding: 2px 4px;
}
/* progressbar */
.elfinder-ui-progressbar {
pointer-events: none;
position: absolute;
width: 0;
height: 2px;
top: 0px;
border-radius: 2px;
filter: blur(1px);
}
.elfinder-ltr .elfinder-ui-progressbar {
left: 0;
}
.elfinder-rtl .elfinder-ui-progressbar {
right: 0;
}