.elfinder .elfinder-contextmenu,
.elfinder .elfinder-contextmenu-sub {
.elfinder .elfinder-contextmenu-sub {
/* submenu in rtl/ltr enviroment */
.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-sub {
.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-sub {
.elfinder .elfinder-contextmenu-header {
.elfinder .elfinder-contextmenu-header span {
.elfinder .elfinder-contextmenu-item {
.elfinder .elfinder-contextmenu-item.ui-state-active {
.elfinder .elfinder-contextmenu-item .ui-icon {
.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-item .ui-icon {
.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-item .ui-icon {
.elfinder-touch .elfinder-contextmenu-item {
/* root icon of each volume */
.elfinder-navbar-root-local.elfinder-contextmenu-icon {
background-image: url("../img/volume_icon_local.svg");
background-size: contain;
.elfinder-navbar-root-trash.elfinder-contextmenu-icon {
background-image: url("../img/volume_icon_trash.svg");
background-size: contain;
.elfinder-navbar-root-ftp.elfinder-contextmenu-icon {
background-image: url("../img/volume_icon_ftp.svg");
background-size: contain;
.elfinder-navbar-root-sql.elfinder-contextmenu-icon {
background-image: url("../img/volume_icon_sql.svg");
background-size: contain;
.elfinder-navbar-root-dropbox.elfinder-contextmenu-icon {
background-image: url("../img/volume_icon_dropbox.svg");
background-size: contain;
.elfinder-navbar-root-googledrive.elfinder-contextmenu-icon {
background-image: url("../img/volume_icon_googledrive.svg");
background-size: contain;
.elfinder-navbar-root-onedrive.elfinder-contextmenu-icon {
background-image: url("../img/volume_icon_onedrive.svg");
background-size: contain;
.elfinder-navbar-root-box.elfinder-contextmenu-icon {
background-image: url("../img/volume_icon_box.svg");
background-size: contain;
.elfinder-navbar-root-zip.elfinder-contextmenu-icon {
background-image: url("../img/volume_icon_zip.svg");
background-size: contain;
.elfinder-navbar-root-network.elfinder-contextmenu-icon {
background-image: url("../img/volume_icon_network.svg");
background-size: contain;
.elfinder .elfinder-contextmenu .elfinder-contextmenu-item span {
/* submenu item in rtl/ltr enviroment */
.elfinder .elfinder-contextmenu-sub .elfinder-contextmenu-item {
.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-item {
.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-item {
.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-sub .elfinder-contextsubmenu-item-icon {
.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-sub .elfinder-contextsubmenu-item-icon {
.elfinder-touch .elfinder-contextmenu-ltr .elfinder-contextmenu-sub .elfinder-contextsubmenu-item-icon {
.elfinder-touch .elfinder-contextmenu-rtl .elfinder-contextmenu-sub .elfinder-contextsubmenu-item-icon {
/* command/submenu icon */
.elfinder .elfinder-contextmenu-extra-icon,
.elfinder .elfinder-contextmenu-arrow,
.elfinder .elfinder-contextmenu-icon {
.elfinder-touch .elfinder-button-icon.elfinder-contextmenu-icon {
transform-origin: center center;
/* command icon in rtl/ltr enviroment */
.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-icon {
.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-icon {
.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-extra-icon {
.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-extra-icon {
.elfinder .elfinder-contextmenu-arrow {
background: url('../img/arrows-normal.png') 5px 4px no-repeat;
/* arrow icon in rtl/ltr enviroment */
.elfinder .elfinder-contextmenu-ltr .elfinder-contextmenu-arrow {
.elfinder .elfinder-contextmenu-rtl .elfinder-contextmenu-arrow {
background-position: 0 -10px;
/* command extra icon's <a>, <span> tag */
.elfinder .elfinder-contextmenu-extra-icon a,
.elfinder .elfinder-contextmenu-extra-icon span {
color: transparent !important;
/* disable ui border/bg image on hover */
.elfinder .elfinder-contextmenu .ui-state-hover {
.elfinder .elfinder-contextmenu-separator {
border-top: 1px solid #ccc;
/* for CSS style priority to ui-state-disabled - "background-image: none" */
.elfinder .elfinder-contextmenu-item .elfinder-button-icon.ui-state-disabled {
background-image: url('../img/toolbar.png');