navbar.icons-rtl.css in Navbar 7

navbar.icons-rtl.css

RTL styles for navbar.icons.css

File

css/navbar.icons-rtl.css

/**
 * @file navbar.icons-rtl.css
 *
 * RTL styles for navbar.icons.css
 */

#navbar-administration .navbar-icon {
  padding-left: 1.3333em;
  padding-right: 2.75em;
}
#navbar-administration .navbar-icon:before {
  left: auto;
  right: 0.6667em;
}
#navbar-administration .navbar-menu ul .navbar-icon {
  padding-left: 0;
  padding-right: 1.3333em;
}
#navbar-administration .navbar-tray-vertical .navbar-menu ul a {
  padding-left: 0;
  padding-right: 2.75em;
}
#navbar-administration .navbar-tray-vertical .navbar-menu ul ul a {
  padding-left: 0;
  padding-right: 3.75em;
}
#navbar-administration .navbar-tray-vertical .navbar-menu a {
  padding-left: 4em;
  padding-right: 2.75em;
}

/**
 * Top level icons.
 */
.navbar-bar .navbar-icon-escape-admin:before {
  background-image: url("../icons/bebebe/chevron-disc-right.svg");
}
.no-svg .navbar-bar .navbar-icon-escape-admin:before {
  background-image: url("../icons/bebebe/chevron-disc-right.png");
}

@media only screen and (min-width: 16.5em) {
  #navbar-administration .navbar-bar .navbar-icon:before {
    left: auto;
    right: 0;
  }
}

@media only screen and (min-width: 36em) {
  #navbar-administration .navbar-bar .navbar-icon {
    background-position: right center;
    padding-left: 1.3333em;
    padding-right: 2.75em;
  }
  #navbar-administration .navbar-bar .navbar-icon:before {
    left: auto;
    right: 0.6667em;
  }
}

/**
 *  Accessibility/focus
 */
#navbar-administration .navbar-tab a {
  border-left: none;
  border-right: 2px solid transparent;
}
#navbar-administration .navbar-tray-horizontal a,
#navbar-administration .navbar-box a {
  border-left: none;
  border-right: 2px solid transparent;
}

/**
 * Handle.
 */
#navbar-administration .navbar-icon.navbar-handle:before {
  left: auto;
  right: 1.6667em;
}
.no-svg #navbar-administration .navbar-icon.navbar-handle:before {
  left: auto;
  right: 1.6667em;
}
#navbar-administration .navbar-icon-escape-admin:before {
  background-image: url(../icons/bebebe/chevron-disc-right.svg);
}
.no-svg #navbar-administration .navbar-icon-escape-admin:before {
  background-image: url(../icons/bebebe/chevron-disc-right.png);
}

/**
 * Orientation toggle.
 */
#navbar-administration .navbar-toggle-orientation button:before {
  left: auto;
  right: 0;
}
#navbar-administration .navbar-toggle-orientation .navbar-icon {
  padding-right: 0;
}
/**
 * In order to support a hover effect on the SVG images, while also supporting
 * RTL text direction and no SVG support, this little icon requires some very
 * specific targeting, setting and unsetting.
 */
#navbar-administration .navbar-toggle-orientation [value="vertical"]:before {
  background-image: url("../icons/bebebe/push-right.svg");
}
#navbar-administration .navbar-toggle-orientation [value="vertical"]:hover:before {
  background-image: url("../icons/787878/push-right.svg");
}
.no-svg #navbar-administration .navbar-toggle-orientation [value="vertical"]:before {
  background-image: url("../icons/bebebe/push-right.png");
}
.no-svg #navbar-administration .navbar-toggle-orientation [value="vertical"]:hover:before {
  background-image: url("../icons/787878/push-right.png");
}