/******************************************************************/
/******************************************************************/
/********************** COMMAND "RESIZE" ****************************/
.elfinder-resize-container {
.elfinder-resize-control {
.elfinder-resize-control input[type=number] {
.elfinder-mobile .elfinder-resize-control input[type=number] {
.elfinder-resize-control input.elfinder-resize-bg {
.elfinder-dialog-resize .elfinder-resize-control-panel {
.elfinder-dialog-resize .elfinder-resize-imgrotate,
.elfinder-dialog-resize .elfinder-resize-pallet {
.elfinder-dialog-resize .elfinder-resize-picking {
.elfinder-dialog-resize .elfinder-resize-grid8 + button {
.elfinder-resize-preview {
.elfinder-resize-handle {
.elfinder-resize-handle-hline,
.elfinder-resize-handle-vline {
background-image: url("../img/crop.gif");
.elfinder-resize-handle-hline {
background-repeat: repeat-x;
.elfinder-resize-handle-vline {
background-repeat: repeat-y;
.elfinder-resize-handle-hline-top {
.elfinder-resize-handle-hline-bottom {
.elfinder-resize-handle-vline-left {
.elfinder-resize-handle-vline-right {
.elfinder-resize-handle-point {
.elfinder-resize-handle-point-n {
.elfinder-resize-handle-point-ne {
.elfinder-resize-handle-point-e {
.elfinder-resize-handle-point-se {
.elfinder-resize-handle-point-s {
.elfinder-resize-handle-point-sw {
.elfinder-resize-handle-point-w {
.elfinder-resize-handle-point-nw {
.elfinder-dialog.elfinder-dialog-resize .ui-resizable-e {
.elfinder-dialog.elfinder-dialog-resize .ui-resizable-s {
.elfinder-resize-loading {
background: url(../img/progress.gif) center bottom repeat-x;
.elfinder-resize-checkbox-label {
border: 1px solid transparent;
.elfinder-dialog-resize .elfinder-resize-whctrls {
.elfinder-ltr .elfinder-dialog-resize .elfinder-resize-whctrls {
.elfinder-rtl .elfinder-dialog-resize .elfinder-resize-whctrls {
.elfinder-dialog-resize .ui-resizable-e,
.elfinder-dialog-resize .ui-resizable-w {
.elfinder-dialog-resize .ui-resizable-s,
.elfinder-dialog-resize .ui-resizable-n {
.elfinder-dialog-resize .ui-resizable-e {
.elfinder-dialog-resize .ui-resizable-w {
.elfinder-dialog-resize .ui-resizable-s {
.elfinder-dialog-resize .ui-resizable-n {
.elfinder-dialog-resize .ui-resizable-se,
.elfinder-dialog-resize .ui-resizable-sw,
.elfinder-dialog-resize .ui-resizable-ne,
.elfinder-dialog-resize .ui-resizable-nw {
.elfinder-dialog-resize .ui-resizable-se {
.elfinder-dialog-resize .ui-resizable-sw {
.elfinder-dialog-resize .ui-resizable-ne {
.elfinder-dialog-resize .ui-resizable-nw {
.elfinder-touch .elfinder-dialog-resize .ui-resizable-s,
.elfinder-touch .elfinder-dialog-resize .ui-resizable-n {
.elfinder-touch .elfinder-dialog-resize .ui-resizable-e,
.elfinder-touch .elfinder-dialog-resize .ui-resizable-w {
.elfinder-touch .elfinder-dialog-resize .ui-resizable-se,
.elfinder-touch .elfinder-dialog-resize .ui-resizable-sw,
.elfinder-touch .elfinder-dialog-resize .ui-resizable-ne,
.elfinder-touch .elfinder-dialog-resize .ui-resizable-nw {
.elfinder-touch .elfinder-dialog-resize .elfinder-resize-preview .ui-resizable-se {
.elfinder-dialog-resize .ui-icon-grip-solid-vertical {
.elfinder-dialog-resize .ui-icon-grip-solid-horizontal {
.elfinder-dialog-resize .elfinder-resize-row .ui-buttonset {
.elfinder-dialog-resize .elfinder-resize-degree input,
.elfinder-dialog-resize input.elfinder-resize-quality {
.elfinder-mobile .elfinder-dialog-resize .elfinder-resize-degree input,
.elfinder-mobile .elfinder-dialog-resize input.elfinder-resize-quality {
.elfinder-dialog-resize .elfinder-resize-degree button.ui-button {
.elfinder-dialog-resize button.ui-button span {
.elfinder-dialog-resize .elfinder-resize-jpgsize {
.ui-widget-content .elfinder-resize-container .elfinder-resize-rotate-slider {
background-color: #fafafa;
.elfinder-dialog-resize .elfinder-resize-type span.ui-checkboxradio-icon {
.elfinder-resize-preset-container {
/********************** COMMAND "EDIT" ****************************/
/* edit text file textarea */
.elfinder-touch .elfinder-file-edit {
.elfinder-dialog-edit .ui-dialog-content.elfinder-edit-editor {
.elfinder-dialog-edit .ui-dialog-content.elfinder-edit-editor .elfinder-edit-imageeditor {
.elfinder-dialog-edit .ui-dialog-content.elfinder-edit-editor .elfinder-edit-imageeditor * {
-webkit-user-select: none;
-khtml-user-select: none;
.elfinder-edit-imageeditor .tui-image-editor-main-container .tui-image-editor-main {
.elfinder-edit-imageeditor .tui-image-editor-main-container .tui-image-editor-header {
.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-crop .tui-image-editor-wrap,
.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-flip .tui-image-editor-wrap,
.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-rotate .tui-image-editor-wrap,
.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-draw .tui-image-editor-wrap,
.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-shape .tui-image-editor-wrap,
.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-icon .tui-image-editor-wrap,
.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-text .tui-image-editor-wrap,
.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-mask .tui-image-editor-wrap,
.elfinder-edit-imageeditor .tui-image-editor-main.tui-image-editor-menu-filter .tui-image-editor-wrap {
height: calc(100% - 150px);
/* bottom margen for softkeyboard on fullscreen mode */
.elfinder-touch.elfinder-fullscreen-native textarea.elfinder-file-edit {
.elfinder-dialog-edit .ui-dialog-buttonpane .elfinder-dialog-confirm-encoding {
.ui-dialog-buttonpane .ui-dialog-buttonset.elfinder-edit-extras {
.ui-dialog-buttonpane .ui-dialog-buttonset.elfinder-edit-extras-quality {
.ui-dialog-buttonpane .ui-dialog-buttonset.elfinder-edit-extras select {
.elfinder-dialog-edit .ui-dialog-buttonpane .ui-icon {
.elfinder-dialog-edit .elfinder-edit-spinner .elfinder-spinner,
.elfinder-dialog-edit .elfinder-edit-spinner .elfinder-spinner-text {
.elfinder-dialog-edit .elfinder-toast > div {
.elfinder-edit-onlineconvert-button {
.elfinder-edit-onlineconvert-button button,
.elfinder-edit-onlineconvert-bottom-btn button {
.elfinder-edit-onlineconvert-bottom-btn button.elfinder-button-ios-multiline {
-webkit-appearance: none;
background-image: -webkit-linear-gradient(top, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
background-image: linear-gradient(to bottom, hsl(0,0%,98%) 0%,hsl(0,0%,77%) 100%);
.elfinder-edit-onlineconvert-button .elfinder-button-icon {
.elfinder-edit-onlineconvert-bottom-btn {
.elfinder-edit-onlineconvert-link {
.elfinder-edit-onlineconvert-link .elfinder-button-icon {
background-image: url("../img/editor-icons.png");
background-repeat: no-repeat;
background-position: 0 -144px;