├── windows-10 ├── images │ ├── close.png │ ├── 16px │ │ ├── cut.png │ │ ├── rm.png │ │ ├── up.png │ │ ├── back.png │ │ ├── chmod.png │ │ ├── copy.png │ │ ├── edit.png │ │ ├── file.png │ │ ├── help.png │ │ ├── hide.png │ │ ├── info.png │ │ ├── open.png │ │ ├── paste.png │ │ ├── redo.png │ │ ├── root.png │ │ ├── sort.png │ │ ├── undo.png │ │ ├── view.png │ │ ├── archive.png │ │ ├── download.png │ │ ├── extract.png │ │ ├── forward.png │ │ ├── getfile.png │ │ ├── netmount.png │ │ ├── preview.png │ │ ├── rename.png │ │ ├── resize.png │ │ ├── search.png │ │ ├── upload.png │ │ ├── arrow_down.png │ │ ├── directory.png │ │ ├── duplicate.png │ │ ├── fullscreen.png │ │ ├── preference.png │ │ ├── select_all.png │ │ ├── view-list.png │ │ ├── arrow_right.png │ │ ├── clear_folder.png │ │ ├── deselect_all.png │ │ ├── directory_opened.png │ │ └── invert_selection.png │ ├── close-hover.png │ ├── 48px │ │ └── directory.png │ └── README.md ├── js │ └── README.md └── css │ ├── statusbar.css │ ├── main.css │ ├── theme.css │ ├── contextmenu.css │ ├── view-thumbnail.css │ ├── reset.css │ ├── navbar.css │ ├── README.md │ ├── view-list.css │ ├── icons.css │ ├── dialog.css │ └── toolbar.css ├── LICENSE └── README.md /windows-10/images/close.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/close.png -------------------------------------------------------------------------------- /windows-10/images/16px/cut.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/cut.png -------------------------------------------------------------------------------- /windows-10/images/16px/rm.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/rm.png -------------------------------------------------------------------------------- /windows-10/images/16px/up.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/up.png -------------------------------------------------------------------------------- /windows-10/images/16px/back.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/back.png -------------------------------------------------------------------------------- /windows-10/images/16px/chmod.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/chmod.png -------------------------------------------------------------------------------- /windows-10/images/16px/copy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/copy.png -------------------------------------------------------------------------------- /windows-10/images/16px/edit.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/edit.png -------------------------------------------------------------------------------- /windows-10/images/16px/file.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/file.png -------------------------------------------------------------------------------- /windows-10/images/16px/help.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/help.png -------------------------------------------------------------------------------- /windows-10/images/16px/hide.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/hide.png -------------------------------------------------------------------------------- /windows-10/images/16px/info.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/info.png -------------------------------------------------------------------------------- /windows-10/images/16px/open.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/open.png -------------------------------------------------------------------------------- /windows-10/images/16px/paste.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/paste.png -------------------------------------------------------------------------------- /windows-10/images/16px/redo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/redo.png -------------------------------------------------------------------------------- /windows-10/images/16px/root.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/root.png -------------------------------------------------------------------------------- /windows-10/images/16px/sort.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/sort.png -------------------------------------------------------------------------------- /windows-10/images/16px/undo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/undo.png -------------------------------------------------------------------------------- /windows-10/images/16px/view.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/view.png -------------------------------------------------------------------------------- /windows-10/images/16px/archive.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/archive.png -------------------------------------------------------------------------------- /windows-10/images/16px/download.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/download.png -------------------------------------------------------------------------------- /windows-10/images/16px/extract.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/extract.png -------------------------------------------------------------------------------- /windows-10/images/16px/forward.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/forward.png -------------------------------------------------------------------------------- /windows-10/images/16px/getfile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/getfile.png -------------------------------------------------------------------------------- /windows-10/images/16px/netmount.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/netmount.png -------------------------------------------------------------------------------- /windows-10/images/16px/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/preview.png -------------------------------------------------------------------------------- /windows-10/images/16px/rename.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/rename.png -------------------------------------------------------------------------------- /windows-10/images/16px/resize.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/resize.png -------------------------------------------------------------------------------- /windows-10/images/16px/search.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/search.png -------------------------------------------------------------------------------- /windows-10/images/16px/upload.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/upload.png -------------------------------------------------------------------------------- /windows-10/images/close-hover.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/close-hover.png -------------------------------------------------------------------------------- /windows-10/images/16px/arrow_down.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/arrow_down.png -------------------------------------------------------------------------------- /windows-10/images/16px/directory.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/directory.png -------------------------------------------------------------------------------- /windows-10/images/16px/duplicate.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/duplicate.png -------------------------------------------------------------------------------- /windows-10/images/16px/fullscreen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/fullscreen.png -------------------------------------------------------------------------------- /windows-10/images/16px/preference.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/preference.png -------------------------------------------------------------------------------- /windows-10/images/16px/select_all.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/select_all.png -------------------------------------------------------------------------------- /windows-10/images/16px/view-list.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/view-list.png -------------------------------------------------------------------------------- /windows-10/images/48px/directory.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/48px/directory.png -------------------------------------------------------------------------------- /windows-10/images/16px/arrow_right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/arrow_right.png -------------------------------------------------------------------------------- /windows-10/images/16px/clear_folder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/clear_folder.png -------------------------------------------------------------------------------- /windows-10/images/16px/deselect_all.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/deselect_all.png -------------------------------------------------------------------------------- /windows-10/images/16px/directory_opened.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/directory_opened.png -------------------------------------------------------------------------------- /windows-10/images/16px/invert_selection.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/lokothodida/elfinder-theme-windows-10/HEAD/windows-10/images/16px/invert_selection.png -------------------------------------------------------------------------------- /windows-10/images/README.md: -------------------------------------------------------------------------------- 1 | # Images 2 | Store all images for your elFinder skin in this directory. 3 | 4 | It is best to group similar images into one file and use the files as CSS spritesheets. 5 | -------------------------------------------------------------------------------- /windows-10/js/README.md: -------------------------------------------------------------------------------- 1 | # Scripts 2 | Any extra (funky) Javascript that you want to load along with your 3 | theme should be located here. This could be: 4 | 5 | * Special configuration for elFinder under your theme 6 | * Extra JavaScript libraries that your theme depends on 7 | * Javascript hacks to the elFinder markup after the file browser has loaded (not recommended) 8 | -------------------------------------------------------------------------------- /windows-10/css/statusbar.css: -------------------------------------------------------------------------------- 1 | /* statusbar.css */ 2 | /* Statusbar wrapper */ 3 | .elfinder .elfinder-statusbar { 4 | /* */ 5 | } 6 | 7 | /* File size */ 8 | .elfinder .elfinder-statusbar .elfinder-stat-size { 9 | /* */ 10 | } 11 | 12 | /* Current path (breadcrumb trail) */ 13 | .elfinder .elfinder-statusbar .elfinder-path { 14 | /* */ 15 | } 16 | 17 | /* Breadcrumb in current path */ 18 | .elfinder .elfinder-statusbar .elfinder-path a { 19 | /* */ 20 | } 21 | 22 | /* Name of selected file(s) */ 23 | .elfinder .elfinder-statusbar .elfinder-stat-selected { 24 | /* */ 25 | } 26 | 27 | /* Size of current file(s) */ 28 | .elfinder .elfinder-statusbar .elfinder-stat-size { 29 | /* */ 30 | } 31 | -------------------------------------------------------------------------------- /windows-10/css/main.css: -------------------------------------------------------------------------------- 1 | /* main.css */ 2 | /* Container div for elFinder */ 3 | .elfinder, 4 | .elfinder .elfinder-dialog, 5 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-menu { 6 | background: #fff; 7 | border: 1px solid #69bcee; 8 | box-shadow: 0 0 5px #cdcdcd; 9 | border-radius: 0; 10 | } 11 | 12 | /* Override styles in child elements of elFinder div */ 13 | /* Use for consistently setting text sizes and overriding general jQuery UI styles */ 14 | .elfinder * { 15 | color: #000; 16 | font-family: 'Open Sans', sans-serif; 17 | } 18 | 19 | /* Resizer */ 20 | /* Used if elFinder is resizable and on dialogs */ 21 | .elfinder .ui-icon-gripsmall-diagonal-se, 22 | .elfinder-dialog .ui-icon-gripsmall-diagonal-se { 23 | /* */ 24 | } 25 | -------------------------------------------------------------------------------- /windows-10/css/theme.css: -------------------------------------------------------------------------------- 1 | /** 2 | * elFinder Theme Template 3 | * @author lokothodida 4 | */ 5 | 6 | /* Reset */ 7 | @import url('reset.css'); 8 | 9 | /* Google Fonts */ 10 | @import url('//fonts.googleapis.com/css?family=Open+Sans:300'); 11 | 12 | /* Main features of the whole UI */ 13 | @import url('main.css'); 14 | 15 | /* Icons */ 16 | @import url('icons.css'); 17 | 18 | /* Toolbar (top panel) */ 19 | @import url('toolbar.css'); 20 | 21 | /* Navbar (left panel) */ 22 | @import url('navbar.css'); 23 | 24 | /* Views (List and Thumbnail) */ 25 | @import url('view-list.css'); 26 | @import url('view-thumbnail.css'); 27 | 28 | /* Context menu */ 29 | @import url('contextmenu.css'); 30 | 31 | /* (Modal) Dialogs */ 32 | @import url('dialog.css'); 33 | 34 | /* Status Bar */ 35 | @import url('statusbar.css'); 36 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 Lawrence Okoth-Odida 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /windows-10/css/contextmenu.css: -------------------------------------------------------------------------------- 1 | /* contextmenu.css */ 2 | /* **Note** that the context menu is NOT inside the main elfinder div */ 3 | /* Context menu wrapper */ 4 | .elfinder-contextmenu, 5 | .elfinder-contextmenu-sub, 6 | .elfinder-button-menu { 7 | font-size: 16px; 8 | font-family: 'Open Sans', sans-serif; 9 | background: #fff!important; 10 | border: 1px solid #b5b5b5!important; 11 | box-shadow: 0 0 5px #cdcdcd!important; 12 | border-radius: 0; 13 | padding: 3px 3px 0 3px; 14 | } 15 | 16 | /* Menu item */ 17 | .elfinder-contextmenu .elfinder-contextmenu-item, 18 | .elfinder-button-menu .elfinder-button-menu-item { 19 | margin: 0 0 3px 0; 20 | } 21 | 22 | /* Hovered menu item */ 23 | .elfinder-contextmenu .elfinder-contextmenu-item:hover, 24 | .elfinder-button-menu .elfinder-button-menu-item:hover { 25 | background: #dedddc; 26 | color: #000; 27 | } 28 | 29 | /* Item icon */ 30 | .elfinder-contextmenu .elfinder-contextmenu-item .elfinder-contextmenu-icon { 31 | /* */ 32 | } 33 | 34 | /* Separator */ 35 | .elfinder-contextmenu .elfinder-contextmenu-separator { 36 | background: #e2e3e4; 37 | height: 1px; 38 | margin: 1px; 39 | } 40 | 41 | .elfinder-contextmenu .elfinder-button-icon-open + span { 42 | font-weight: bold; 43 | } -------------------------------------------------------------------------------- /windows-10/css/view-thumbnail.css: -------------------------------------------------------------------------------- 1 | /* view-thumbnail.css */ 2 | /* Wrapper for thumbnail view */ 3 | .elfinder .elfinder-cwd-view-icons { 4 | } 5 | 6 | /* File wrapper */ 7 | .elfinder .elfinder-cwd-view-icons .elfinder-cwd-file { 8 | width: 80px; 9 | height: 80px; 10 | border: 1px solid transparent; 11 | border-radius: 0; 12 | } 13 | 14 | /* Hovered file */ 15 | .elfinder .elfinder-cwd-view-icons .elfinder-cwd-file.ui-state-hover { 16 | background: #e5f3ff; 17 | } 18 | 19 | /* Selected file */ 20 | .elfinder .elfinder-cwd-view-icons .elfinder-cwd-file.ui-selected { 21 | background: #cce8ff; 22 | border: 1px solid #99d1ff; 23 | } 24 | 25 | /* File icon */ 26 | .elfinder .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-icon { 27 | } 28 | 29 | .elfinder .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-icon-directory, 30 | .elfinder .elfinder-dialog .elfinder-cwd-icon-directory { 31 | background-color: transparent; 32 | background-image: url('../images/48px/directory.png') !important; 33 | background-position: center center; 34 | height: 48px; 35 | width: 48px; 36 | } 37 | 38 | /* File name */ 39 | .elfinder .elfinder-cwd-view-icons .elfinder-cwd-file .elfinder-cwd-filename { 40 | color: #000 !important; 41 | } 42 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # elFinder "Windows 10" Theme 2 | An elFinder theme that mimics Windows 10's user interface. 3 | 4 | ![elfinder-windows-10-screenshot-1](https://cloud.githubusercontent.com/assets/4363863/9177364/bbafa306-3f88-11e5-932f-c5e581f9e0e4.png) 5 | 6 | # Usage 7 | * Copy the `/windows-10` folder from this repository to the `/themes` folder of your 8 | elFinder installation (create the folder if it doesn't exist) 9 | * On the page where elFinder will be displayed (normally `elfinder.html`), 10 | load the `theme.css` file from the `/windows-10/` folder: 11 | 12 | ```html 13 | 14 | ``` 15 | 16 | # Features 17 | * Works with [elFinder 2.0-rc1](https://github.com/Studio-42/elFinder/releases/tag/2.0-rc1), 18 | [2.x (Nightly)](http://nao-pon.github.io/elFinder-nightly/latests/elfinder-2.x.zip) 19 | and [2.1 (Nightly)](http://nao-pon.github.io/elFinder-nightly/latests/elfinder-2.1.zip) 20 | 21 | # Credit 22 | * [Bavo Lystoborg](https://twitter.com/BAV0) for the [Windows 10 icons](http://icons.bav0.com/builds/10166) 23 | * [Alex (a2exfr)](https://github.com/a2exfr/) for adding more icons 24 | * [Wei Ouyang (oeway)](https://github.com/oeway) for icons and fixes 25 | -------------------------------------------------------------------------------- /windows-10/css/reset.css: -------------------------------------------------------------------------------- 1 | /* reset.css */ 2 | /* Comment out/delete the reset rules where appropriate */ 3 | 4 | /* container */ 5 | .elfinder, 6 | 7 | /* toolbar */ 8 | .elfinder .elfinder-toolbar, 9 | .elfinder .elfinder-buttonset, 10 | .elfinder .elfinder-button, 11 | .elfinder .elfinder-toolbar-button-separator, 12 | .elfinder .elfinder-toolbar input, 13 | 14 | /* navbar */ 15 | .elfinder .elfinder-navbar, 16 | .elfinder .elfinder-navbar *, 17 | 18 | /* current working directory */ 19 | .elfinder .elfinder-cwd, 20 | .elfinder .elfinder-cwd table tr td.ui-state-active, 21 | .elfinder .elfinder-cwd table tr td.ui-state-hover, 22 | .elfinder .elfinder-cwd table tr td.ui-state-selected, 23 | .elfinder .elfinder-cwd table thead tr, 24 | .elfinder .elfinder-cwd table tbody tr, 25 | .elfinder .elfinder-cwd-file .ui-state-hover, 26 | .elfinder .elfinder-cwd-file .elfinder-cwd-icon-directory, 27 | .elfinder .elfinder-cwd-file .elfinder-cwd-filename, 28 | .elfinder .elfinder-cwd-file .elfinder-cwd-filename.ui-state-hover, 29 | 30 | /* general states */ 31 | .elfinder .ui-state-default, 32 | .elfinder .ui-state-active, 33 | .elfinder .ui-state-hover, 34 | .elfinder .ui-selected, 35 | 36 | /* ui-widgets (normally for dialogs) */ 37 | .elfinder .ui-widget, 38 | .elfinder .ui-widget-header, 39 | .elfinder .ui-widget-content, 40 | 41 | /* icons */ 42 | .elfinder-button-icon, 43 | .elfinder-navbar-icon, 44 | .elfinder-cwd-icon-directory, 45 | .elfinder .ui-icon, 46 | 47 | /* statusbar */ 48 | .elfinder .elfinder-statusbar, 49 | .elfinder .elfinder-statusbar *, 50 | 51 | /* context menu (outside of elfinder div */ 52 | .elfinder-contextmenu, 53 | .elfinder-contextmenu-sub, 54 | .elfinder-contextmenu-item, 55 | .elfinder-contextmenu-separator, 56 | .elfinder-contextmenu .ui-state-hover { 57 | background: none; 58 | border: none; 59 | } 60 | -------------------------------------------------------------------------------- /windows-10/css/navbar.css: -------------------------------------------------------------------------------- 1 | /* navbar.css */ 2 | /* Main wrapper for navbar */ 3 | .elfinder .elfinder-navbar { 4 | border-right: 1px solid #e5e5e5; 5 | } 6 | 7 | /* Directories */ 8 | .elfinder .elfinder-navbar .elfinder-navbar-dir { 9 | color: #000; 10 | border-radius: 0; 11 | } 12 | 13 | /* Hovered directory */ 14 | .elfinder .elfinder-navbar .elfinder-navbar-dir:hover { 15 | background: #e5f3ff; 16 | } 17 | 18 | /* Current/active directory (cwd) */ 19 | .elfinder .elfinder-navbar .elfinder-navbar-dir.ui-state-active { 20 | background: #cce8ff; 21 | border: 1px solid #99d1ff; 22 | } 23 | 24 | /* Howvered cwd */ 25 | .elfinder .elfinder-navbar .elfinder-navbar-dir.ui-state-active:hover { 26 | /* */ 27 | } 28 | 29 | /* Icons */ 30 | /* Arrow */ 31 | .elfinder .elfinder-navbar .elfinder-navbar-arrow { 32 | /* */ 33 | background-image: url('../images/16px/arrow_right.png'); 34 | background-position: center center; 35 | background-repeat: no-repeat; 36 | } 37 | 38 | /* Expanded directory arrow */ 39 | .elfinder .elfinder-navbar-expanded .elfinder-navbar-arrow { 40 | /* */ 41 | background-image: url('../images/16px/arrow_down.png'); 42 | background-position: center center; 43 | background-repeat: no-repeat; 44 | } 45 | 46 | /* All icons (directories) */ 47 | .elfinder .elfinder-navbar .elfinder-navbar-icon { 48 | background-color: transparent; 49 | background-image: url('../images/16px/directory.png') !important; 50 | background-position: center center; 51 | background-repeat: none; 52 | height: 16px; 53 | width: 16px; 54 | } 55 | /* Expanded directory */ 56 | .elfinder .elfinder-navbar-expanded.ui-state-active .elfinder-navbar-icon { 57 | background-image: url('../images/16px/directory_opened.png') !important; 58 | } 59 | /* Root/volume */ 60 | .elfinder .elfinder-navbar-root > .elfinder-navbar-icon { 61 | /* */ 62 | } 63 | 64 | /* Root/volume expanded */ 65 | .elfinder .elfinder-navbar-root.elfinder-navbar-expanded > .elfinder-navbar-icon { 66 | /* */ 67 | } 68 | 69 | /* Resizable handle */ 70 | .elfinder .elfinder-navbar .ui-resizable-handle.ui-resizable-e { 71 | /* */ 72 | } 73 | -------------------------------------------------------------------------------- /windows-10/css/README.md: -------------------------------------------------------------------------------- 1 | # Stylesheets 2 | All CSS for your theme will be located here. 3 | 4 | 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. 5 | 6 | * **reset.css** : resets background and border of all elfinder elements so that you can skin from scratch without manually positioning the main elements yourself 7 | * **main.css** : main UI elements (wrapper for the main elfinder div, global styles, etc..) 8 | * **icons.css** : icons across the UI (e.g. file associations) 9 | * **toolbar.css** : toolbar at the top of the elfinder container. Contains toolbar buttons and searchbar 10 | * **navbar.css** : directory navigation on the left-hand panel 11 | * **view-list.css** : defines the list view 12 | * **view-thumbnail.css** : defines the thumbnail/tile view 13 | * **contextmenu.css** : context menu shown when right-clicking on in the list/thumbnail view or navbar 14 | * **dialog.css** : information dialogs/modal windows 15 | * **statusbar.css** : footer; contains information about directory and currently selected files 16 | 17 | Note that many of the styles have a large degree of selectivity. E.g: 18 | 19 | ```css 20 | .elfinder .elfinder-navbar .elfinder-navbar-dir.ui-state-active:hover { /* */ } 21 | ``` 22 | 23 | This is to minimize the need for using `!important` flags to override the existing styles (particularly with respect to jQuery UI's CSS). 24 | 25 | ## Tips 26 | * Use the `reset.css` style to reset the styles that you need to. Comment out selectors that you wish to remain untouched. 27 | * If you need to reset a style outside of `reset.css`, the following normally suffices: 28 | 29 | ```css 30 | background: none; 31 | border: none; 32 | ``` 33 | * 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: 34 | 35 | ```css 36 | /* All toolbar icons */ 37 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon { 38 | /* reset the style and set properties common to all toolbar icons */ 39 | } 40 | 41 | /* mkfile toolbar icon */ 42 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-mkfile { 43 | /* styles specific to the mkfile button (e.g. background-position) */ 44 | } 45 | ``` 46 | * 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 47 | -------------------------------------------------------------------------------- /windows-10/css/view-list.css: -------------------------------------------------------------------------------- 1 | /* view-list.css */ 2 | /* Wrapper for list view */ 3 | .elfinder .elfinder-cwd-wrapper-list { 4 | /* */ 5 | } 6 | 7 | /* List view table */ 8 | .elfinder .elfinder-cwd-wrapper-list table { 9 | /* */ 10 | } 11 | 12 | /* Column headings */ 13 | .elfinder .elfinder-cwd-wrapper-list table thead tr td { 14 | color: #43536a; 15 | } 16 | 17 | .elfinder .elfinder-cwd-wrapper-list table thead tr td:not(:last-child) { 18 | border-right: 1px solid #e5e5e5; 19 | } 20 | 21 | /* Hovered column heading */ 22 | .elfinder .elfinder-cwd-wrapper-list table thead tr td.ui-state-hover, 23 | .elfinder .elfinder-cwd-wrapper-list table thead tr td:hover { 24 | background: #d0dded; 25 | } 26 | 27 | /* Actively sorted column heading */ 28 | .elfinder .elfinder-cwd-wrapper-list table thead tr td.ui-state-active { 29 | border-right: 1px solid #e5e5e5; 30 | } 31 | 32 | /* Table heading icons (mainly the sorter) */ 33 | .elfinder .elfinder-cwd-wrapper-list table tr td .ui-icon { 34 | /* */ 35 | } 36 | 37 | /* Table heading sorter up */ 38 | .elfinder .elfinder-cwd-wrapper-list table tr.ui-state-default td .ui-icon-triangle-1-n:before { 39 | /* */ 40 | } 41 | 42 | /* Table heading sorter down */ 43 | .elfinder .elfinder-cwd-wrapper-list table tr.ui-state-default td .ui-icon-triangle-1-s:before { 44 | /* */ 45 | } 46 | 47 | /* Files */ 48 | /* File */ 49 | .elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file td { 50 | border: 1px solid transparent; 51 | } 52 | 53 | .elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file td:not(:first-child) { 54 | color: #9d9d9d; 55 | } 56 | 57 | /* Filename */ 58 | .elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file .elfinder-cwd-filename { 59 | /* */ 60 | } 61 | 62 | /* Hovered file */ 63 | 64 | .elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file:hover, 65 | .elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file.ui-state-hover, /* fix for 2.x */ 66 | .elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file.ui-state-hover:hover { /* fix for 2.1 */ 67 | background: #e5f3ff; 68 | border-color: #e5f3ff; 69 | } 70 | 71 | /* Selected file */ 72 | .elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file.ui-selected { 73 | background: #cce8ff; 74 | } 75 | 76 | .elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file.ui-selected td { 77 | border-top: 1px solid #99d1ff; 78 | border-bottom: 1px solid #99d1ff; 79 | } 80 | 81 | .elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file.ui-selected td:first-child { 82 | border-left: 1px solid #99d1ff; 83 | } 84 | 85 | .elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file.ui-selected td:last-child { 86 | border-right: 1px solid #99d1ff; 87 | } 88 | 89 | /* Icons */ 90 | .elfinder .elfinder-cwd-wrapper-list .elfinder-cwd-file .elfinder-cwd-icon { 91 | /* */ 92 | } 93 | -------------------------------------------------------------------------------- /windows-10/css/icons.css: -------------------------------------------------------------------------------- 1 | /* icons.css */ 2 | 3 | /* These are shown thoughought the UI, not just in the list/thumbnail view */ 4 | /* General icon settings (in main view panel) */ 5 | .elfinder-cwd-icon { 6 | /* */ 7 | } 8 | 9 | .elfinder-cwd-icon:before { 10 | color: white; 11 | background: #70787d91; 12 | } 13 | 14 | .elfinder-cwd-icon:before { 15 | background: #ffffffa6; 16 | } 17 | 18 | /* If you are using CSS sprites for your icons, set the background position 19 | in each of the below styles */ 20 | /* Directory */ 21 | .elfinder-cwd-icon-directory { 22 | background-color: transparent; 23 | background-image: url('../images/16px/directory.png') !important; 24 | background-position: center center; 25 | height: 16px; 26 | width: 16px; 27 | } 28 | 29 | /* Empty file */ 30 | .elfinder-cwd-icon-x-empty, 31 | .elfinder-cwd-icon-inode { 32 | /* */ 33 | } 34 | 35 | /* (Rich) Text */ 36 | .elfinder-cwd-icon-text, 37 | .elfinder-cwd-icon-rtf, 38 | .elfinder-cwd-icon-rtfd { 39 | /* */ 40 | } 41 | 42 | /* PDF */ 43 | .elfinder-cwd-icon-pdf { 44 | /* */ 45 | } 46 | 47 | /* Microsoft Word */ 48 | .elfinder-cwd-icon-vnd-ms-word { 49 | /* */ 50 | } 51 | 52 | /* Microsoft PowerPoint */ 53 | .elfinder-cwd-icon-vnd-ms-powerpoint { 54 | /* */ 55 | } 56 | 57 | /* Microsoft Excel */ 58 | .elfinder-cwd-icon-ms-excel, 59 | .elfinder-cwd-icon-vnd-ms-excel, 60 | .elfinder-cwd-icon-vnd-ms-excel-addin-macroEnabled-12, 61 | .elfinder-cwd-icon-vnd-ms-excel-sheet-binary-macroEnabled-12, 62 | .elfinder-cwd-icon-vnd-ms-excel-sheet-macroEnabled-12, 63 | .elfinder-cwd-icon-vnd-ms-excel-template-macroEnabled-12 { 64 | /* */ 65 | } 66 | 67 | /* Audio */ 68 | .elfinder-cwd-icon-audio { 69 | /* */ 70 | } 71 | 72 | /* Video */ 73 | .elfinder-cwd-icon-video, 74 | .elfinder-cwd-icon-flash-video { 75 | /* */ 76 | } 77 | 78 | /* Archives */ 79 | .elfinder-cwd-icon-zip, 80 | .elfinder-cwd-icon-x-zip, 81 | .elfinder-cwd-icon-x-xz, 82 | .elfinder-cwd-icon-x-7z-compressed, 83 | .elfinder-cwd-icon-x-gzip, 84 | .elfinder-cwd-icon-x-tar, 85 | .elfinder-cwd-icon-x-bzip, 86 | .elfinder-cwd-icon-x-bzip2, 87 | .elfinder-cwd-icon-x-rar { 88 | /* */ 89 | } 90 | 91 | /* Code/Scripts */ 92 | .elfinder-cwd-icon-javascript, 93 | .elfinder-cwd-icon-x-javascript, 94 | .elfinder-cwd-icon-x-perl, 95 | .elfinder-cwd-icon-x-python, 96 | .elfinder-cwd-icon-x-ruby, 97 | .elfinder-cwd-icon-x-sh, 98 | .elfinder-cwd-icon-x-shellscript, 99 | .elfinder-cwd-icon-x-c, 100 | .elfinder-cwd-icon-x-csrc, 101 | .elfinder-cwd-icon-x-chdr, 102 | .elfinder-cwd-icon-x-c--, 103 | .elfinder-cwd-icon-x-c--src, 104 | .elfinder-cwd-icon-x-c--hdr, 105 | .elfinder-cwd-icon-x-java, 106 | .elfinder-cwd-icon-x-java-source, 107 | .elfinder-cwd-icon-x-php, 108 | .elfinder-cwd-icon-xml { 109 | /* */ 110 | } 111 | -------------------------------------------------------------------------------- /windows-10/css/dialog.css: -------------------------------------------------------------------------------- 1 | /* dialog.css */ 2 | /* Dialog wrapper */ 3 | .elfinder .elfinder-dialog { 4 | /* */ 5 | } 6 | 7 | /* Dialog title */ 8 | .elfinder .elfinder-dialog .ui-dialog-titlebar { 9 | padding: 3px 0 3px 6px; 10 | height: 30px; 11 | box-sizing: border-box; 12 | } 13 | 14 | /* Close button */ 15 | .elfinder .elfinder-dialog .ui-dialog-titlebar-close { 16 | background: url('../images/close.png'); 17 | right: 0; 18 | border-radius: 0; 19 | margin-top: -15px; 20 | webkit-transition: background 0.3s; /* Safari */ 21 | transition: background-image 0.3s; 22 | height: 29px; 23 | width: 45px; 24 | } 25 | 26 | .elfinder .elfinder-dialog .ui-dialog-titlebar-close:hover { 27 | background: url('../images/close-hover.png'); 28 | } 29 | .std42-dialog .ui-dialog-titlebar .elfinder-titlebar-button.elfinder-titlebar-button-right { 30 | left: 1px; 31 | top: 12px; 32 | } 33 | /* Dialog content */ 34 | .elfinder .elfinder-dialog .ui-dialog-content { 35 | /* */ 36 | } 37 | 38 | /* Tabs */ 39 | /* Tabs wrapper */ 40 | .elfinder .elfinder-dialog .ui-tabs-nav { 41 | /* */ 42 | } 43 | 44 | /* Normal tab */ 45 | .elfinder .elfinder-dialog .ui-tabs-nav .ui-state-default { 46 | /* */ 47 | } 48 | 49 | /* Current tab */ 50 | .elfinder .elfinder-dialog .ui-tabs-nav .ui-tabs-selected { 51 | /* */ 52 | } 53 | 54 | /* Active tab */ 55 | .elfinder .elfinder-dialog .ui-tabs-nav li:active { 56 | /* */ 57 | } 58 | .elfinder .ui-state-active { 59 | background: #1979CA none repeat scroll 0 0; 60 | /*background: #009688 none repeat scroll 0 0; */ 61 | } 62 | /* Icons */ 63 | /* Dialog icon (e.g. for error messages) */ 64 | .elfinder .elfinder-dialog .elfinder-dialog-icon { 65 | /* */ 66 | } 67 | 68 | /* Error icon */ 69 | .elfinder .elfinder-dialog .elfinder-dialog-icon-error { 70 | /* */ 71 | } 72 | 73 | /* Confirmation icon */ 74 | .elfinder .elfinder-dialog .elfinder-dialog-icon-confirm { 75 | /* */ 76 | } 77 | 78 | /* Footer */ 79 | .elfinder .elfinder-dialog .ui-dialog-buttonpane { 80 | /* */ 81 | } 82 | 83 | /* Buttonset (wrapper) */ 84 | .elfinder .elfinder-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 85 | /* */ 86 | } 87 | 88 | /* Button */ 89 | .elfinder .elfinder-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button { 90 | /* */ 91 | } 92 | 93 | /* Styling specific types of dialogs */ 94 | /* Error */ 95 | .elfinder .elfinder-dialog-error { 96 | /* */ 97 | } 98 | 99 | /* Confirm */ 100 | .elfinder .elfinder-dialog-confirm { 101 | /* */ 102 | } 103 | 104 | /* File editing */ 105 | .elfinder .elfinder-dialog .elfinder-file-edit { 106 | /* */ 107 | } 108 | 109 | /* File information */ 110 | /* Title */ 111 | .elfinder .elfinder-dialog .elfinder-info-title { 112 | /* */ 113 | } 114 | 115 | /* Table */ 116 | .elfinder .elfinder-dialog .elfinder-info-tb { 117 | /* */ 118 | } 119 | 120 | /* File upload (including dropbox) */ 121 | .elfinder .elfinder-dialog .elfinder-upload-dropbox, 122 | .elfinder .elfinder-dialog .elfinder-upload-dialog-or { 123 | /* */ 124 | } 125 | -------------------------------------------------------------------------------- /windows-10/css/toolbar.css: -------------------------------------------------------------------------------- 1 | /* toolbar.css */ 2 | /* Main toolbar wrapper */ 3 | .elfinder .elfinder-toolbar { 4 | /* */ 5 | } 6 | 7 | /* Buttonset wrapper */ 8 | .elfinder .elfinder-toolbar .elfinder-buttonset { 9 | /* */ 10 | } 11 | /* Buttonset wrapper for search field */ 12 | .elfinder .elfinder-button-search .elfinder-button-menu { 13 | background: #fff !important; 14 | } 15 | /* Buttons */ 16 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button { 17 | border: 1px solid transparent; 18 | webkit-transition: background 0.3s, border 0.3s; /* Safari */ 19 | transition: background 0.3s, border 0.3s; 20 | } 21 | 22 | /* Hovered buttons */ 23 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button:hover { 24 | background: #cce8ff; 25 | border: 1px solid #99d1ff; 26 | } 27 | 28 | /* Hovered buttons in search field */ 29 | .elfinder .elfinder-button-search .elfinder-button-menu .ui-button:hover { 30 | background: #cce8ff; 31 | border: 0px solid #99d1ff; 32 | } 33 | 34 | /* Disabled buttons */ 35 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button.ui-state-disabled { 36 | /* */ 37 | } 38 | 39 | /* Buttonset separator */ 40 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-toolbar-button-separator { 41 | /* */ 42 | } 43 | 44 | /* Button icons */ 45 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon { 46 | /* */ 47 | } 48 | 49 | /* Searchbar */ 50 | .elfinder-toolbar .elfinder-button-search { 51 | /* */ 52 | border: 1px solid #ccc; 53 | margin-right: 5px; 54 | border-radius: 0; 55 | } 56 | 57 | /* Searchbar icons (search and close) */ 58 | .elfinder-toolbar .elfinder-button-search .ui-icon { 59 | /* */ 60 | } 61 | 62 | .elfinder-toolbar .elfinder-button-search .ui-icon-search { 63 | /* */ 64 | background-image: url('../images/16px/search.png'); 65 | } 66 | 67 | 68 | .elfinder-toolbar .elfinder-button-search .ui-icon-close { 69 | /* */ 70 | } 71 | 72 | /* Commands */ 73 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon { 74 | background-color: transparent; 75 | background-position: center center; 76 | height: 16px; 77 | width: 16px; 78 | } 79 | 80 | /* Root */ 81 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-home { 82 | background-image: url('../images/16px/root.png'); 83 | } 84 | 85 | /* Preference */ 86 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-preference { 87 | background-image: url('../images/16px/preference.png'); 88 | } 89 | 90 | /* Hide */ 91 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-hide { 92 | background-image: url('../images/16px/hide.png'); 93 | } 94 | 95 | /* Chmod */ 96 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-chmod { 97 | background-image: url('../images/16px/chmod.png'); 98 | } 99 | 100 | /* Fullscreen */ 101 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-fullscreen { 102 | background-image: url('../images/16px/fullscreen.png'); 103 | } 104 | 105 | /* Back */ 106 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-back { 107 | background-image: url('../images/16px/back.png'); 108 | } 109 | 110 | /* Forward */ 111 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-forward { 112 | background-image: url('../images/16px/forward.png'); 113 | } 114 | 115 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-reload { 116 | background-image: url('../images/16px/reload.png'); 117 | } 118 | 119 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-netmount { 120 | background-image: url('../images/16px/netmount.png'); 121 | } 122 | 123 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-up { 124 | background-image: url('../images/16px/up.png'); 125 | } 126 | 127 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-mkdir { 128 | background-image: url('../images/16px/directory.png'); 129 | } 130 | 131 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-mkfile { 132 | background-image: url('../images/16px/file.png'); 133 | } 134 | 135 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-upload { 136 | background-image: url('../images/16px/upload.png'); 137 | } 138 | 139 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-open { 140 | background-image: url('../images/16px/open.png'); 141 | } 142 | 143 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-download { 144 | background-image: url('../images/16px/download.png'); 145 | } 146 | 147 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-getfile { 148 | background-image: url('../images/16px/getfile.png'); 149 | } 150 | 151 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-info { 152 | background-image: url('../images/16px/info.png'); 153 | } 154 | 155 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-quicklook { 156 | background-image: url('../images/16px/preview.png'); 157 | } 158 | 159 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-copy { 160 | background-image: url('../images/16px/copy.png'); 161 | } 162 | 163 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-cut { 164 | background-image: url('../images/16px/cut.png'); 165 | } 166 | 167 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-paste { 168 | background-image: url('../images/16px/paste.png'); 169 | } 170 | 171 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-view { 172 | background-image: url('../images/16px/view.png'); 173 | } 174 | 175 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-view-list { 176 | background-image: url('../images/16px/view-list.png'); 177 | } 178 | 179 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-help { 180 | background-image: url('../images/16px/help.png'); 181 | } 182 | 183 | 184 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-duplicate { 185 | background-image: url('../images/16px/duplicate.png'); 186 | } 187 | 188 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-rm { 189 | background-image: url('../images/16px/rm.png'); 190 | } 191 | 192 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-edit { 193 | background-image: url('../images/16px/edit.png'); 194 | } 195 | 196 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-rename { 197 | background-image: url('../images/16px/rename.png'); 198 | } 199 | 200 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-archive { 201 | background-image: url('../images/16px/archive.png'); 202 | } 203 | 204 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-resize { 205 | background-image: url('../images/16px/resize.png'); 206 | } 207 | 208 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-extract { 209 | background-image: url('../images/16px/extract.png'); 210 | } 211 | 212 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-sort { 213 | background-image: url('../images/16px/sort.png'); 214 | } 215 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-undo { 216 | background-image: url('../images/16px/undo.png'); 217 | } 218 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-redo { 219 | background-image: url('../images/16px/redo.png'); 220 | } 221 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-selectall { 222 | background-image: url('../images/16px/select_all.png'); 223 | } 224 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-selectnone { 225 | background-image: url('../images/16px/deselect_all.png'); 226 | } 227 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-selectinvert { 228 | background-image: url('../images/16px/invert_selection.png'); 229 | } 230 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-icon-empty { 231 | background-image: url('../images/16px/clear_folder.png'); 232 | } 233 | 234 | /* Menus (e.g. for sorting) */ 235 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-menu { 236 | /* */ 237 | } 238 | 239 | /* Menu items */ 240 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-menu-item { 241 | /* */ 242 | } 243 | 244 | /* Selected items */ 245 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-menu-item-selected { 246 | /* */ 247 | } 248 | 249 | /* Hovered items */ 250 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-menu-item.ui-state-hover { 251 | /* */ 252 | } 253 | 254 | /* Menu item sorting ascending icon */ 255 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-menu-item-selected.elfinder-menu-item-sort-asc .elfinder-menu-item-sort-dir { 256 | /* */ 257 | } 258 | 259 | /* Menu item sorting descending icon */ 260 | .elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-button-menu-item-selected.elfinder-menu-item-sort-desc .elfinder-menu-item-sort-dir { 261 | /* */ 262 | } 263 | --------------------------------------------------------------------------------