Initial add
This commit is contained in:
@@ -0,0 +1,46 @@
|
||||
# Stylesheets
|
||||
All CSS for your theme will be located here.
|
||||
|
||||
The `theme.css` file is the focal point for loading the styles. These could all have been in one file, but have been split up for the sake of more easily structuring and maintaining the codebase.
|
||||
|
||||
* **reset.css** : resets background and border of all elfinder elements so that you can skin from scratch without manually positioning the main elements yourself
|
||||
* **main.css** : main UI elements (wrapper for the main elfinder div, global styles, etc..)
|
||||
* **icons.css** : icons across the UI (e.g. file associations)
|
||||
* **toolbar.css** : toolbar at the top of the elfinder container. Contains toolbar buttons and searchbar
|
||||
* **navbar.css** : directory navigation on the left-hand panel
|
||||
* **view-list.css** : defines the list view
|
||||
* **view-thumbnail.css** : defines the thumbnail/tile view
|
||||
* **contextmenu.css** : context menu shown when right-clicking on in the list/thumbnail view or navbar
|
||||
* **dialog.css** : information dialogs/modal windows
|
||||
* **statusbar.css** : footer; contains information about directory and currently selected files
|
||||
|
||||
Note that many of the styles have a large degree of selectivity. E.g:
|
||||
|
||||
```css
|
||||
.elfinder .elfinder-navbar .elfinder-navbar-dir.ui-state-active:hover { /* */ }
|
||||
```
|
||||
|
||||
This is to minimize the need for using `!important` flags to override the existing styles (particularly with respect to jQuery UI's CSS).
|
||||
|
||||
## Tips
|
||||
* Use the `reset.css` style to reset the styles that you need to. Comment out selectors that you wish to remain untouched.
|
||||
* If you need to reset a style outside of `reset.css`, the following normally suffices:
|
||||
|
||||
```css
|
||||
background: none;
|
||||
border: none;
|
||||
```
|
||||
* If you want to change the icons in a particular container, it is best to reset the icon's style from a general selector, then style each individual icon separately. For example:
|
||||
|
||||
```css
|
||||
/* All toolbar icons */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon {
|
||||
/* reset the style and set properties common to all toolbar icons */
|
||||
}
|
||||
|
||||
/* mkfile toolbar icon */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-mkfile {
|
||||
/* styles specific to the mkfile button (e.g. background-position) */
|
||||
}
|
||||
```
|
||||
* Some styles have their `text-indent` property set to `-9999px` to keep the text out of view. If after styling you can't see the text (and you need to), change the `text-indent` property
|
||||
@@ -0,0 +1,43 @@
|
||||
/* contextmenu.css */
|
||||
/* **Note** that the context menu is NOT inside the main elfinder div */
|
||||
/* Context menu wrapper */
|
||||
.elfinder-contextmenu,
|
||||
.elfinder-contextmenu-sub,
|
||||
.elfinder-button-menu {
|
||||
font-size: 16px;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
background: #fff!important;
|
||||
border: 1px solid #b5b5b5!important;
|
||||
box-shadow: 0 0 5px #cdcdcd!important;
|
||||
border-radius: 0;
|
||||
padding: 3px 3px 0 3px;
|
||||
}
|
||||
|
||||
/* Menu item */
|
||||
.elfinder-contextmenu .elfinder-contextmenu-item,
|
||||
.elfinder-button-menu .elfinder-button-menu-item {
|
||||
margin: 0 0 3px 0;
|
||||
}
|
||||
|
||||
/* Hovered menu item */
|
||||
.elfinder-contextmenu .elfinder-contextmenu-item:hover,
|
||||
.elfinder-button-menu .elfinder-button-menu-item:hover {
|
||||
background: #dedddc;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/* Item icon */
|
||||
.elfinder-contextmenu .elfinder-contextmenu-item .elfinder-contextmenu-icon {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Separator */
|
||||
.elfinder-contextmenu .elfinder-contextmenu-separator {
|
||||
background: #e2e3e4;
|
||||
height: 1px;
|
||||
margin: 1px;
|
||||
}
|
||||
|
||||
.elfinder-contextmenu .elfinder-button-icon-open + span {
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -0,0 +1,124 @@
|
||||
/* dialog.css */
|
||||
/* Dialog wrapper */
|
||||
.elfinder .elfinder-dialog {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Dialog title */
|
||||
.elfinder .elfinder-dialog .ui-dialog-titlebar {
|
||||
padding: 3px 0 3px 6px;
|
||||
height: 30px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Close button */
|
||||
.elfinder .elfinder-dialog .ui-dialog-titlebar-close {
|
||||
background: url('../images/close.png');
|
||||
right: 0;
|
||||
border-radius: 0;
|
||||
margin-top: -15px;
|
||||
webkit-transition: background 0.3s; /* Safari */
|
||||
transition: background-image 0.3s;
|
||||
height: 29px;
|
||||
width: 45px;
|
||||
}
|
||||
|
||||
.elfinder .elfinder-dialog .ui-dialog-titlebar-close:hover {
|
||||
background: url('../images/close-hover.png');
|
||||
}
|
||||
.std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button.elfinder-titlebar-button-right {
|
||||
left: 1px;
|
||||
top: 12px;
|
||||
}
|
||||
/* Dialog content */
|
||||
.elfinder .elfinder-dialog .ui-dialog-content {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Tabs */
|
||||
/* Tabs wrapper */
|
||||
.elfinder .elfinder-dialog .ui-tabs-nav {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Normal tab */
|
||||
.elfinder .elfinder-dialog .ui-tabs-nav .ui-state-default {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Current tab */
|
||||
.elfinder .elfinder-dialog .ui-tabs-nav .ui-tabs-selected {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Active tab */
|
||||
.elfinder .elfinder-dialog .ui-tabs-nav li:active {
|
||||
/* */
|
||||
}
|
||||
.elfinder .ui-state-active {
|
||||
background: #1979CA none repeat scroll 0 0;
|
||||
/*background: #009688 none repeat scroll 0 0; */
|
||||
}
|
||||
/* Icons */
|
||||
/* Dialog icon (e.g. for error messages) */
|
||||
.elfinder .elfinder-dialog .elfinder-dialog-icon {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Error icon */
|
||||
.elfinder .elfinder-dialog .elfinder-dialog-icon-error {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Confirmation icon */
|
||||
.elfinder .elfinder-dialog .elfinder-dialog-icon-confirm {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.elfinder .elfinder-dialog .ui-dialog-buttonpane {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Buttonset (wrapper) */
|
||||
.elfinder .elfinder-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Button */
|
||||
.elfinder .elfinder-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Styling specific types of dialogs */
|
||||
/* Error */
|
||||
.elfinder .elfinder-dialog-error {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Confirm */
|
||||
.elfinder .elfinder-dialog-confirm {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* File editing */
|
||||
.elfinder .elfinder-dialog .elfinder-file-edit {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* File information */
|
||||
/* Title */
|
||||
.elfinder .elfinder-dialog .elfinder-info-title {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Table */
|
||||
.elfinder .elfinder-dialog .elfinder-info-tb {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* File upload (including dropbox) */
|
||||
.elfinder .elfinder-dialog .elfinder-upload-dropbox,
|
||||
.elfinder .elfinder-dialog .elfinder-upload-dialog-or {
|
||||
/* */
|
||||
}
|
||||
@@ -0,0 +1,101 @@
|
||||
/* icons.css */
|
||||
|
||||
/* These are shown thoughought the UI, not just in the list/thumbnail view */
|
||||
/* General icon settings (in main view panel) */
|
||||
.elfinder-cwd-icon {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* If you are using CSS sprites for your icons, set the background position
|
||||
in each of the below styles */
|
||||
/* Directory */
|
||||
.elfinder-cwd-icon-directory {
|
||||
background-color: transparent;
|
||||
background-image: url('../images/16px/directory.png') !important;
|
||||
background-position: center center;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
/* Empty file */
|
||||
.elfinder-cwd-icon-x-empty,
|
||||
.elfinder-cwd-icon-inode {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* (Rich) Text */
|
||||
.elfinder-cwd-icon-text,
|
||||
.elfinder-cwd-icon-rtf,
|
||||
.elfinder-cwd-icon-rtfd {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* PDF */
|
||||
.elfinder-cwd-icon-pdf {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Microsoft Word */
|
||||
.elfinder-cwd-icon-vnd-ms-word {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Microsoft PowerPoint */
|
||||
.elfinder-cwd-icon-vnd-ms-powerpoint {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Microsoft Excel */
|
||||
.elfinder-cwd-icon-ms-excel,
|
||||
.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 {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Audio */
|
||||
.elfinder-cwd-icon-audio {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Video */
|
||||
.elfinder-cwd-icon-video,
|
||||
.elfinder-cwd-icon-flash-video {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Archives */
|
||||
.elfinder-cwd-icon-zip,
|
||||
.elfinder-cwd-icon-x-zip,
|
||||
.elfinder-cwd-icon-x-xz,
|
||||
.elfinder-cwd-icon-x-7z-compressed,
|
||||
.elfinder-cwd-icon-x-gzip,
|
||||
.elfinder-cwd-icon-x-tar,
|
||||
.elfinder-cwd-icon-x-bzip,
|
||||
.elfinder-cwd-icon-x-bzip2,
|
||||
.elfinder-cwd-icon-x-rar {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Code/Scripts */
|
||||
.elfinder-cwd-icon-javascript,
|
||||
.elfinder-cwd-icon-x-javascript,
|
||||
.elfinder-cwd-icon-x-perl,
|
||||
.elfinder-cwd-icon-x-python,
|
||||
.elfinder-cwd-icon-x-ruby,
|
||||
.elfinder-cwd-icon-x-sh,
|
||||
.elfinder-cwd-icon-x-shellscript,
|
||||
.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,
|
||||
.elfinder-cwd-icon-x-php,
|
||||
.elfinder-cwd-icon-xml {
|
||||
/* */
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
/* main.css */
|
||||
/* Container div for elFinder */
|
||||
.elfinder,
|
||||
.elfinder .elfinder-dialog,
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-menu {
|
||||
background: #fff;
|
||||
border: 1px solid #69bcee;
|
||||
box-shadow: 0 0 5px #cdcdcd;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* Override styles in child elements of elFinder div */
|
||||
/* Use for consistently setting text sizes and overriding general jQuery UI styles */
|
||||
.elfinder * {
|
||||
color: #000;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
|
||||
/* Resizer */
|
||||
/* Used if elFinder is resizable and on dialogs */
|
||||
.elfinder .ui-icon-gripsmall-diagonal-se,
|
||||
.elfinder-dialog .ui-icon-gripsmall-diagonal-se {
|
||||
/* */
|
||||
}
|
||||
@@ -0,0 +1,72 @@
|
||||
/* navbar.css */
|
||||
/* Main wrapper for navbar */
|
||||
.elfinder .elfinder-navbar {
|
||||
border-right: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
/* Directories */
|
||||
.elfinder .elfinder-navbar .elfinder-navbar-dir {
|
||||
color: #000;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* Hovered directory */
|
||||
.elfinder .elfinder-navbar .elfinder-navbar-dir:hover {
|
||||
background: #e5f3ff;
|
||||
}
|
||||
|
||||
/* Current/active directory (cwd) */
|
||||
.elfinder .elfinder-navbar .elfinder-navbar-dir.ui-state-active {
|
||||
background: #cce8ff;
|
||||
border: 1px solid #99d1ff;
|
||||
}
|
||||
|
||||
/* Howvered cwd */
|
||||
.elfinder .elfinder-navbar .elfinder-navbar-dir.ui-state-active:hover {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
/* Arrow */
|
||||
.elfinder .elfinder-navbar .elfinder-navbar-arrow {
|
||||
/* */
|
||||
background-image: url('../images/16px/arrow_right.png');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
/* Expanded directory arrow */
|
||||
.elfinder .elfinder-navbar-expanded .elfinder-navbar-arrow {
|
||||
/* */
|
||||
background-image: url('../images/16px/arrow_down.png');
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
/* All icons (directories) */
|
||||
.elfinder .elfinder-navbar .elfinder-navbar-icon {
|
||||
background-color: transparent;
|
||||
background-image: url('../images/16px/directory.png') !important;
|
||||
background-position: center center;
|
||||
background-repeat: none;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
/* Expanded directory */
|
||||
.elfinder .elfinder-navbar-expanded.ui-state-active .elfinder-navbar-icon {
|
||||
background-image: url('../images/16px/directory_opened.png') !important;
|
||||
}
|
||||
/* Root/volume */
|
||||
.elfinder .elfinder-navbar-root > .elfinder-navbar-icon {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Root/volume expanded */
|
||||
.elfinder .elfinder-navbar-root.elfinder-navbar-expanded > .elfinder-navbar-icon {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Resizable handle */
|
||||
.elfinder .elfinder-navbar .ui-resizable-handle.ui-resizable-e {
|
||||
/* */
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
/* reset.css */
|
||||
/* Comment out/delete the reset rules where appropriate */
|
||||
|
||||
/* container */
|
||||
.elfinder,
|
||||
|
||||
/* toolbar */
|
||||
.elfinder .elfinder-toolbar,
|
||||
.elfinder .elfinder-buttonset,
|
||||
.elfinder .elfinder-button,
|
||||
.elfinder .elfinder-toolbar-button-separator,
|
||||
.elfinder .elfinder-toolbar input,
|
||||
|
||||
/* navbar */
|
||||
.elfinder .elfinder-navbar,
|
||||
.elfinder .elfinder-navbar *,
|
||||
|
||||
/* current working directory */
|
||||
.elfinder .elfinder-cwd,
|
||||
.elfinder .elfinder-cwd table tr td.ui-state-active,
|
||||
.elfinder .elfinder-cwd table tr td.ui-state-hover,
|
||||
.elfinder .elfinder-cwd table tr td.ui-state-selected,
|
||||
.elfinder .elfinder-cwd table thead tr,
|
||||
.elfinder .elfinder-cwd table tbody tr,
|
||||
.elfinder .elfinder-cwd-file .ui-state-hover,
|
||||
.elfinder .elfinder-cwd-file .elfinder-cwd-icon-directory,
|
||||
.elfinder .elfinder-cwd-file .elfinder-cwd-filename,
|
||||
.elfinder .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover,
|
||||
|
||||
/* general states */
|
||||
.elfinder .ui-state-default,
|
||||
.elfinder .ui-state-active,
|
||||
.elfinder .ui-state-hover,
|
||||
.elfinder .ui-selected,
|
||||
|
||||
/* ui-widgets (normally for dialogs) */
|
||||
.elfinder .ui-widget,
|
||||
.elfinder .ui-widget-header,
|
||||
.elfinder .ui-widget-content,
|
||||
|
||||
/* icons */
|
||||
.elfinder-button-icon,
|
||||
.elfinder-navbar-icon,
|
||||
.elfinder-cwd-icon-directory,
|
||||
.elfinder .ui-icon,
|
||||
|
||||
/* statusbar */
|
||||
.elfinder .elfinder-statusbar,
|
||||
.elfinder .elfinder-statusbar *,
|
||||
|
||||
/* context menu (outside of elfinder div */
|
||||
.elfinder-contextmenu,
|
||||
.elfinder-contextmenu-sub,
|
||||
.elfinder-contextmenu-item,
|
||||
.elfinder-contextmenu-separator,
|
||||
.elfinder-contextmenu .ui-state-hover {
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
/* statusbar.css */
|
||||
/* Statusbar wrapper */
|
||||
.elfinder .elfinder-statusbar {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* File size */
|
||||
.elfinder .elfinder-statusbar .elfinder-stat-size {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Current path (breadcrumb trail) */
|
||||
.elfinder .elfinder-statusbar .elfinder-path {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Breadcrumb in current path */
|
||||
.elfinder .elfinder-statusbar .elfinder-path a {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Name of selected file(s) */
|
||||
.elfinder .elfinder-statusbar .elfinder-stat-selected {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Size of current file(s) */
|
||||
.elfinder .elfinder-statusbar .elfinder-stat-size {
|
||||
/* */
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
/**
|
||||
* elFinder Theme Template
|
||||
* @author lokothodida
|
||||
*/
|
||||
|
||||
/* Reset */
|
||||
@import url('reset.css');
|
||||
|
||||
/* Google Fonts */
|
||||
@import url('//fonts.googleapis.com/css?family=Open+Sans:300');
|
||||
|
||||
/* Main features of the whole UI */
|
||||
@import url('main.css');
|
||||
|
||||
/* Icons */
|
||||
@import url('icons.css');
|
||||
|
||||
/* Toolbar (top panel) */
|
||||
@import url('toolbar.css');
|
||||
|
||||
/* Navbar (left panel) */
|
||||
@import url('navbar.css');
|
||||
|
||||
/* Views (List and Thumbnail) */
|
||||
@import url('view-list.css');
|
||||
@import url('view-thumbnail.css');
|
||||
|
||||
/* Context menu */
|
||||
@import url('contextmenu.css');
|
||||
|
||||
/* (Modal) Dialogs */
|
||||
@import url('dialog.css');
|
||||
|
||||
/* Status Bar */
|
||||
@import url('statusbar.css');
|
||||
@@ -0,0 +1,241 @@
|
||||
/* toolbar.css */
|
||||
/* Main toolbar wrapper */
|
||||
.elfinder .elfinder-toolbar {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Buttonset wrapper */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset {
|
||||
/* */
|
||||
}
|
||||
/* Buttonset wrapper for search field */
|
||||
.elfinder .elfinder-button-search .elfinder-button-menu {
|
||||
background: #fff !important;
|
||||
}
|
||||
/* Buttons */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button {
|
||||
border: 1px solid transparent;
|
||||
webkit-transition: background 0.3s, border 0.3s; /* Safari */
|
||||
transition: background 0.3s, border 0.3s;
|
||||
}
|
||||
|
||||
/* Hovered buttons */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button:hover {
|
||||
background: #cce8ff;
|
||||
border: 1px solid #99d1ff;
|
||||
}
|
||||
|
||||
/* Hovered buttons in search field */
|
||||
.elfinder .elfinder-button-search .elfinder-button-menu .ui-button:hover {
|
||||
background: #cce8ff;
|
||||
border: 0px solid #99d1ff;
|
||||
}
|
||||
|
||||
/* Disabled buttons */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button.ui-state-disabled {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Buttonset separator */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-toolbar-button-separator {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Button icons */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Searchbar */
|
||||
.elfinder-toolbar .elfinder-button-search {
|
||||
/* */
|
||||
border: 1px solid #ccc;
|
||||
margin-right: 5px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* Searchbar icons (search and close) */
|
||||
.elfinder-toolbar .elfinder-button-search .ui-icon {
|
||||
/* */
|
||||
}
|
||||
|
||||
.elfinder-toolbar .elfinder-button-search .ui-icon-search {
|
||||
/* */
|
||||
background-image: url('../images/16px/search.png');
|
||||
}
|
||||
|
||||
|
||||
.elfinder-toolbar .elfinder-button-search .ui-icon-close {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Commands */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon {
|
||||
background-color: transparent;
|
||||
background-position: center center;
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
/* Back */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-back {
|
||||
background-image: url('../images/16px/back.png');
|
||||
}
|
||||
|
||||
/* Forward */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-forward {
|
||||
background-image: url('../images/16px/forward.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-reload {
|
||||
background-image: url('../images/16px/reload.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-netmount {
|
||||
background-image: url('../images/16px/netmount.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-home {
|
||||
background-image: url('../images/16px/home.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-up {
|
||||
background-image: url('../images/16px/up.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-mkdir {
|
||||
background-image: url('../images/16px/directory.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-mkfile {
|
||||
background-image: url('../images/16px/file.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-upload {
|
||||
background-image: url('../images/16px/upload.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-open {
|
||||
background-image: url('../images/16px/open.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-download {
|
||||
background-image: url('../images/16px/download.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-getfile {
|
||||
background-image: url('../images/16px/getfile.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-info {
|
||||
background-image: url('../images/16px/info.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-quicklook {
|
||||
background-image: url('../images/16px/preview.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-copy {
|
||||
background-image: url('../images/16px/copy.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-cut {
|
||||
background-image: url('../images/16px/cut.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-paste {
|
||||
background-image: url('../images/16px/paste.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-view {
|
||||
background-image: url('../images/16px/view.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-view-list {
|
||||
background-image: url('../images/16px/view-list.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-help {
|
||||
background-image: url('../images/16px/help.png');
|
||||
}
|
||||
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-duplicate {
|
||||
background-image: url('../images/16px/duplicate.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-rm {
|
||||
background-image: url('../images/16px/rm.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-edit {
|
||||
background-image: url('../images/16px/edit.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-rename {
|
||||
background-image: url('../images/16px/rename.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-archive {
|
||||
background-image: url('../images/16px/archive.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-resize {
|
||||
background-image: url('../images/16px/resize.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-extract {
|
||||
background-image: url('../images/16px/extract.png');
|
||||
}
|
||||
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-sort {
|
||||
background-image: url('../images/16px/sort.png');
|
||||
}
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-undo {
|
||||
background-image: url('../images/16px/undo.png');
|
||||
}
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-redo {
|
||||
background-image: url('../images/16px/redo.png');
|
||||
}
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-selectall {
|
||||
background-image: url('../images/16px/select_all.png');
|
||||
}
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-selectnone {
|
||||
background-image: url('../images/16px/deselect_all.png');
|
||||
}
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-selectinvert {
|
||||
background-image: url('../images/16px/invert_selection.png');
|
||||
}
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-empty {
|
||||
background-image: url('../images/16px/clear_folder.png');
|
||||
}
|
||||
|
||||
/* Menus (e.g. for sorting) */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-menu {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Menu items */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-menu-item {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Selected items */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-menu-item-selected {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Hovered items */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-menu-item.ui-state-hover {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Menu item sorting ascending icon */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-menu-item-selected.elfinder-menu-item-sort-asc .elfinder-menu-item-sort-dir {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Menu item sorting descending icon */
|
||||
.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-menu-item-selected.elfinder-menu-item-sort-desc .elfinder-menu-item-sort-dir {
|
||||
/* */
|
||||
}
|
||||
@@ -0,0 +1,92 @@
|
||||
/* view-list.css */
|
||||
/* Wrapper for list view */
|
||||
.elfinder .elfinder-cwd-wrapper-list {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* List view table */
|
||||
.elfinder .elfinder-cwd-wrapper-list table {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Column headings */
|
||||
.elfinder .elfinder-cwd-wrapper-list table thead tr td {
|
||||
color: #43536a;
|
||||
}
|
||||
|
||||
.elfinder .elfinder-cwd-wrapper-list table thead tr td:not(:last-child) {
|
||||
border-right: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
/* Hovered column heading */
|
||||
.elfinder .elfinder-cwd-wrapper-list table thead tr td.ui-state-hover,
|
||||
.elfinder .elfinder-cwd-wrapper-list table thead tr td:hover {
|
||||
background: #d0dded;
|
||||
}
|
||||
|
||||
/* Actively sorted column heading */
|
||||
.elfinder .elfinder-cwd-wrapper-list table thead tr td.ui-state-active {
|
||||
border-right: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
/* Table heading icons (mainly the sorter) */
|
||||
.elfinder .elfinder-cwd-wrapper-list table tr td .ui-icon {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Table heading sorter up */
|
||||
.elfinder .elfinder-cwd-wrapper-list table tr.ui-state-default td .ui-icon-triangle-1-n:before {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Table heading sorter down */
|
||||
.elfinder .elfinder-cwd-wrapper-list table tr.ui-state-default td .ui-icon-triangle-1-s:before {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Files */
|
||||
/* File */
|
||||
.elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file td {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file td:not(:first-child) {
|
||||
color: #9d9d9d;
|
||||
}
|
||||
|
||||
/* Filename */
|
||||
.elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file .elfinder-cwd-filename {
|
||||
/* */
|
||||
}
|
||||
|
||||
/* Hovered file */
|
||||
|
||||
.elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file:hover,
|
||||
.elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file.ui-state-hover, /* fix for 2.x */
|
||||
.elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file.ui-state-hover:hover { /* fix for 2.1 */
|
||||
background: #e5f3ff;
|
||||
border-color: #e5f3ff;
|
||||
}
|
||||
|
||||
/* Selected file */
|
||||
.elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file.ui-selected {
|
||||
background: #cce8ff;
|
||||
}
|
||||
|
||||
.elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file.ui-selected td {
|
||||
border-top: 1px solid #99d1ff;
|
||||
border-bottom: 1px solid #99d1ff;
|
||||
}
|
||||
|
||||
.elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file.ui-selected td:first-child {
|
||||
border-left: 1px solid #99d1ff;
|
||||
}
|
||||
|
||||
.elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file.ui-selected td:last-child {
|
||||
border-right: 1px solid #99d1ff;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
.elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file .elfinder-cwd-icon {
|
||||
/* */
|
||||
}
|
||||
@@ -0,0 +1,41 @@
|
||||
/* view-thumbnail.css */
|
||||
/* Wrapper for thumbnail view */
|
||||
.elfinder .elfinder-cwd-view-icons {
|
||||
}
|
||||
|
||||
/* File wrapper */
|
||||
.elfinder .elfinder-cwd-view-icons .elfinder-cwd-file {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* Hovered file */
|
||||
.elfinder .elfinder-cwd-view-icons .elfinder-cwd-file.ui-state-hover {
|
||||
background: #e5f3ff;
|
||||
}
|
||||
|
||||
/* Selected file */
|
||||
.elfinder .elfinder-cwd-view-icons .elfinder-cwd-file.ui-selected {
|
||||
background: #cce8ff;
|
||||
border: 1px solid #99d1ff;
|
||||
}
|
||||
|
||||
/* File icon */
|
||||
.elfinder .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-icon {
|
||||
}
|
||||
|
||||
.elfinder .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-icon-directory,
|
||||
.elfinder .elfinder-dialog .elfinder-cwd-icon-directory {
|
||||
background-color: transparent;
|
||||
background-image: url('../images/48px/directory.png') !important;
|
||||
background-position: center center;
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
}
|
||||
|
||||
/* File name */
|
||||
.elfinder .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename {
|
||||
color: #000 !important;
|
||||
}
|
||||
Reference in New Issue
Block a user