/*********************************************/
/* COMMON ELFINDER STUFFS */
/*********************************************/
margin-inline-start: 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-color: threedface;
padding-inline-start: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
/* prevent auto zoom on iOS */
font-size: 16px !important;
.elfinder.elfinder-fullscreen > .ui-resizable-handle {
/* in lazy execution status */
.elfinder.elfinder-processing * {
cursor: progress !important
.elfinder.elfinder-processing.elfinder-touch .elfinder-workzone:after {
background-image: url(../img/progress.gif);
/* 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;
-khtml-user-select: none;
.elfinder .overflow-scrolling-touch {
-webkit-overflow-scrolling: touch;
/* right to left enviroment */
/* nav and cwd container */
/* dir/file permissions and symlink markers */
background-image: url(../img/toolbar.png);
background-repeat: no-repeat;
background-position: 0 -528px;
.elfinder-na .elfinder-perms {
background-position: 0 -96px;
.elfinder-ro .elfinder-perms {
background-position: 0 -64px;
.elfinder-wo .elfinder-perms {
background-position: 0 -80px;
.elfinder-group .elfinder-perms {
background-position: 0 0px;
background-position: 0 -656px;
.elfinder-drag-helper.html5-native {
/* drag helper status icon (default no-drop) */
.elfinder-drag-helper-icon-status {
background: url('../img/toolbar.png') 0 -96px no-repeat;
/* 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 */
padding: 1px 3px 1px 3px;
-webkit-border-radius: 8px;
/* icon in drag helper */
.elfinder-drag-helper .elfinder-cwd-icon {
/* transparent overlay */
filter: Alpha(Opacity=20);
/* panels under/below cwd (for search field etc) */
.elfinder .elfinder-panel {
/* for html5 drag and drop */
-khtml-user-drag: element;
/* for place holder to content editable elements */
.elfinder [contentEditable=true]:empty:not(:focus):before {
.elfinder div.elfinder-bottomtray {
.elfinder div.elfinder-bottomtray > div {
.elfinder.elfinder-ltr div.elfinder-bottomtray {
.elfinder.elfinder-rtl div.elfinder-bottomtray {
.elfinder .elfinder-ui-tooltip {
.elfinder-ui-progressbar {
.elfinder-ltr .elfinder-ui-progressbar {
.elfinder-rtl .elfinder-ui-progressbar {