PHP Classes

File: apps/fileman/css/elfinder.full.css

Recommend this page to a friend!
  Classes of Mark Richards   CliqonV4   apps/fileman/css/elfinder.full.css   Download  
File: apps/fileman/css/elfinder.full.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: CliqonV4
Framework with modules to build Web applications
Author: By
Last change: Merge branch 'master' of https://github.com/webcliq/CliqonV4
Date: 6 years ago
Size: 85,982 bytes
 

Contents

Class file image Download
/*! * elFinder - file manager for web * Version 2.1.20 (2017-01-11) * http://elfinder.org * * Copyright 2009-2017, Studio 42 * Licensed under a 3-clauses BSD license */ /* File: /css/commands.css */ /******************************************************************/ /* COMMANDS STYLES */ /******************************************************************/ /********************** COMMAND "RESIZE" ****************************/ .elfinder-dialog-resize { margin-top:.3em; } .elfinder-resize-type { float:left; margin-bottom: .4em; } .elfinder-resize-control { float: left; } .elfinder-resize-control input[type=text] { border:1px solid #aaa; text-align: right; width: 4em; } .elfinder-resize-control input.elfinder-resize-bg { text-align: center; width: 5em; direction: ltr; } .elfinder-dialog-resize .elfinder-resize-imgrotate, .elfinder-dialog-resize .elfinder-resize-pallet { cursor: pointer; } .elfinder-dialog-resize .elfinder-resize-picking { cursor: crosshair; } .elfinder-dialog-resize .elfinder-resize-grid8 + button { padding-top: 2px; padding-bottom: 2px; } .elfinder-resize-preview { width:400px; height:400px; padding:10px; background:#fff; border:1px solid #aaa; float:right; position:relative; overflow:hidden; text-align: left; direction: ltr; } .elfinder-resize-handle { position:relative;} .elfinder-resize-handle-hline, .elfinder-resize-handle-vline { position:absolute; background-image:url("../img/crop.gif"); } .elfinder-resize-handle-hline { width:100%; height:1px !important; background-repeat:repeat-x; } .elfinder-resize-handle-vline { width:1px !important; height:100%; background-repeat:repeat-y; } .elfinder-resize-handle-hline-top { top:0; left:0; } .elfinder-resize-handle-hline-bottom { bottom:0; left:0; } .elfinder-resize-handle-vline-left { top:0; left:0; } .elfinder-resize-handle-vline-right { top:0; right:0; } .elfinder-resize-handle-point { position:absolute; width:8px; height:8px; border:1px solid #777; background:transparent; } .elfinder-resize-handle-point-n { top:0; left:50%; margin-top:-5px; margin-left:-5px; } .elfinder-resize-handle-point-ne { top:0; right:0; margin-top:-5px; margin-right:-5px; } .elfinder-resize-handle-point-e { top:50%; right:0; margin-top:-5px; margin-right:-5px; } .elfinder-resize-handle-point-se { bottom:0; right:0; margin-bottom:-5px; margin-right:-5px; } .elfinder-resize-handle-point-s { bottom:0; left:50%; margin-bottom:-5px; margin-left:-5px; } .elfinder-resize-handle-point-sw { bottom:0; left:0; margin-bottom:-5px; margin-left:-5px; } .elfinder-resize-handle-point-w { top:50%; left:0; margin-top:-5px; margin-left:-5px; } .elfinder-resize-handle-point-nw { top:0; left:0; margin-top:-5px; margin-left:-5px; } .elfinder-resize-spinner { position:absolute; width:200px; height:30px; top:50%; margin-top:-25px; left:50%; margin-left:-100px; text-align:center; background:url(../img/progress.gif) center bottom repeat-x; } .elfinder-resize-row { margin-bottom:9px; position:relative;} .elfinder-resize-label { float:left; width:80px; padding-top: 3px; } .elfinder-resize-checkbox-label { border: 1px solid transparent; } .elfinder-dialog .elfinder-dialog-resize .elfinder-resize-whctrls { margin: -20px 5px 0 5px; } .elfinder-ltr .elfinder-dialog .elfinder-dialog-resize .elfinder-resize-whctrls { float: right; } .elfinder-rtl .elfinder-dialog .elfinder-dialog-resize .elfinder-resize-whctrls { float: left; } .elfinder-dialog .elfinder-dialog-resize .ui-resizable-e, .elfinder-dialog .elfinder-dialog-resize .ui-resizable-w { height:100%; width:10px; } .elfinder-dialog .elfinder-dialog-resize .ui-resizable-s, .elfinder-dialog .elfinder-dialog-resize .ui-resizable-n { width:100%; height:10px; } .elfinder-dialog .elfinder-dialog-resize .ui-resizable-e { margin-right: -7px; } .elfinder-dialog .elfinder-dialog-resize .ui-resizable-w { margin-left: -7px; } .elfinder-dialog .elfinder-dialog-resize .ui-resizable-s { margin-bottom: -7px; } .elfinder-dialog .elfinder-dialog-resize .ui-resizable-n { margin-top: -7px; } .elfinder-dialog .elfinder-dialog-resize .ui-resizable-se, .elfinder-dialog .elfinder-dialog-resize .ui-resizable-sw, .elfinder-dialog .elfinder-dialog-resize .ui-resizable-ne, .elfinder-dialog .elfinder-dialog-resize .ui-resizable-nw { width: 10px; height: 10px; } .elfinder-dialog .elfinder-dialog-resize .ui-resizable-se { background:transparent; bottom:0; right:0; margin-right:-7px; margin-bottom:-7px; } .elfinder-dialog .elfinder-dialog-resize .ui-resizable-sw { margin-left: -7px; margin-bottom: -7px; } .elfinder-dialog .elfinder-dialog-resize .ui-resizable-ne { margin-right:-7px; margin-top:-7px; } .elfinder-dialog .elfinder-dialog-resize .ui-resizable-nw { margin-left: -7px; margin-top: -7px; } .elfinder-touch .elfinder-dialog .elfinder-dialog-resize .ui-resizable-s, .elfinder-touch .elfinder-dialog .elfinder-dialog-resize .ui-resizable-n { height: 20px; } .elfinder-touch .elfinder-dialog .elfinder-dialog-resize .ui-resizable-e, .elfinder-touch .elfinder-dialog .elfinder-dialog-resize .ui-resizable-w { width: 20px; } .elfinder-touch .elfinder-dialog .elfinder-dialog-resize .ui-resizable-se, .elfinder-touch .elfinder-dialog .elfinder-dialog-resize .ui-resizable-sw, .elfinder-touch .elfinder-dialog .elfinder-dialog-resize .ui-resizable-ne, .elfinder-touch .elfinder-dialog .elfinder-dialog-resize .ui-resizable-nw { width: 30px; height: 30px; } .elfinder-touch .elfinder-dialog .elfinder-dialog-resize .elfinder-resize-preview .ui-resizable-se { width: 30px; height: 30px; zoom: 1; margin: 0; } .elfinder-dialog-resize .ui-icon-grip-solid-vertical { position:absolute; top:50%; right:0; margin-top:-8px; margin-right:-11px; } .elfinder-dialog-resize .ui-icon-grip-solid-horizontal { position:absolute; left:50%; bottom:0; margin-left:-8px; margin-bottom:-11px;; } .elfinder-dialog-resize .elfinder-resize-row .ui-buttonset { float:right; } .elfinder-dialog-resize .elfinder-resize-degree input, .elfinder-dialog-resize .elfinder-resize-quality input { width: 2.5em; } .elfinder-dialog-resize .elfinder-resize-degree button.ui-button { padding: 6px 8px; } .elfinder-dialog-resize button.ui-button span { padding: 0; } .ui-widget-content .elfinder-dialog-resize .elfinder-resize-rotate-slider { width: 195px; margin: 10px 7px; background-color: #fafafa; } .elfinder-dialog-resize .elfinder-resize-type span.ui-checkboxradio-icon { display: none; } /********************** COMMAND "EDIT" ****************************/ /* edit text file textarea */ .elfinder-file-edit { width:100%; height:99%; margin:0; padding:2px; border:1px solid #ccc; box-sizing: border-box; } .elfinder-touch .elfinder-file-edit { font-size: 16px; } /* bottom margen for softkeyboard on fullscreen mode */ .elfinder-touch.elfinder-fullscreen-native textarea.elfinder-file-edit { padding-bottom: 20em; margin-bottom: -20em; } .std42-dialog .ui-dialog-titlebar select { font-size: 12px; } .std42-dialog .ui-dialog-buttonpane .elfinder-dialog-confirm-encoding { font-size: 12px; } /********************** COMMAND "SORT" ****************************/ /* for list table header sort triangle icon */ div.elfinder-cwd-wrapper-list tr.ui-state-default td { position: relative; } div.elfinder-cwd-wrapper-list tr.ui-state-default td span.ui-icon { position: absolute; top: 4px; left: 0; right: 0; margin: auto 0px auto auto; } .elfinder-touch div.elfinder-cwd-wrapper-list tr.ui-state-default td span.ui-icon { top: 7px; } .elfinder-rtl div.elfinder-cwd-wrapper-list tr.ui-state-default td span.ui-icon { margin: auto auto auto 0px; } /********************** COMMAND "HELP" ****************************/ /* help dialog */ .elfinder-help { margin-bottom:.5em; } /* fix tabs */ .elfinder-help .ui-tabs-panel { padding:.5em; } .elfinder-dialog .ui-tabs .ui-tabs-nav li a { padding:.2em 1em;} .elfinder-help-shortcuts { height:300px; padding:1em; margin:.5em 0; overflow:auto; } .elfinder-help-shortcut { white-space:nowrap; clear:both;} .elfinder-help-shortcut-pattern { float:left; width:160px;} .elfinder-help-logo { width:100px; height:96px; float:left; margin-right:1em; background:url('../img/logo.png') center center no-repeat; } .elfinder-help h3 { font-size:1.5em; margin:.2em 0 .3em 0; } .elfinder-help-separator { clear:both; padding:.5em; } .elfinder-help-link { padding:2px; } .elfinder-help .ui-priority-secondary { font-size:.9em;} .elfinder-help .ui-priority-primary { margin-bottom:7px;} .elfinder-help-team { clear: both; text-align:right; border-bottom:1px solid #ccc; margin:.5em 0; font-size:.9em; } .elfinder-help-team div { float:left; } .elfinder-help-license { font-size:.9em;} .elfinder-help-disabled { font-weight:bold; text-align:center; margin:90px 0; } .elfinder-help .elfinder-dont-panic { display:block; border:1px solid transparent; width:200px; height:200px; margin:30px auto; text-decoration:none; text-align:center; position:relative; background:#d90004; -moz-box-shadow: 5px 5px 9px #111; -webkit-box-shadow: 5px 5px 9px #111; box-shadow: 5px 5px 9px #111; background: -moz-radial-gradient(80px 80px, circle farthest-corner, #d90004 35%, #960004 100%); background: -webkit-gradient(radial, 80 80, 60, 80 80, 120, from(#d90004), to(#960004)); -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; outline:none; } .elfinder-help .elfinder-dont-panic span { font-size:3em; font-weight:bold; text-align:center; color:#fff; position:absolute; left:0; top:45px; } .elfinder-help-debug { height:auto; padding:0; margin:0; overflow:none; border: none; } .elfinder-help-debug .ui-tabs-panel { height:310px; padding: 0; margin: 0; overflow:auto; } .elfinder-help-debug fieldset { margin-bottom: 10px; border-color: #778899; border-radius: 10px; } .elfinder-help-debug legend { font-size: 1.2em; font-weight: bold; color: #2e8b57; } .elfinder-help-debug dl { margin: 0; } .elfinder-help-debug dt { color: #778899; } .elfinder-help-debug dt:before { content: "["; } .elfinder-help-debug dt:after { content: "]"; } .elfinder-help-debug dd { margin-left: 1em; } .elfinder-help-debug dd span { /*font-size: 1.2em;*/ } /********************** COMMAND "INFO" ****************************/ .elfinder-info-title .elfinder-cwd-bgurl:after { left: -28px; } .elfinder-info-title .elfinder-cwd-icon-video:after { left: -7px; } /********************** COMMAND "UPLOAD" ****************************/ .elfinder-upload-dialog-wrapper .elfinder-upload-dirselect { position: absolute; bottom: 2px; width: 16px; height: 16px; padding: 10px; border: none; overflow: hidden; cursor: pointer; } .elfinder-ltr .elfinder-upload-dialog-wrapper .elfinder-upload-dirselect { left: 2px; } .elfinder-rtl .elfinder-upload-dialog-wrapper .elfinder-upload-dirselect { right: 2px; } /* File: /css/common.css */ /*********************************************/ /* COMMON ELFINDER STUFFS */ /*********************************************/ /* for old jQuery UI */ .ui-front { z-index: 100; } /* common container */ .elfinder { padding: 0; position:relative; display:block; visibility: visible; font-size: 18px; font-family: Verdana,Arial,Helvetica,sans-serif; } /* 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 { position:absolute; top:0; left:0; width:16px; height:14px; text-align:center; padding-top:2px; 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.elfinder-ltr div.elfinder-bottomtray { left: 0; } .elfinder.elfinder-rtl div.elfinder-bottomtray { right: 0; } /* File: /css/contextmenu.css */ /* menu and submenu */ .elfinder .elfinder-contextmenu, .elfinder .elfinder-contextmenu-sub { position:absolute; border:1px solid #aaa; background:#fff; color:#555; padding:4px 0; top: 0; left: 0; } /* submenu */ .elfinder .elfinder-contextmenu-sub { top:5px; } /* submenu in rtl/ltr enviroment */ .elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-sub { margin-left:-5px; } .elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-sub { margin-right:-5px; } /* menu item */ .elfinder .elfinder-contextmenu-header { margin-top: -4px; padding: 0 .5em .2ex; border: none; text-align: center; } .elfinder .elfinder-contextmenu-header span { font-weight: normal; font-size: 0.8em; font-weight: bolder; } .elfinder .elfinder-contextmenu-item { position:relative; display:block; padding:4px 30px; text-decoration:none; white-space:nowrap; cursor:default; } .elfinder .elfinder-contextmenu-item.ui-state-active { border: none; } .elfinder .elfinder-contextmenu-item .ui-icon { width:16px; height:16px; position:absolute; left:auto; right:auto; top:50%; margin-top:-8px; } .elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-item .ui-icon { left: 2px; } .elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-item .ui-icon { right: 2px; } .elfinder-touch .elfinder-contextmenu-item { padding:12px 38px; } /* root icon of each volume */ .elfinder-navbar-root-local.elfinder-contextmenu-icon { background-image:url("../img/volume_icon_local.png"); } .elfinder-navbar-root-ftp.elfinder-contextmenu-icon { background-image:url("../img/volume_icon_ftp.png"); } .elfinder-navbar-root-sql.elfinder-contextmenu-icon { background-image:url("../img/volume_icon_sql.png"); } .elfinder-navbar-root-dropbox.elfinder-contextmenu-icon { background-image:url("../img/volume_icon_dropbox.png"); } .elfinder-navbar-root-googledrive.elfinder-contextmenu-icon { background-image:url("../img/volume_icon_googledrive.png"); } .elfinder-navbar-root-onedrive.elfinder-contextmenu-icon { background-image:url("../img/volume_icon_onedrive.png"); } .elfinder-navbar-root-box.elfinder-contextmenu-icon { background-image:url("../img/volume_icon_box.png"); } /* text in item */ .elfinder .elfinder-contextmenu .elfinder-contextmenu-item span { display:block; } /* submenu item in rtl/ltr enviroment */ .elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-item { text-align:left; } .elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-item { text-align:right; } .elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-sub .elfinder-contextmenu-item { padding-left:12px; } .elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-sub .elfinder-contextmenu-item { padding-right:12px; } /* command/submenu icon */ .elfinder .elfinder-contextmenu-extra-icon, .elfinder .elfinder-contextmenu-arrow, .elfinder .elfinder-contextmenu-icon { position:absolute; top:50%; margin-top:-8px; overflow: hidden; } /* command icon in rtl/ltr enviroment */ .elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-icon { left:8px; } .elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-icon { right:8px; } .elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-extra-icon { right:8px; } .elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-extra-icon { left:8px; } /* arrow icon */ .elfinder .elfinder-contextmenu-arrow { width:16px; height:16px; background:url('../img/arrows-normal.png') 5px 4px no-repeat; } /* arrow icon in rtl/ltr enviroment */ .elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-arrow { right:5px; } .elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-arrow { left:5px; background-position: 0 -10px; } /* command extra icon's <a>, <span> tag */ .elfinder .elfinder-contextmenu-extra-icon a, .elfinder .elfinder-contextmenu-extra-icon span { display: inline-block; width: 100%; height: 100%; padding: 20px; margin: 0; color: transparent !important; text-decoration: none; cursor: pointer; } /* disable ui border/bg image on hover */ .elfinder .elfinder-contextmenu .ui-state-hover { border:0 solid; background-image:none;} /* separator */ .elfinder .elfinder-contextmenu-separator { height:0px; border-top:1px solid #ccc; margin:0 1px; } /* for CSS style priority to ui-state-disabled - "background-image: none" */ .elfinder .elfinder-button-icon.ui-state-disabled { background-image: url('../img/toolbar.png') !important; } /* File: /css/cwd.css */ /******************************************************************/ /* CURRENT DIRECTORY STYLES */ /******************************************************************/ /* cwd container to avoid selectable on scrollbar */ .elfinder-cwd-wrapper { overflow: auto; position:relative; padding:2px; margin:0; } .elfinder-cwd-wrapper-list { padding:0; } /* container */ .elfinder-cwd { position:relative; cursor:default; padding:0; margin:0; -ms-touch-action: auto; touch-action: auto; } /* container active on dropenter */ .elfinder .elfinder-cwd-wrapper.elfinder-droppable-active { outline: 2px solid #8cafed; outline-offset: -2px; } .elfinder-cwd-wrapper-empty .elfinder-cwd:after { display: block; position: absolute; top: 40%; left: 0; right: 0; margin-top: -2em; line-height: 1.5em; text-align: center; white-space: pre-wrap; opacity: 0.6; filter: Alpha(Opacity=60); font-weight: bold; } .elfinder-cwd-file .elfinder-cwd-select { position: absolute; top: 0px; left: 0px; width: 30px; height: 30px; background-color: transparent; opacity: .4; filter:Alpha(Opacity=40); } .elfinder-cwd-file.ui-selected .elfinder-cwd-select { opacity: .8; filter:Alpha(Opacity=80); } .elfinder-rtl .elfinder-cwd-file .elfinder-cwd-select { left: auto; right: 0px; } .elfinder .elfinder-cwd-selectall { position: absolute; width: 30px; height: 30px; top: 0px; opacity: .8; filter:Alpha(Opacity=80); } .elfinder .elfinder-workzone.elfinder-cwd-wrapper-empty .elfinder-cwd-selectall { display: none; } /************************** ICONS VIEW ********************************/ .elfinder-ltr .elfinder-workzone .elfinder-cwd-selectall { text-align: right; right: 18px; left: auto; } .elfinder-rtl .elfinder-workzone .elfinder-cwd-selectall { text-align: left; right: auto; left: 18px; } .elfinder-ltr.elfinder-mobile .elfinder-workzone .elfinder-cwd-selectall { right: 0px; } .elfinder-rtl.elfinder-mobile .elfinder-workzone .elfinder-cwd-selectall { left: 0px; } .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-select.ui-state-hover { background-color: transparent; } /* file container */ .elfinder-cwd-view-icons .elfinder-cwd-file { width:120px; height:80px; padding-bottom:2px; cursor:default; border:none; /* overflow:hidden;*/ position:relative; } /*.elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-select { top: 0px; left: 0px; }*/ /*.elfinder-rtl .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-select { left: auto; right: 7px; }*/ /* ltr/rtl enviroment */ .elfinder-ltr .elfinder-cwd-view-icons .elfinder-cwd-file { float:left; margin:0 3px 12px 0; } .elfinder-rtl .elfinder-cwd-view-icons .elfinder-cwd-file { float:right; margin:0 0 5px 3px; } /* remove ui hover class border */ .elfinder-cwd-view-icons .elfinder-cwd-file .ui-state-hover { border:0 solid; } /* icon wrapper to create selected highlight around icon */ .elfinder-cwd-view-icons .elfinder-cwd-file-wrapper { width:52px; height:52px; margin:1px auto 1px auto; padding:2px; position:relative; } /* file name place */ .elfinder-cwd-view-icons .elfinder-cwd-filename { text-align: center; max-height: 2.4em; line-height: 1.2em; white-space: pre-line; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; margin: 3px 1px 0 1px; padding: 1px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /* for webkit CSS3 */ word-break: break-word; overflow-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* permissions/symlink markers */ .elfinder-cwd-view-icons .elfinder-perms { bottom:4px; right:2px; } .elfinder-cwd-view-icons .elfinder-lock { top:-3px; right:-2px; } .elfinder-cwd-view-icons .elfinder-symlink { bottom:6px; left:0px; } /* icon/thumbnail */ .elfinder-cwd-icon { display:block; width:48px; height:48px; margin:0 auto; background: url('../img/icons-big.png') 0 0 no-repeat; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* volume icon of root in folder */ .elfinder-navbar-root-local .elfinder-cwd-icon, .elfinder-cwd .elfinder-navbar-root-local.elfinder-droppable-active .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-local td .elfinder-cwd-icon { background-image:url("../img/volume_icon_local.png"); background-position:0 0; background-size: contain; } .elfinder-cwd .elfinder-navbar-root-local.elfinder-droppable-active .elfinder-cwd-icon { background-position:1px -1px; } .elfinder-navbar-root-ftp .elfinder-cwd-icon, .elfinder-cwd .elfinder-navbar-root-ftp.elfinder-droppable-active .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-ftp td .elfinder-cwd-icon { background-image:url("../img/volume_icon_ftp.png"); background-position:0 0; background-size: contain; } .elfinder-cwd .elfinder-navbar-root-ftp.elfinder-droppable-active .elfinder-cwd-icon { background-position:1px -1px; } .elfinder-navbar-root-sql .elfinder-cwd-icon, .elfinder-cwd .elfinder-navbar-root-sql.elfinder-droppable-active .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-sql td .elfinder-cwd-icon { background-image:url("../img/volume_icon_sql.png"); background-position:0 0; background-size: contain; } .elfinder-cwd .elfinder-navbar-root-sql.elfinder-droppable-active .elfinder-cwd-icon { background-position:1px -1px; } .elfinder-navbar-root-dropbox .elfinder-cwd-icon, .elfinder-cwd .elfinder-navbar-root-dropbox.elfinder-droppable-active .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-dropbox td .elfinder-cwd-icon { background-image:url("../img/volume_icon_dropbox.png"); background-position:0 0; background-size: contain; } .elfinder-cwd .elfinder-navbar-root-dropbox.elfinder-droppable-active .elfinder-cwd-icon { background-position:1px -1px; } .elfinder-navbar-root-googledrive .elfinder-cwd-icon, .elfinder-cwd .elfinder-navbar-root-googledrive.elfinder-droppable-active .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-googledrive td .elfinder-cwd-icon { background-image:url("../img/volume_icon_googledrive.png"); background-position:0 0; background-size: contain; } .elfinder-navbar-root-onedrive .elfinder-cwd-icon, .elfinder-cwd .elfinder-navbar-root-onedrive.elfinder-droppable-active .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-onedrive td .elfinder-cwd-icon { background-image:url("../img/volume_icon_onedrive.png"); background-position:0 0; background-size: contain; } .elfinder-navbar-root-box .elfinder-cwd-icon, .elfinder-cwd .elfinder-navbar-root-box.elfinder-droppable-active .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-box td .elfinder-cwd-icon { background-image:url("../img/volume_icon_box.png"); background-position:0 0; background-size: contain; } .elfinder-cwd .elfinder-navbar-root-googledrive.elfinder-droppable-active .elfinder-cwd-icon, .elfinder-cwd .elfinder-navbar-root-onedrive.elfinder-droppable-active .elfinder-cwd-icon, .elfinder-cwd .elfinder-navbar-root-box.elfinder-droppable-active .elfinder-cwd-icon { background-position:1px -1px; } .elfinder-navbar-root-network .elfinder-cwd-icon, .elfinder-cwd .elfinder-navbar-root-network.elfinder-droppable-active .elfinder-cwd-icon, .elfinder-cwd-view-list .elfinder-navbar-root-network td .elfinder-cwd-icon { background-image:url("../img/toolbar.png"); background-position: 0 86%; background-size: cover; } .elfinder-cwd .elfinder-navbar-root-network.elfinder-droppable-active .elfinder-cwd-icon { background-position:1px -1px; } /* thumbnail image */ .elfinder-cwd-icon.elfinder-cwd-bgurl { background-position: center center; background-repeat: no-repeat; -moz-background-size: contain; background-size: contain; } /* thumbnail self */ .elfinder-cwd-icon.elfinder-cwd-bgurl.elfinder-cwd-bgself { -moz-background-size: cover; background-size: cover; } /* thumbnail crop*/ .elfinder-cwd-icon.elfinder-cwd-bgurl { -moz-background-size: cover; background-size: cover; } .elfinder-cwd-bgurl:after { content: ' '; position: relative; display: inline-block; top: 36px; left: -38px; width: 48px; height: 48px; background: url('../img/icons-big.png') 0 0 no-repeat; background-size: auto !important; opacity: .8; filter: Alpha(Opacity=60); -webkit-transform-origin: 54px -24px; -webkit-transform: scale(.6); -moz-transform-origin: 54px -24px; -moz-transform: scale(.6); -ms-transform-origin: 54px -24px; -ms-transform: scale(.6); -o-transform-origin: 54px -24px; -o-transform: scale(.6); transform-origin: 54px -24px; transform: scale(.6); } /* thumbnail image overlay none */ .elfinder-cwd-icon-image:after { content: none; } /* thumbnail image video overlay */ .elfinder-cwd-icon-video:after { top: 32px; left: -26px; height: 25px; width: 22px; background-position: 0px -373px; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* "opened folder" icon on dragover */ .elfinder-cwd .elfinder-droppable-active .elfinder-cwd-icon { background-position: 0 -100px; } .elfinder-cwd .elfinder-droppable-active { outline: 2px solid #8cafed; outline-offset: -2px; } /* mimetypes icons */ .elfinder-cwd-icon-directory { background-position:0 -50px; } .elfinder-cwd-icon-application:after, .elfinder-cwd-icon-application { background-position:0 -150px; } .elfinder-cwd-icon-x-empty:after, .elfinder-cwd-icon-text:after, .elfinder-cwd-icon-x-empty, .elfinder-cwd-icon-text { background-position:0 -200px; } .elfinder-cwd-icon-image:after, .elfinder-cwd-icon-vnd-adobe-photoshop:after, .elfinder-cwd-icon-postscript:after, .elfinder-cwd-icon-image, .elfinder-cwd-icon-vnd-adobe-photoshop, .elfinder-cwd-icon-postscript { background-position:0 -250px; } .elfinder-cwd-icon-audio:after, .elfinder-cwd-icon-audio { background-position:0 -300px; } .elfinder-cwd-icon-video, .elfinder-cwd-icon-flash-video { background-position:0 -350px; } .elfinder-cwd-icon-rtf:after, .elfinder-cwd-icon-rtfd:after, .elfinder-cwd-icon-rtf, .elfinder-cwd-icon-rtfd { background-position: 0 -401px; } .elfinder-cwd-icon-pdf:after, .elfinder-cwd-icon-pdf { background-position: 0 -450px; } .elfinder-cwd-icon-ms-excel:after, .elfinder-cwd-icon-msword:after, .elfinder-cwd-icon-vnd-ms-excel:after, .elfinder-cwd-icon-vnd-ms-excel-addin-macroEnabled-12:after, .elfinder-cwd-icon-vnd-ms-excel-sheet-binary-macroEnabled-12:after, .elfinder-cwd-icon-vnd-ms-excel-sheet-macroEnabled-12:after, .elfinder-cwd-icon-vnd-ms-excel-template-macroEnabled-12:after, .elfinder-cwd-icon-vnd-ms-office:after, .elfinder-cwd-icon-vnd-ms-powerpoint:after, .elfinder-cwd-icon-vnd-ms-powerpoint-addin-macroEnabled-12:after, .elfinder-cwd-icon-vnd-ms-powerpoint-presentation-macroEnabled-12:after, .elfinder-cwd-icon-vnd-ms-powerpoint-slide-macroEnabled-12:after, .elfinder-cwd-icon-vnd-ms-powerpoint-slideshow-macroEnabled-12:after, .elfinder-cwd-icon-vnd-ms-powerpoint-template-macroEnabled-12:after, .elfinder-cwd-icon-vnd-ms-word:after, .elfinder-cwd-icon-vnd-ms-word-document-macroEnabled-12:after, .elfinder-cwd-icon-vnd-ms-word-template-macroEnabled-12:after, .elfinder-cwd-icon-vnd-oasis-opendocument-chart:after, .elfinder-cwd-icon-vnd-oasis-opendocument-database:after, .elfinder-cwd-icon-vnd-oasis-opendocument-formula:after, .elfinder-cwd-icon-vnd-oasis-opendocument-graphics:after, .elfinder-cwd-icon-vnd-oasis-opendocument-graphics-template:after, .elfinder-cwd-icon-vnd-oasis-opendocument-image:after, .elfinder-cwd-icon-vnd-oasis-opendocument-presentation:after, .elfinder-cwd-icon-vnd-oasis-opendocument-presentation-template:after, .elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet:after, .elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet-template:after, .elfinder-cwd-icon-vnd-oasis-opendocument-text:after, .elfinder-cwd-icon-vnd-oasis-opendocument-text-master:after, .elfinder-cwd-icon-vnd-oasis-opendocument-text-template:after, .elfinder-cwd-icon-vnd-oasis-opendocument-text-web:after, .elfinder-cwd-icon-vnd-openofficeorg-extension:after, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-presentation:after, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slide:after, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slideshow:after, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-template:after, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-sheet:after, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-template:after, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-document:after, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-template:after, .elfinder-cwd-icon-ms-excel, .elfinder-cwd-icon-msword, .elfinder-cwd-icon-vnd-ms-excel, .elfinder-cwd-icon-vnd-ms-excel-addin-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-excel-sheet-binary-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-excel-sheet-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-excel-template-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-office, .elfinder-cwd-icon-vnd-ms-powerpoint, .elfinder-cwd-icon-vnd-ms-powerpoint-addin-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-powerpoint-presentation-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-powerpoint-slide-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-powerpoint-slideshow-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-powerpoint-template-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-word, .elfinder-cwd-icon-vnd-ms-word-document-macroEnabled-12, .elfinder-cwd-icon-vnd-ms-word-template-macroEnabled-12, .elfinder-cwd-icon-vnd-oasis-opendocument-chart, .elfinder-cwd-icon-vnd-oasis-opendocument-database, .elfinder-cwd-icon-vnd-oasis-opendocument-formula, .elfinder-cwd-icon-vnd-oasis-opendocument-graphics, .elfinder-cwd-icon-vnd-oasis-opendocument-graphics-template, .elfinder-cwd-icon-vnd-oasis-opendocument-image, .elfinder-cwd-icon-vnd-oasis-opendocument-presentation, .elfinder-cwd-icon-vnd-oasis-opendocument-presentation-template, .elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet, .elfinder-cwd-icon-vnd-oasis-opendocument-spreadsheet-template, .elfinder-cwd-icon-vnd-oasis-opendocument-text, .elfinder-cwd-icon-vnd-oasis-opendocument-text-master, .elfinder-cwd-icon-vnd-oasis-opendocument-text-template, .elfinder-cwd-icon-vnd-oasis-opendocument-text-web, .elfinder-cwd-icon-vnd-openofficeorg-extension, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-presentation, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slide, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-slideshow, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-presentationml-template, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-sheet, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-spreadsheetml-template, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-document, .elfinder-cwd-icon-vnd-openxmlformats-officedocument-wordprocessingml-template { background-position: 0 -500px; } .elfinder-cwd-icon-html:after, .elfinder-cwd-icon-html { background-position: 0 -550px; } .elfinder-cwd-icon-css:after, .elfinder-cwd-icon-css { background-position: 0 -600px; } .elfinder-cwd-icon-javascript:after, .elfinder-cwd-icon-x-javascript:after, .elfinder-cwd-icon-javascript, .elfinder-cwd-icon-x-javascript { background-position: 0 -650px; } .elfinder-cwd-icon-x-perl:after, .elfinder-cwd-icon-x-perl { background-position: 0 -700px; } .elfinder-cwd-icon-x-python:after, .elfinder-cwd-icon-x-python { background-position: 0 -750px; } .elfinder-cwd-icon-x-ruby:after, .elfinder-cwd-icon-x-ruby { background-position: 0 -800px; } .elfinder-cwd-icon-x-sh:after, .elfinder-cwd-icon-x-shellscript:after, .elfinder-cwd-icon-x-sh, .elfinder-cwd-icon-x-shellscript { background-position: 0 -850px; } .elfinder-cwd-icon-x-c:after, .elfinder-cwd-icon-x-csrc:after, .elfinder-cwd-icon-x-chdr:after, .elfinder-cwd-icon-x-c--:after, .elfinder-cwd-icon-x-c--src:after, .elfinder-cwd-icon-x-c--hdr:after, .elfinder-cwd-icon-x-java:after, .elfinder-cwd-icon-x-java-source:after, .elfinder-cwd-icon-x-c, .elfinder-cwd-icon-x-csrc, .elfinder-cwd-icon-x-chdr, .elfinder-cwd-icon-x-c--, .elfinder-cwd-icon-x-c--src, .elfinder-cwd-icon-x-c--hdr, .elfinder-cwd-icon-x-java, .elfinder-cwd-icon-x-java-source { background-position: 0 -900px; } .elfinder-cwd-icon-x-php:after, .elfinder-cwd-icon-x-php { background-position: 0 -950px; } .elfinder-cwd-icon-xml:after, .elfinder-cwd-icon-xml { background-position: 0 -1000px; } .elfinder-cwd-icon-zip:after, .elfinder-cwd-icon-x-zip:after, .elfinder-cwd-icon-x-xz:after, .elfinder-cwd-icon-x-7z-compressed:after, .elfinder-cwd-icon-zip, .elfinder-cwd-icon-x-zip, .elfinder-cwd-icon-x-xz, .elfinder-cwd-icon-x-7z-compressed { background-position: 0 -1050px; } .elfinder-cwd-icon-x-gzip:after, .elfinder-cwd-icon-x-tar:after, .elfinder-cwd-icon-x-gzip, .elfinder-cwd-icon-x-tar { background-position: 0 -1100px; } .elfinder-cwd-icon-x-bzip:after, .elfinder-cwd-icon-x-bzip2:after, .elfinder-cwd-icon-x-bzip, .elfinder-cwd-icon-x-bzip2 { background-position: 0 -1150px; } .elfinder-cwd-icon-x-rar:after, .elfinder-cwd-icon-x-rar-compressed:after, .elfinder-cwd-icon-x-rar, .elfinder-cwd-icon-x-rar-compressed { background-position: 0 -1200px; } .elfinder-cwd-icon-x-shockwave-flash:after, .elfinder-cwd-icon-x-shockwave-flash { background-position: 0 -1250px; } .elfinder-cwd-icon-group { background-position:0 -1300px;} /* textfield inside icon */ .elfinder-cwd-filename input { width:100%; border:none; margin:0; padding:0; } .elfinder-cwd-view-icons input {text-align:center; } .elfinder-cwd-view-icons textarea { width: 100%; border: 0px solid; margin: 0; padding: 0; text-align: center; overflow: hidden; resize: none; } .elfinder-cwd-view-icons { text-align:center; } /************************************ LIST VIEW ************************************/ /*.elfinder-cwd-view-list { padding:0 0 4px 0; }*/ .elfinder-cwd-wrapper.elfinder-cwd-fixheader .elfinder-cwd::after { display: none; } .elfinder-cwd table { width: 100%; border-collapse: separate; border: 0 solid; margin: 0 0 10px 0; border-spacing: 0; box-sizing: padding-box; padding: 2px; position: relative; } .elfinder-cwd-wrapper-list.elfinder-cwd-fixheader { position: absolute; overflow: hidden; } .elfinder-cwd-wrapper-list.elfinder-cwd-fixheader:before { content: ''; position: absolute; width: 100%; top: 0; height: 3px; background-color: white; } .elfinder-droppable-active + .elfinder-cwd-wrapper-list.elfinder-cwd-fixheader:before { background-color: #8cafed; } .elfinder .elfinder-workzone div.elfinder-cwd-fixheader table { table-layout: fixed; } .elfinder .elfinder-cwd table tbody.elfinder-cwd-fixheader { position: relative; } .elfinder-ltr .elfinder-cwd thead .elfinder-cwd-selectall { text-align: left; right: auto; left: 0px; padding-top: 3px; } .elfinder-rtl .elfinder-cwd thead .elfinder-cwd-selectall { text-align: right; right: 0px; left: auto; padding-top: 3px; } .elfinder-touch .elfinder-cwd thead .elfinder-cwd-selectall { padding-top: 5px; } .elfinder .elfinder-cwd table thead tr { border-left:0 solid; border-top:0 solid; border-right:0 solid; } .elfinder .elfinder-cwd table thead td { padding: 4px 14px; } .elfinder-ltr .elfinder-cwd.elfinder-has-checkbox table thead td:first-child { padding: 4px 14px 4px 22px; } .elfinder-rtl .elfinder-cwd.elfinder-has-checkbox table thead td:first-child { padding: 4px 22px 4px 14px; } .elfinder .elfinder-cwd table thead td.ui-state-active { background: #ebf1f6; background: -moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); background: -webkit-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); background: -o-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); background: -ms-linear-gradient(top, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); background: linear-gradient(to bottom, #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); } .elfinder .elfinder-cwd table td { padding:4px 12px; white-space:pre; overflow:hidden; text-align:right; cursor:default; border:0 solid; } .elfinder .elfinder-cwd table tbody td:first-child { position: relative } .elfinder .elfinder-cwd table td div { box-sizing: content-box; } tr.elfinder-cwd-file td .elfinder-cwd-select { width: 40px; padding-top: 3px; } .elfinder-touch tr.elfinder-cwd-file td .elfinder-cwd-select { padding-top: 10px; } .elfinder-touch .elfinder-cwd tr td { padding: 10px 12px; } .elfinder-touch .elfinder-cwd table thead td { padding: 8px 14px; } .elfinder-touch .elfinder-cwd tr.elfinder-cwd-file td { padding: 13px 12px; } .elfinder-ltr .elfinder-cwd table td { text-align:right; } .elfinder-ltr .elfinder-cwd table td:first-child { text-align:left; } .elfinder-rtl .elfinder-cwd table td { text-align:left; } .elfinder-rtl .elfinder-cwd table td:first-child { text-align:right; } .elfinder-odd-row { background:#eee; } /* filename container */ .elfinder-cwd-view-list .elfinder-cwd-file-wrapper { width:97%; position:relative; } /* filename container in ltr/rtl enviroment */ .elfinder-ltr .elfinder-cwd-view-list.elfinder-has-checkbox .elfinder-cwd-file-wrapper { margin-left: 8px; } .elfinder-rtl .elfinder-cwd-view-list.elfinder-has-checkbox .elfinder-cwd-file-wrapper { margin-right: 8px; } .elfinder-ltr .elfinder-cwd-view-list .elfinder-cwd-filename { padding-left:23px; } .elfinder-rtl .elfinder-cwd-view-list .elfinder-cwd-filename { padding-right:23px; } /* premissions/symlink marker */ .elfinder-cwd-view-list .elfinder-perms, .elfinder-cwd-view-list .elfinder-lock, .elfinder-cwd-view-list .elfinder-symlink { margin-top:-6px; opacity: .6; filter:Alpha(Opacity=60); } /* markers in ltr/rtl enviroment */ .elfinder-ltr .elfinder-cwd-view-list .elfinder-perms { left:8px; bottom:-4px; } .elfinder-ltr .elfinder-cwd-view-list .elfinder-lock { left:10px; top:0px; } .elfinder-ltr .elfinder-cwd-view-list .elfinder-symlink { left:-7px; bottom:-4px; } /* file icon */ .elfinder-cwd-view-list td .elfinder-cwd-icon { width:16px; height:16px; position:absolute; top:50%; margin-top:-8px; background-image:url(../img/icons-small.png); } /* icon in ltr/rtl enviroment */ .elfinder-ltr .elfinder-cwd-view-list .elfinder-cwd-icon { left:0; } .elfinder-rtl .elfinder-cwd-view-list .elfinder-cwd-icon { right:0; } /* thumbnail image video overlay */ .elfinder-cwd-view-list .elfinder-cwd-icon.elfinder-cwd-icon-video.elfinder-cwd-bgurl:after { content: none; } /* table header resize handle */ .elfinder-cwd-view-list thead td .ui-resizable-handle { height: 100%; top: 3px; } .elfinder-touch .elfinder-cwd-view-list thead td .ui-resizable-handle { top: -5px; margin: 10px; } .elfinder-cwd-view-list thead td .ui-resizable-e { right: -7px; } .elfinder-cwd-view-list thead td .ui-resizable-w { left: -7px; } .elfinder-touch .elfinder-cwd-view-list thead td .ui-resizable-e { right: -16px; } .elfinder-touch .elfinder-cwd-view-list thead td .ui-resizable-w { left: -16px; } /* empty message */ .elfinder-cwd-wrapper-empty .elfinder-cwd-view-list.elfinder-cwd:after { margin-top: 0; } /* File: /css/dialog.css */ /*********************************************/ /* DIALOGS STYLES */ /*********************************************/ /* common dialogs class */ .std42-dialog { padding:0; position:absolute; left:auto; right:auto; } .std42-dialog.elfinder-dialog-minimized { overFlow: hidden; position: relative; float: left; width: auto; } .elfinder-rtl .std42-dialog.elfinder-dialog-minimized { float: right; } /* titlebar */ .std42-dialog .ui-dialog-titlebar { border-left:0 solid transparent; border-top:0 solid transparent; border-right:0 solid transparent; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; font-weight:normal; padding:.2em 1em; } .std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar { padding: 0 .5em; height: 20px; } .elfinder-touch .std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar { padding:.3em .5em; } .std42-dialog.ui-draggable-disabled .ui-dialog-titlebar { cursor: default; } .std42-dialog .ui-dialog-titlebar .ui-widget-header { border : none; cursor: pointer; } .std42-dialog .ui-dialog-titlebar span.elfinder-dialog-title { display: inherit; word-break: break-all; } .std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar span.elfinder-dialog-title { display: list-item; display: -moz-inline-box; white-space: nowrap; word-break: normal; overflow: hidden; word-wrap: normal; overflow-wrap: normal; max-width: -webkit-calc(100% - 24px); max-width: -moz-calc(100% - 24px); max-width: calc(100% - 24px); } .elfinder-touch .std42-dialog .ui-dialog-titlebar span.elfinder-dialog-title { padding-top: .15em; } .elfinder-touch .std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar span.elfinder-dialog-title { max-width: -webkit-calc(100% - 36px); max-width: -moz-calc(100% - 36px); max-width: calc(100% - 36px); } .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button { position: relative; float: left; top: 10px; left: -10px; right: 10px; width: 20px; height: 20px; padding:1px; margin: -10px 1px 0 1px; background-color: transparent; background-image: none; } .elfinder-touch .std42-dialog/*:not(.elfinder-dialog-minimized)*/ .ui-dialog-titlebar .elfinder-titlebar-button { transform: scale(1.1); zoom: 1.1; margin-left: 5px; margin-right: 5px; } .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button-right { float: right; } .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button.elfinder-titlebar-button-right { left: 10px; right: -10px; } .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button .ui-icon { width: 17px; height: 17px; border-width: 1px; border-color: transparent; opacity: .7; filter:Alpha(Opacity=70); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar .elfinder-titlebar-button .ui-icon { opacity: 1; filter:Alpha(Opacity=100); } .std42-dialog.elfinder-dialog-minimized .ui-dialog-titlebar select { display: none; } .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover .ui-icon, .elfinder-mobile .std42-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon { background-color: #ff6252; border-color: #e5695d; } .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize:hover .ui-icon, .elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-minimize .ui-icon { background-color: #ffbc00; border-color: #e3a40b; } .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full:hover .ui-icon, .elfinder-mobile .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-full .ui-icon { background-color: #26c82f; border-color: #13ae10; } /* resize handle for touch devices */ .elfinder-touch .std42-dialog.ui-dialog:not(ui-resizable-disabled) .ui-resizable-se { width: 12px; height: 12px; zoom: 1.5; right: -7px; bottom: -7px; margin: 3px 7px 7px 3px; background-position: -64px -224px; } .elfinder-rtl .elfinder-dialog .ui-dialog-titlebar { text-align:right; } /* content */ .std42-dialog .ui-dialog-content { padding:.3em .5em; box-sizing: border-box; } .elfinder .std42-dialog .ui-dialog-content, .elfinder .std42-dialog .ui-dialog-content * { -webkit-user-select: auto; -moz-user-select: text; -khtml-user-select: text; user-select: text; } /* buttons */ .std42-dialog .ui-dialog-buttonpane { border: 0 solid; margin: 0; padding: .5em; text-align: right; } .elfinder-rtl .std42-dialog .ui-dialog-buttonpane { text-align: left; } .std42-dialog .ui-dialog-buttonpane button { margin:.7em 0 0 .4em; padding: .2em; outline:0px solid; } .std42-dialog .ui-dialog-buttonpane button span { padding:2px 9px; } .std42-dialog .ui-dialog-buttonpane button span.ui-icon { padding: 2px; } .elfinder-dialog .ui-resizable-e, .elfinder-dialog .ui-resizable-s { width:0; height:0;} .std42-dialog .ui-button input { cursor: pointer;} .std42-dialog select { border: 1px solid #ccc; } /* error/notify/confirm dialogs icon */ .elfinder-dialog-icon { position:absolute; width:32px; height:32px; left:10px; top:50%; margin-top:-15px; background:url("../img/dialogs.png") 0 0 no-repeat; } .elfinder-rtl .elfinder-dialog-icon { left:auto; right:10px;} /*********************** ERROR DIALOG **************************/ .elfinder-dialog-error .ui-dialog-content, .elfinder-dialog-confirm .ui-dialog-content { padding-left: 56px; min-height:35px; } .elfinder-rtl .elfinder-dialog-error .ui-dialog-content, .elfinder-rtl .elfinder-dialog-confirm .ui-dialog-content { padding-left:0; padding-right: 56px; } /*********************** NOTIFY DIALOG **************************/ .elfinder-dialog-notify .ui-dialog-titlebar-close { display:none; } .elfinder-dialog-notify .ui-dialog-content { padding:0; } /* one notification container */ .elfinder-notify { border-bottom:1px solid #ccc; position:relative; padding:.5em; text-align:center; overflow:hidden; } .elfinder-ltr .elfinder-notify { padding-left:36px; } .elfinder-rtl .elfinder-notify { padding-right:36px; } .elfinder-notify:last-child { border:0 solid; } /* progressbar */ .elfinder-notify-progressbar { width:180px; height:8px; border:1px solid #aaa; background:#f5f5f5; margin:5px auto; overflow:hidden; } .elfinder-notify-progress { width:100%; height:8px; background:url(../img/progress.gif) center center repeat-x; } .elfinder-notify-progressbar, .elfinder-notify-progress { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } /* icons */ .elfinder-dialog-icon-open, .elfinder-dialog-icon-readdir, .elfinder-dialog-icon-file { background-position: 0 -225px; } .elfinder-dialog-icon-reload { background-position: 0 -225px; } .elfinder-dialog-icon-mkdir { background-position: 0 -64px; } .elfinder-dialog-icon-mkfile { background-position: 0 -96px; } .elfinder-dialog-icon-copy, .elfinder-dialog-icon-prepare, .elfinder-dialog-icon-move { background-position: 0 -128px;} .elfinder-dialog-icon-upload { background-position: 0 -160px; } .elfinder-dialog-icon-chunkmerge { background-position: 0 -160px; } .elfinder-dialog-icon-rm { background-position: 0 -192px; } .elfinder-dialog-icon-download { background-position: 0 -260px; } .elfinder-dialog-icon-save { background-position: 0 -295px; } .elfinder-dialog-icon-rename { background-position: 0 -330px; } .elfinder-dialog-icon-zipdl, .elfinder-dialog-icon-archive, .elfinder-dialog-icon-extract { background-position: 0 -365px; } .elfinder-dialog-icon-search { background-position: 0 -402px; } .elfinder-dialog-icon-resize, .elfinder-dialog-icon-loadimg, .elfinder-dialog-icon-netmount, .elfinder-dialog-icon-netunmount, .elfinder-dialog-icon-chmod, .elfinder-dialog-icon-preupload, .elfinder-dialog-icon-url, .elfinder-dialog-icon-dim { background-position: 0 -434px; } /*********************** CONFIRM DIALOG **************************/ .elfinder-dialog-confirm-applyall, .elfinder-dialog-confirm-encoding { padding: 0 1em; margin: 0; } .elfinder-ltr .elfinder-dialog-confirm-applyall, .elfinder-ltr .elfinder-dialog-confirm-encoding { text-align: left; } .elfinder-rtl .elfinder-dialog-confirm-applyall, .elfinder-rtl .elfinder-dialog-confirm-encoding { text-align: right; } .elfinder-dialog-confirm .elfinder-dialog-icon { background-position:0 -32px; } .elfinder-dialog-confirm .ui-dialog-buttonset { width: auto; } /*********************** FILE INFO DIALOG **************************/ .elfinder-info-title .elfinder-cwd-icon { float:left; width:48px; height:48px; margin-right:1em; } .elfinder-rtl .elfinder-info-title .elfinder-cwd-icon { float: right; margin-right: 0; margin-left: 1em; } .elfinder-info-title strong { display:block; padding:.3em 0 .5em 0; } .elfinder-info-tb { min-width:200px; border:0 solid; margin:1em .2em 1em .2em; } .elfinder-info-tb td { white-space:nowrap; padding:2px; } .elfinder-info-tb tr td:first-child { text-align:right; } .elfinder-info-tb span { float:left;} .elfinder-info-tb a { outline: none; text-decoration:underline; } .elfinder-info-tb a:hover { text-decoration:none; } .elfinder-info-spinner { width:14px; height:14px; float:left; background: url("../img/spinner-mini.gif") center center no-repeat; margin:0 5px; } .elfinder-netmount-tb { margin:0 auto; } .elfinder-netmount-tb select, .elfinder-netmount-tb input { border:1px solid #ccc; } .elfinder-netmount-tb .elfinder-button-icon { cursor: pointer; } button.elfinder-info-button { margin: -3.5px 0; cursor: pointer; } /*********************** UPLOAD DIALOG **************************/ .elfinder-upload-dropbox { display: table-cell; text-align:center; vertical-align: middle; padding:0.5em; border:3px dashed #aaa; width: 9999px; height: 80px; overflow: hidden; word-break: keep-all; } .elfinder-upload-dropbox.ui-state-hover { background:#dfdfdf; border:3px dashed #555; } .elfinder-upload-dialog-or { margin:.3em 0; text-align:center; } .elfinder-upload-dialog-wrapper { text-align:center; } .elfinder-upload-dialog-wrapper .ui-button { position:relative; overflow:hidden; } .elfinder-upload-dialog-wrapper .ui-button form { position:absolute; right:0; top:0; opacity: 0; filter:Alpha(Opacity=0); } .elfinder-upload-dialog-wrapper .ui-button form input { padding:0 20px; font-size:3em; } /* dialog for elFinder itself */ .dialogelfinder .dialogelfinder-drag { border-left:0 solid; border-top:0 solid; border-right:0 solid; font-weight:normal; padding:2px 12px; cursor:move; position:relative; text-align:left; } .elfinder-rtl .dialogelfinder-drag { text-align:right;} .dialogelfinder-drag-close { position: absolute; top:50%; margin-top:-8px; } .elfinder-ltr .dialogelfinder-drag-close { right:12px; } .elfinder-rtl .dialogelfinder-drag-close { left:12px; } /*********************** RM CONFIRM **************************/ .elfinder-rm-title { margin-bottom: .5ex; } .elfinder-rm-title .elfinder-cwd-icon { float:left; width:48px; height:48px; margin-right:1em; } .elfinder-rtl .elfinder-rm-title .elfinder-cwd-icon { float: right; margin-right: 0; margin-left: 1em; } .elfinder-rm-title strong { display: block; /*word-wrap: break-word;*/ white-space: pre-wrap; word-break: normal; overflow: hidden; text-overflow: ellipsis; } .elfinder-rm-title+br { display: none; } /*********************** EDIT DIALOG **************************/ .ui-dialog-titlebar select.elfinder-edit-changed { border-bottom: 1px solid #13ae10; } /* File: /css/fonts.css */ .elfinder-contextmenu .elfinder-contextmenu-item span { font-size:.72em; } .elfinder-cwd-view-icons .elfinder-cwd-filename { font-size:.7em; } .elfinder-cwd-view-list td { font-size:.7em; } .std42-dialog .ui-dialog-titlebar { font-size:.82em; } .std42-dialog .ui-dialog-content { font-size:.72em; } .std42-dialog .ui-dialog-buttonpane { font-size:.76em; } .elfinder-info-tb { font-size:.9em; } .elfinder-upload-dropbox { font-size:1.2em; } .elfinder-upload-dialog-or { font-size:1.2em; } .dialogelfinder .dialogelfinder-drag { font-size:.9em; } .elfinder .elfinder-navbar { font-size:.72em; } .elfinder-place-drag .elfinder-navbar-dir { font-size:.9em;} .elfinder-quicklook-title { font-size:.7em; } .elfinder-quicklook-info-data { font-size:.72em; } .elfinder-quicklook-preview-text-wrapper { font-size:.9em; } .elfinder-button-menu-item { font-size:.72em; } .elfinder-button-search input { font-size:.8em; } .elfinder-statusbar div { font-size:.7em; } .elfinder-drag-num { font-size:12px; } .elfinder-toast { font-size:.76em; } /* File: /css/navbar.css */ /*********************************************/ /* NAVIGATION PANEL */ /*********************************************/ /* container */ .elfinder .elfinder-navbar { width:230px; padding:3px 5px; background-image:none; border-top:0 solid; border-bottom:0 solid; overflow:auto; position:relative; } /* ltr/rtl enviroment */ .elfinder-ltr .elfinder-navbar { float:left; border-left:0 solid; } .elfinder-rtl .elfinder-navbar { float:right; border-right:0 solid; } .elfinder-ltr .ui-resizable-e { margin-left:10px; } /* folders tree container */ .elfinder-tree { display:table; width:100%; margin: 0 0 .5em 0; -webkit-tap-highlight-color:rgba(0,0,0,0); } /* one folder wrapper */ .elfinder-navbar-wrapper, .elfinder-place-wrapper { } /* folder */ .elfinder-navbar-dir { position:relative; display:block; white-space:nowrap; padding:3px 12px; margin: 0; outline:0px solid; border:1px solid transparent; cursor:default; } .elfinder-touch .elfinder-navbar-dir { padding: 12px 12px; } /* ltr/rtl enviroment */ .elfinder-ltr .elfinder-navbar-dir { padding-left:35px; } .elfinder-rtl .elfinder-navbar-dir { padding-right:35px; } /* arrow before icon */ .elfinder-navbar-arrow { width:12px; height:14px; position:absolute; display:none; top:50%; margin-top:-8px; background-image:url("../img/arrows-normal.png"); background-repeat:no-repeat; /* border:1px solid #111;*/ } .elfinder-ltr .elfinder-navbar-arrow { left: 0; } .elfinder-ltr .elfinder-navbar-arrow { right:0; } .elfinder-touch .elfinder-navbar-arrow { zoom: 1.4; -moz-transform-origin: top left; -moz-transform: scale(1.4); margin-bottom: 7px; } .elfinder-ltr.elfinder-touch .elfinder-navbar-arrow { left: -3px; margin-right: 20px; } .elfinder-rtl.elfinder-touch .elfinder-navbar-arrow { right: -3px; margin-left: 20px; } .ui-state-active .elfinder-navbar-arrow { background-image:url("../img/arrows-active.png"); } /* collapsed/expanded arrow view */ .elfinder-navbar-collapsed .elfinder-navbar-arrow { display:block; } /* arrow ltr/rtl enviroment */ .elfinder-ltr .elfinder-navbar-collapsed .elfinder-navbar-arrow { background-position: 0 4px;} .elfinder-rtl .elfinder-navbar-collapsed .elfinder-navbar-arrow { background-position: 0 -10px; } .elfinder-ltr .elfinder-navbar-expanded .elfinder-navbar-arrow, .elfinder-rtl .elfinder-navbar-expanded .elfinder-navbar-arrow { background-position:0 -21px; } /* folder icon */ .elfinder-navbar-icon { width:16px; height:16px; position:absolute; top:50%; margin-top:-8px; background-image:url("../img/toolbar.png"); background-repeat:no-repeat; background-position:0 -16px; } /* ltr/rtl enviroment */ .elfinder-ltr .elfinder-navbar-icon { left:14px; } .elfinder-rtl .elfinder-navbar-icon { right:14px; } /* root folder */ .elfinder-tree .elfinder-navbar-root .elfinder-navbar-icon { background-position:0 0; } .elfinder-places .elfinder-navbar-root .elfinder-navbar-icon { background-position:0 -704px; } /* root icon of each volume */ .elfinder-tree .elfinder-navbar-root-local .elfinder-navbar-icon { background-image:url("../img/volume_icon_local.png"); background-position:0 0; } .elfinder-tree .elfinder-navbar-root-ftp .elfinder-navbar-icon { background-image:url("../img/volume_icon_ftp.png"); background-position:0 0; } .elfinder-tree .elfinder-navbar-root-sql .elfinder-navbar-icon { background-image:url("../img/volume_icon_sql.png"); background-position:0 0; } .elfinder-tree .elfinder-navbar-root-dropbox .elfinder-navbar-icon { background-image:url("../img/volume_icon_dropbox.png"); background-position:0 0; } .elfinder-tree .elfinder-navbar-root-googledrive .elfinder-navbar-icon { background-image:url("../img/volume_icon_googledrive.png"); background-position:0 0; } .elfinder-tree .elfinder-navbar-root-onedrive .elfinder-navbar-icon { background-image:url("../img/volume_icon_onedrive.png"); background-position:0 0; } .elfinder-tree .elfinder-navbar-root-box .elfinder-navbar-icon { background-image:url("../img/volume_icon_box.png"); background-position:0 0; } .elfinder-tree .elfinder-navbar-root-network .elfinder-navbar-icon { background-image:url("../img/toolbar.png"); background-position: 0 -688px; } /* icon in active/hove/dropactive state */ .ui-state-active .elfinder-navbar-icon, .elfinder-droppable-active .elfinder-navbar-icon, .ui-state-hover .elfinder-navbar-icon { background-position:0 -32px; } /* ltr/rtl enviroment */ .elfinder-ltr .elfinder-navbar-subtree { margin-left:12px; } .elfinder-rtl .elfinder-navbar-subtree { margin-right:12px; } /* spinner */ .elfinder-navbar-spinner { width:14px; height:14px; position:absolute; display:block; top:50%; margin-top:-7px; background: url("../img/spinner-mini.gif") center center no-repeat; } /* spinner ltr/rtl enviroment */ .elfinder-ltr .elfinder-navbar-spinner { left:0; margin-left:-2px; } .elfinder-rtl .elfinder-navbar-spinner { right:0; margin-right:-2px; } /* marker */ .elfinder-navbar .elfinder-perms, .elfinder-navbar .elfinder-lock, .elfinder-navbar .elfinder-symlink { opacity: .6; filter:Alpha(Opacity=60); } /* permissions marker */ .elfinder-navbar .elfinder-perms { bottom:-1px; margin-top:-8px; } /* locked marker */ .elfinder-navbar .elfinder-lock { top:-2px; } /* permissions/symlink markers ltr/rtl enviroment */ .elfinder-ltr .elfinder-navbar .elfinder-perms { left: 20px; } .elfinder-rtl .elfinder-navbar .elfinder-perms { right: 20px; } .elfinder-ltr .elfinder-navbar .elfinder-lock { left: 20px; } .elfinder-rtl .elfinder-navbar .elfinder-lock { right: 20px; } .elfinder-ltr .elfinder-navbar .elfinder-symlink { left: 8px; } .elfinder-rtl .elfinder-navbar .elfinder-symlink { right: 8px; } /* navbar input */ .elfinder-navbar input { width:100%; border:0px solid; margin:0; padding:0; } /* resizable */ .elfinder-navbar .ui-resizable-handle { width:12px; background:transparent url('../img/resize.png') center center no-repeat; } .elfinder-nav-handle-icon { position:absolute; top:50%; margin:-8px 2px 0 2px; opacity: .5; filter:Alpha(Opacity=50); } .elfinder-places { border: none; margin: 0; padding: 0; } .elfinder-places.elfinder-droppable-active { /*border:1px solid #8cafed;*/ } /* navbar swipe handle */ .elfinder-navbar-swipe-handle { position: absolute; top: 0px; height: 100%; width: 50px; pointer-events: none; } .elfinder-ltr .elfinder-navbar-swipe-handle { left: 0px; background: linear-gradient(to right, rgba(221,228,235,1) 0, rgba(221,228,235,0.8) 5px, rgba(216,223,230,0.3) 8px, rgba(0,0,0,0.1) 95%, rgba(0,0,0,0) 100%); } .elfinder-rtl .elfinder-navbar-swipe-handle { right: 0px; background: linear-gradient(to left, rgba(221,228,235,1) 0, rgba(221,228,235,0.8) 5px, rgba(216,223,230,0.3) 8px, rgba(0,0,0,0.1) 95%, rgba(0,0,0,0) 100%); } /* File: /css/places.css */ /*********************************************/ /* PLACES STYLES */ /*********************************************/ /* root extra icon */ .elfinder-navbar-root .elfinder-places-root-icon { position: absolute; top: 50%; margin-top: -9px; cursor: pointer; } .elfinder-ltr .elfinder-places-root-icon { right: 10px; } .elfinder-rtl .elfinder-places-root-icon { left: 10px; } .elfinder-navbar-expanded .elfinder-places-root-icon { display: block; } /* dragging helper base */ .elfinder-place-drag { font-size: 0.8em; } /* File: /css/quicklook.css */ /* quicklook window */ .elfinder-quicklook { position:absolute; background:url("../img/quicklook-bg.png"); overflow:hidden; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding:20px 0 40px 0; } .elfinder-quicklook.elfinder-touch { padding:30px 0 40px 0; } .elfinder-quicklook .ui-resizable-se { width:14px; height:14px; right:5px; bottom:3px; background:url("../img/toolbar.png") 0 -496px no-repeat; } .elfinder-quicklook.elfinder-touch .ui-resizable-se { zoom: 1.5; } /* quicklook fullscreen window */ .elfinder-quicklook.elfinder-quicklook-fullscreen { position:fixed; top:0; right:0; bottom:0; left:0; margin:0; box-sizing:border-box; width:100%; height:100%; object-fit:contain; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -webkit-background-clip: padding-box; padding:0; background:#000; display:block; } /* hide titlebar in fullscreen mode */ .elfinder-quicklook-fullscreen .elfinder-quicklook-titlebar, .elfinder-quicklook-fullscreen.elfinder-quicklook .ui-resizable-handle { display:none; } /* hide preview border in fullscreen mode */ .elfinder-quicklook-fullscreen .elfinder-quicklook-preview { border:0 solid ;} /*.elfinder-quicklook-fullscreen iframe { height: 100%; }*/ .elfinder-quicklook-cover { width: 100%; height: 100%; top: 0; left: 0; position: absolute; } /* quicklook titlebar */ .elfinder-quicklook-titlebar { text-align:center; background:#777; position:absolute; left:0; top:0; width:100%; height:20px; -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px; border-top-right-radius: 7px; cursor:move; } .elfinder-touch .elfinder-quicklook-titlebar { height: 30px; } /* window title */ .elfinder-quicklook-title { color:#fff; white-space:nowrap; overflow:hidden; padding:2px 0; } .elfinder-touch .elfinder-quicklook-title { padding: 8px 0; } /* icon "close" in titlebar */ .elfinder-quicklook-titlebar .ui-icon { position:absolute; left : 4px; top:50%; margin-top:-8px; width:16px; height:16px; cursor:default; } .elfinder-touch .elfinder-quicklook-titlebar .ui-icon { zoom: 1.5; } /* main part of quicklook window */ .elfinder-quicklook-preview { overflow: hidden; position:relative; border:0 solid; border-left:1px solid transparent; border-right:1px solid transparent; height:100%; } .elfinder-quicklook-preview.elfinder-overflow-auto { overflow: auto; -webkit-overflow-scrolling: touch; } /* wrapper for file info/icon */ .elfinder-quicklook-info-wrapper { position:absolute; width:100%; left:0; top:50%; margin-top:-50px; } /* file info */ .elfinder-quicklook-info { padding: 0 12px 0 112px; } /* file name in info */ .elfinder-quicklook-info .elfinder-quicklook-info-data:first-child { color:#fff; font-weight:bold; padding-bottom:.5em; } /* other data in info */ .elfinder-quicklook-info-data { padding-bottom:.2em; color:#fff; } /* file icon */ .elfinder-quicklook .elfinder-cwd-icon { position:absolute; left:32px; top:50%; margin-top:-20px; } /* image in preview */ .elfinder-quicklook-preview img { display:block; margin:0 auto; } /* navigation bar on quicklook window bottom */ .elfinder-quicklook-navbar { position:absolute; left:50%; bottom:4px; width:140px; height:32px; padding:0px; margin-left:-70px; border:1px solid transparent; border-radius:19px; -moz-border-radius:19px; -webkit-border-radius:19px; } /* navigation bar in fullscreen mode */ .elfinder-quicklook-fullscreen .elfinder-quicklook-navbar { width:188px; margin-left:-94px; padding:5px; border:1px solid #eee; background:#000; opacity: 0.4; filter: Alpha(Opacity=40); } /* show close icon in fullscreen mode */ .elfinder-quicklook-fullscreen .elfinder-quicklook-navbar-icon-close, .elfinder-quicklook-fullscreen .elfinder-quicklook-navbar-separator { display:inline; } /* icons in navbar */ .elfinder-quicklook-navbar-icon { width:32px; height:32px; margin:0 7px; float:left; background:url("../img/quicklook-icons.png") 0 0 no-repeat; } /* fullscreen icon */ .elfinder-quicklook-navbar-icon-fullscreen { background-position:0 -64px; } /* exit fullscreen icon */ .elfinder-quicklook-navbar-icon-fullscreen-off { background-position:0 -96px; } /* prev file icon */ .elfinder-quicklook-navbar-icon-prev { background-position:0 0; } /* next file icon */ .elfinder-quicklook-navbar-icon-next { background-position:0 -32px; } /* close icon */ .elfinder-quicklook-navbar-icon-close { background-position:0 -128px; display:none; } /* icons separator */ .elfinder-quicklook-navbar-separator { width:1px; height:32px; float:left; border-left:1px solid #fff; display:none; } /* text files preview wrapper */ .elfinder-quicklook-preview-text-wrapper { width: 100%; height:100%; background:#fff; color:#222; overflow:auto; -webkit-overflow-scrolling: touch; } /* archive files preview wrapper */ .elfinder-quicklook-preview-archive-wrapper { width: 100%; height:100%; background:#fff; color:#222; font-size: 1.5ex; overflow:auto; -webkit-overflow-scrolling: touch } /* archive files preview header */ .elfinder-quicklook-preview-archive-wrapper strong { padding: 0 5px; } /* text preview */ pre.elfinder-quicklook-preview-text { width: auto; height: auto; margin:0; padding:3px 9px; border: none; } /* html/pdf preview */ .elfinder-quicklook-preview-html, .elfinder-quicklook-preview-pdf, .elfinder-quicklook-preview-iframe { width:100%; height:100%; background:#fff; margin:0; border: none; display: block; } /* swf preview container */ .elfinder-quicklook-preview-flash { width:100%; height:100%; } /* audio preview container */ .elfinder-quicklook-preview-audio { width:100%; position:absolute; bottom:0; left:0; } /* audio preview using embed */ embed.elfinder-quicklook-preview-audio { height:30px; background:transparent; } /* video preview container */ .elfinder-quicklook-preview-video { width:100%; height:100%; } /* allow user select */ .elfinder .elfinder-quicklook .elfinder-quicklook-info *, .elfinder .elfinder-quicklook .elfinder-quicklook-preview * { -webkit-user-select: auto; -moz-user-select: text; -khtml-user-select: text; user-select: text; } /* File: /css/statusbar.css */ /******************************************************************/ /* STATUSBAR STYLES */ /******************************************************************/ /* statusbar container */ .elfinder-statusbar { text-align:center; font-weight:normal; padding:.2em .5em; border-right:0 solid transparent; border-bottom:0 solid transparent; border-left:0 solid transparent; } .elfinder-statusbar span { cursor: pointer; /*display: inline-block;*/ vertical-align: bottom; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ".."; -o-text-overflow: ".."; } .elfinder-statusbar span.ui-state-hover, .elfinder-statusbar span.ui-state-active { border: none; } .elfinder-statusbar span.elfinder-path-cwd { cursor: default; } /* path in statusbar */ .elfinder-path { max-width:30%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; } .elfinder-ltr .elfinder-path { float:left; } .elfinder-rtl .elfinder-path { float:right; } /* path in workzone (case of swipe to navbar close) */ .elfinder-workzone-path { position: relative; } .elfinder-workzone-path .elfinder-path { position: relative; font-size: .75em; font-weight: normal; float: none; max-width: none; overflow-x: scroll; text-overflow: initial; -o-text-overflow: initial; } .elfinder-ltr .elfinder-workzone-path .elfinder-path { margin-left: 24px; } .elfinder-rtl .elfinder-workzone-path .elfinder-path { margin-right: 24px; } .elfinder-workzone-path .elfinder-path span { display: inline-block; padding: 5px 3px; } .elfinder-workzone-path .elfinder-path span.elfinder-path-cwd { font-weight: bold; } .elfinder-workzone-path .elfinder-path span.ui-state-hover, .elfinder-workzone-path .elfinder-path span.ui-state-active { border: none; } .elfinder-workzone-path .elfinder-path-roots { position: absolute; top: 0; width: 24px; height: 20px; padding: 2px; border: none; overflow: hidden; } .elfinder-ltr .elfinder-workzone-path .elfinder-path-roots { left: 0; } .elfinder-rtl .elfinder-workzone-path .elfinder-path-roots { right: 0; } /* total/selected size in statusbar */ .elfinder-stat-size { white-space:nowrap; } .elfinder-ltr .elfinder-stat-size { float:right; } .elfinder-rtl .elfinder-stat-size { float:left; } .elfinder-stat-selected { white-space:nowrap; overflow:hidden; } /* File: /css/toast.css */ /* * CSS for Toastr * Copyright 2012-2015 * Authors: John Papa, Hans Fjällemark, and Tim Ferrell. * All Rights Reserved. * Use, reproduction, distribution, and modification of this code is subject to the terms and * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php * * ARIA Support: Greta Krafsig * * Project: https://github.com/CodeSeven/toastr */ .elfinder .elfinder-toast { position: absolute; top: 12px; right: 12px; max-width: 90%; cursor: default; } .elfinder .elfinder-toast > div { position: relative; pointer-events: auto; overflow: hidden; margin: 0 0 6px; padding: 8px 16px 8px 50px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999999; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #FFFFFF; opacity: 0.9; filter: alpha(opacity=90); background-color: #030303; text-align: center; } .elfinder .elfinder-toast > .toast-info { background-color: #2F96B4; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } .elfinder .elfinder-toast > .toast-error { background-color: #BD362F; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } .elfinder .elfinder-toast > .toast-success { background-color: #51A351; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } .elfinder .elfinder-toast > .toast-warning { background-color: #F89406; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } .elfinder .elfinder-toast > div button.ui-button { background-image: none; margin-top: 8px; padding: .5em .8em; } .elfinder .elfinder-toast > .toast-success button.ui-button { background-color: green; color: #FFF; } .elfinder .elfinder-toast > .toast-success button.ui-button.ui-state-hover { background-color: #add6ad; color: #254b25; } /* File: /css/toolbar.css */ /*********************************************/ /* TOOLBAR STYLES */ /*********************************************/ /* toolbar container */ .elfinder-toolbar { padding:4px 0 3px 0; border-left:0 solid transparent; border-top:0 solid transparent; border-right:0 solid transparent; } /* container for button's group */ .elfinder-buttonset { margin: 1px 4px; float:left; background:transparent; padding:0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /*.elfinder-buttonset:first-child { margin:0; }*/ /* button */ .elfinder .elfinder-button { /*width:16px;*/ height:16px; margin:0; padding:4px; float:left; overflow:hidden; position:relative; border:0 solid; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; line-height: 1; cursor: default; } .elfinder-touch .elfinder-button { /*width:20px;*/ height:20px; } .elfinder .ui-icon-search { cursor:pointer;} .elfinder-button:first-child { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .elfinder-button:last-child { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* separator between buttons, required for berder between button with ui color */ .elfinder-toolbar-button-separator { float:left; padding:0; height:24px; border-top:0 solid; border-right:0 solid; border-bottom:0 solid; width:0; } .elfinder-touch .elfinder-toolbar-button-separator { height:20px; } /* change icon opacity^ not button */ .elfinder .elfinder-button.ui-state-disabled { opacity:1; filter:Alpha(Opacity=100);} .elfinder .elfinder-button.ui-state-disabled .elfinder-button-icon, .elfinder .elfinder-button.ui-state-disabled .elfinder-button-text { opacity:.4; filter:Alpha(Opacity=40);} /* rtl enviroment */ .elfinder-rtl .elfinder-buttonset { float:right; } /* icon inside button */ .elfinder-button-icon { width:16px; height:16px; /*display:block;*/ display:inline-block; background:url('../img/toolbar.png') no-repeat; } .elfinder-button-text { position: relative; display: inline-block; top: -4px; margin: 0 2px; font-size: 12px; } .elfinder-touch .elfinder-button-icon { zoom: 1.25; -moz-transform-origin: top left; -moz-transform: scale(1.25); } .elfinder-touch .elfinder-button-text { top: -5px; } /* buttons icons */ .elfinder-button-icon-home { background-position: 0 0; } .elfinder-button-icon-back { background-position: 0 -112px; } .elfinder-button-icon-forward { background-position: 0 -128px; } .elfinder-button-icon-up { background-position: 0 -144px; } .elfinder-button-icon-dir { background-position: 0 -16px; } .elfinder-button-icon-opendir { background-position: 0 -32px; } .elfinder-button-icon-reload { background-position: 0 -160px; } .elfinder-button-icon-open { background-position: 0 -176px; } .elfinder-button-icon-mkdir { background-position: 0 -192px; } .elfinder-button-icon-mkfile { background-position: 0 -208px; } .elfinder-button-icon-rm { background-position: 0 -224px; } .elfinder-button-icon-copy { background-position: 0 -240px; } .elfinder-button-icon-cut { background-position: 0 -256px; } .elfinder-button-icon-paste { background-position: 0 -272px; } .elfinder-button-icon-getfile { background-position: 0 -288px; } .elfinder-button-icon-duplicate { background-position: 0 -304px; } .elfinder-button-icon-rename { background-position: 0 -320px; } .elfinder-button-icon-edit { background-position: 0 -336px; } .elfinder-button-icon-quicklook { background-position: 0 -352px; } .elfinder-button-icon-upload { background-position: 0 -368px; } .elfinder-button-icon-download { background-position: 0 -384px; } .elfinder-button-icon-info { background-position: 0 -400px; } .elfinder-button-icon-extract { background-position: 0 -416px; } .elfinder-button-icon-archive { background-position: 0 -432px; } .elfinder-button-icon-view { background-position: 0 -448px; } .elfinder-button-icon-view-list { background-position: 0 -464px; } .elfinder-button-icon-help { background-position: 0 -480px; } .elfinder-button-icon-resize { background-position: 0 -512px; } .elfinder-button-icon-link { background-position: 0 -528px; } .elfinder-button-icon-search { background-position: 0 -561px; } .elfinder-button-icon-sort { background-position: 0 -577px; } .elfinder-button-icon-rotate-r { background-position: 0 -625px; } .elfinder-button-icon-rotate-l { background-position: 0 -641px; } .elfinder-button-icon-netmount { background-position: 0 -688px; } .elfinder-button-icon-netunmount { background-position: 0 -96px; } .elfinder-button-icon-places { background-position: 0 -704px; } .elfinder-button-icon-chmod { background-position: 0 -48px; } .elfinder-button-icon-accept { background-position: 0 -736px; } .elfinder-button-icon-opendir { background-position: 0 -32px; } .elfinder-button-icon-menu { background-position: 0 -752px; } .elfinder-button-icon-colwidth { background-position: 0 -768px; } .elfinder-button-icon-fullscreen { background-position: 0 -784px; } .elfinder-button-icon-unfullscreen{ background-position: 0 -800px; } /* button with dropdown menu*/ .elfinder .elfinder-menubutton { overflow:visible; } /* button with spinner icon */ .elfinder-button-icon-spinner { background: url("../img/spinner-mini.gif") center center no-repeat; } /* menu */ .elfinder-button-menu { position:absolute; left:0; top:25px; padding:3px 0; } .elfinder-touch .elfinder-button-menu { top:35px; } /* menu item */ .elfinder-button-menu-item { white-space:nowrap; cursor:default; padding:5px 19px; position:relative; } .elfinder-touch .elfinder-button-menu-item { padding: 12px 19px } /* fix hover ui class */ .elfinder-button-menu .ui-state-hover { border:0 solid; } .elfinder-button-menu-item-separated { border-top:1px solid #ccc; } .elfinder-button-menu-item .ui-icon { width:16px; height:16px; position:absolute; left:2px; top:50%; margin-top:-8px; display:none; } .elfinder-button-menu-item-selected .ui-icon { display:block; } .elfinder-button-menu-item-selected-asc .ui-icon-arrowthick-1-s { display:none; } .elfinder-button-menu-item-selected-desc .ui-icon-arrowthick-1-n { display:none; } /* hack for upload button */ .elfinder-button form { position:absolute; top:0; right:0; opacity: 0; filter:Alpha(Opacity=0); cursor: pointer; } .elfinder .elfinder-button form input { background:transparent; cursor: default;} /* search "button" */ .elfinder .elfinder-button-search { border:0 solid; background:transparent; padding:0; margin: 1px 4px; height: auto; min-height: 26px; float:right; width:202px; overflow: visible; } .elfinder .elfinder-button-search .elfinder-button-menu { font-size: 8pt; text-align: center; width: 100%; overflow: hidden; } .elfinder .elfinder-button-search .elfinder-button-menu div { margin-left: auto; margin-right: auto; margin-bottom: 5px; } .elfinder .elfinder-button-search .elfinder-button-menu div .ui-state-hover { border: 1px solid; } /* ltr/rte enviroment */ .elfinder-ltr .elfinder-button-search { float:right; margin-right:10px; } .elfinder-rtl .elfinder-button-search { float:left; margin-left:10px; } /* search text field */ .elfinder-button-search input { width:160px; height:22px; padding:0 20px; line-height: 22px; border:0 solid; border:1px solid #aaa; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; outline:0px solid; } .elfinder-button-search input::-ms-clear { display: none; } .elfinder-touch .elfinder-button-search input { height:28px; line-height: 28px; } .elfinder-rtl .elfinder-button-search input { direction:rtl; } /* icons */ .elfinder-button-search .ui-icon { position:absolute; height:18px; top: 50%; margin:-8px 4px 0 4px; opacity: .6; filter:Alpha(Opacity=60); } .elfinder-button-search .ui-checkboxradio-icon { display: none; } /* search/close icons */ .elfinder-ltr .elfinder-button-search .ui-icon-search { left:0;} .elfinder-rtl .elfinder-button-search .ui-icon-search { right:0;} .elfinder-ltr .elfinder-button-search .ui-icon-close { right:0;} .elfinder-rtl .elfinder-button-search .ui-icon-close { left:0;} /* toolbar swipe handle */ .elfinder-toolbar-swipe-handle { position: absolute; top: 0px; left: 0px; height: 50px; width: 100%; pointer-events: none; background: linear-gradient(to bottom, rgba(221,228,235,1) 0, rgba(221,228,235,0.8) 2px, rgba(216,223,230,0.3) 5px, rgba(0,0,0,0.1) 95%, rgba(0,0,0,0) 100%); }