312 lines
6.7 KiB
CSS
312 lines
6.7 KiB
CSS
/*********************************************/
|
|
/* COMMON ELFINDER STUFFS */
|
|
/*********************************************/
|
|
|
|
/* for old jQuery UI */
|
|
@font-face {
|
|
font-family: 'Noto Sans';
|
|
src: url('./../fonts/notosans/NotoSans-Regular.eot');
|
|
src: url('./../fonts/notosans/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
|
|
url('./../fonts/notosans/NotoSans-Regular.woff2') format('woff2'),
|
|
url('./../fonts/notosans/NotoSans-Regular.woff') format('woff'),
|
|
url('./../fonts/notosans/NotoSans-Regular.ttf') format('truetype');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
.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-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;
|
|
}
|
|
|
|
/* Word Break Pop*/
|
|
.ui-dialog.elfinder-dialog-info .elfinder-info-title .elfinder-cwd-icon + strong{ float: left; width: calc(100% - 65px); word-break: break-all; display: block; }
|
|
.ui-dialog.elfinder-dialog-info .elfinder-info-tb .elfinder-info-path,
|
|
.ui-dialog.elfinder-dialog-info .elfinder-info-tb .elfinder-info-link{
|
|
word-break: break-all;
|
|
}
|
|
|
|
/*for default theme css*/
|
|
.wrap.wp-filemanager-wrap .ui-front.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.std42-dialog .ui-dialog-content.ui-widget-content .ui-helper-clearfix.elfinder-rm-title span.elfinder-cwd-icon:before {
|
|
left: 0;
|
|
top: 6px;
|
|
}
|