Viewing File: /usr/local/cpanel/whostmgr/docroot/templates/menu/command.css

/*
     WARNING: This is a generated file. Any changes you make directly to this file
     will be overwritten when the file is regenerated. Add styles to the appropriate
     .less file instead.
*/
/* ------------------------------------------------------------------------------ */
/* Command (Left Frame)
/* ------------------------------------------------------------------------------ */
.sidebar {
  margin: 0;
  color: #666666;
  background-color: #fbfbfb;
}
.sidebar {
  /*We need to remove our default margin & padding in order to fill the entire width of the left frame */
  /* .hideMainCommand is used by <ul id="mainCommand"> to hide itself when all its
        child elements are hidden. Without hiding itself, it shows unwanted blank space. */
  /*commander list*/
  /*category sublist*/
  /* lighter orange FEA83F
       darker orange  f78e1e */
  /* Command Footer */
}
.sidebar .hide {
  display: none;
}
.sidebar .commandContainer,
.sidebar .commandContainer *,
.sidebar .commandContainer *:before,
.sidebar .commandContainer *:after {
  box-sizing: border-box;
  width: inherit;
}
.sidebar div.commandContainer {
  padding: 0;
  margin: 0;
  height: 100%;
  width: inherit;
  background-color: #fafafa;
  position: relative;
}
.sidebar .searchContainer {
  height: 69px;
  padding: 0 0 0 0;
  background-color: #eaeaea;
}
.sidebar .searchBox {
  width: 100%;
  padding: 4px 0 0 0;
  background: none;
  border: none;
  height: 42px;
}
.sidebar .quickJumpWrapper {
  width: 97%;
  padding: 0 1%;
  position: relative;
}
.sidebar #quickJump {
  width: 210px;
  height: 26px;
  font-size: 14px;
  border: 1px solid #ccc;
  overflow: visible;
  line-height: 26px;
  text-indent: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #ffffff;
  -webkit-box-shadow: inset 0 0 1px #ccc;
  -moz-box-shadow: inset 0 0 1px #ccc;
  -o-box-shadow: inset 0 0 1px #ccc;
  box-shadow: inset 0 0 1px #ccc;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
.sidebar #quickJump:focus {
  border: 1px solid #91a8c2;
  -webkit-box-shadow: 0 0 6px #708eb0;
  -moz-box-shadow: 0 0 6px #708eb0;
  -o-box-shadow: 0 0 6px #708eb0;
  box-shadow: 0 0 6px #708eb0;
  outline: 0;
}
.sidebar .quickJumpIcon {
  width: 25px;
  height: 25px;
  background-color: #fb8115;
  position: absolute;
  top: 5px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.sidebar .quickJumpIcon.search {
  background: url(/themes/x/images/filter-search.png) no-repeat scroll 0 0;
}
.sidebar .quickJumpIcon.cancel {
  cursor: pointer;
  background: url(/themes/x/images/filter-cancel.png) no-repeat scroll 0 0;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  /* IE 5-7 */
  filter: alpha(opacity=70);
  -webkit-opacity: 0.7;
  /* Netscape */
  -moz-opacity: 0.7;
  /* Safari 1.x */
  -khtml-opacity: 0.7;
  /* Good browsers */
  opacity: 0.7;
}
.sidebar .quickJumpIcon.cancel:hover {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
}
.sidebar .collapseExpandContainer {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
.sidebar a.collapseExpandButton {
  color: #666666;
  text-align: center;
  width: 109px;
  height: 27px;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  background-color: #e9e9e9;
  border: 1px solid #bebebe;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top-color: #d0d0d0;
  outline: none;
}
.sidebar a.collapseExpandButton.expand {
  background-image: url(/themes/x/images/expand-all.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.sidebar a.collapseExpandButton.collapse {
  background: url(/themes/x/images/collapse-all.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.sidebar a.collapseExpandButton:hover,
.sidebar a.collapseExpandButton:focus {
  color: #444444;
  text-decoration: none;
  background-color: #dfdfdf;
  cursor: pointer;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.03);
  -o-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.03);
  border-color: #bebebe;
  border-color: rgba(0, 0, 0, 0.2);
}
.sidebar a.collapseExpandButton:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.03);
  -o-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.03);
  border-color: rgba(0, 0, 0, 0.2);
}
.sidebar .mainCommandWrapper ul.hideMainCommand {
  display: none;
}
.sidebar .mainCommandWrapper {
  position: absolute;
  top: 69px;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  width: inherit;
}
.sidebar #mainCommand {
  list-style: none;
  padding: 0;
  font-size: 12px;
  border-right: 1px solid #d0d0d0;
  margin: 0;
  width: 100%;
}
.sidebar ul#mainCommand > :first-child .categoryHeader {
  border-top: none;
  width: inherit;
}
.sidebar #mainCommand li.expanded > ul {
  display: block;
}
.sidebar #mainCommand li.collapsed > ul {
  display: none;
}
.sidebar #mainCommand > :first-child .categoryHeader {
  border-top: none;
}
.sidebar .categoryHeader {
  background-color: #eaeaea;
  display: block;
  cursor: pointer;
  border-bottom: 1px solid #cecece;
  position: relative;
}
.sidebar .categoryHeader a:hover {
  color: #000000;
  text-decoration: none;
}
.sidebar .expanded > .categoryHeader:hover {
  color: #000000;
  border-color: #999999;
  background-color: #c8c8c8;
}
.sidebar .collapsed > .categoryHeader:hover {
  color: #000000;
  border-color: #999999;
  text-shadow: 0 0 1px #e9e9e9;
  background-color: #e2e2e2;
}
.sidebar .categoryHeader.highlighted,
.sidebar .categoryHeader.highlighted:hover {
  background-color: #9d9d9d;
  border-color: #7b7b7b #9d9d9d #9d9d9d;
}
.sidebar .categoryHeader a,
.sidebar .categoryHeader a:link,
.sidebar .categoryHeader a:visited {
  display: block;
  color: #4c4c4c;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  width: 85%;
  word-wrap: break-word;
}
.sidebar .categoryHeader.highlighted a,
.sidebar .categoryHeader.highlighted a:hover,
.sidebar .categoryHeader.highlighted a:focus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  outline: none;
}
.sidebar .categoryHeader a:focus {
  outline: none;
}
.sidebar .categoryHeader a > img {
  position: absolute;
  top: 7px;
  width: 16px;
  height: 16px;
}
.sidebar .categoryHeader a > span {
  width: 100%;
  cursor: pointer;
  /* This explicit setting is needed for IE 7 */
}
.sidebar .categoryHeader .actionIconContainer {
  position: absolute;
  top: 0;
  width: 15%;
  height: 100%;
}
.sidebar .categoryHeader .actionIcon {
  width: 30px;
  height: 20px;
  margin: 5px auto;
  background: url(/themes/x/images/expand-sprite.png) no-repeat scroll transparent;
}
.sidebar .collapsed .categoryHeader.highlighted .actionIcon {
  background: url(/themes/x/images/expand-sprite.png) no-repeat scroll transparent;
}
.sidebar .expanded .categoryHeader .actionIcon {
  background: url(/themes/x/images/expand-sprite.png) no-repeat scroll transparent;
}
.sidebar .expanded .categoryHeader.highlighted .actionIcon {
  background: url(/themes/x/images/expand-sprite.png) no-repeat scroll transparent;
}
.sidebar ul.sub {
  color: #4c4c4c;
  list-style: none;
  padding: 0;
  margin: 0;
}
.sidebar ul.sub li {
  padding: 0;
  background-color: #fbfbfb;
  border-top: 1px solid #fbfbfb;
  border-bottom: 1px solid #fbfbfb;
}
.sidebar ul.sub li a {
  text-decoration: none;
  color: #4c4c4c;
  /*Entire li clickable*/
  display: block;
}
.sidebar ul.sub li:hover,
.sidebar ul.sub li a:hover {
  background-color: #f5f5f5;
  color: #000000;
}
.sidebar ul.sub li.highlighted {
  background-color: #656565;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.sidebar ul.sub li.highlighted:hover,
.sidebar ul.sub li.highlighted a:hover {
  text-shadow: none;
  background-color: #4c4c4c;
}
.sidebar ul.sub li.highlighted a {
  color: #ffffff;
  text-decoration: none;
}
.sidebar ul.sub li.highlighted a:focus {
  outline: 0;
}
.sidebar ul.sub li.even {
  background-color: #ededed;
}
.sidebar ul.sub li.activePage,
.sidebar .categoryHeader.activePage {
  border-top-color: #708b92;
  border-bottom-color: #708b92;
  background-color: #293a4a;
  transition: background-color 0.25s ease-in;
  -webkit-transition: background-color 0.25s ease-in;
  -moz-transition: background-color 0.25s ease-in;
  -o-transition: background-color 0.25s ease-in;
}
.sidebar ul.sub li.activePage a,
.sidebar .categoryHeader.activePage > a {
  color: #ffffff;
  text-decoration: none;
  text-shadow: none;
}
.sidebar ul.sub li.activePage:hover,
.sidebar ul.sub li.activePage a:hover,
.sidebar .categoryHeader.activePage:hover,
.sidebar .categoryHeader.activePage.highlighted,
.sidebar ul.sub li.highlighted.activePage {
  background: none;
  text-decoration: none;
  text-shadow: none;
  background-color: #293a4a;
}
.sidebar .categoryHeader.activePage.highlighted:hover,
.sidebar ul.sub li.highlighted.activePage a:hover {
  background-color: #708b92;
}
.sidebar .commandFooter {
  margin: 0 auto;
  font-size: 11px;
}
.sidebar .commandFooter .legal {
  padding: 4px 0 4px 0;
  text-align: center;
  background-color: #eaeaea;
  border-top: 1px solid #b1b1b1;
  border-right: 1px solid #d0d0d0;
}
.sidebar .commandFooter .legal a:link,
.sidebar .commandFooter .legal a:visited,
.sidebar .commandFooter .legal a:active {
  color: #4c4c4c;
  cursor: default;
  text-decoration: underline;
}
.sidebar .commandFooter .legal a:hover,
.sidebar .commandFooter .legal a:focus {
  color: #000000;
  cursor: pointer;
  text-decoration: underline;
}
.sidebar .commandFooter .copyright {
  display: block;
  margin: 0 0 4px 0;
  text-align: center;
}
.sidebar .jumpUp,
.sidebar .jumpUp:hover {
  border-color: #7b7b7b #9d9d9d #9d9d9d;
  border-right: 1px solid #d0d0d0;
}
.sidebar .wraptext {
  word-wrap: break-word;
  overflow: hidden;
  display: block;
}
.sidebar .categoryHeader a > img.backtotop {
  width: auto;
  height: auto;
}
.sidebar .trademark {
  padding: 0 5px 0 5px;
}
.sidebar .soloWrapper {
  align-content: center;
  width: 50%;
}
html[dir="ltr"] .sidebar #quickJump {
  padding: 3px 0 3px 3px;
}
html[dir="ltr"] .sidebar .quickJumpIcon {
  right: 0;
}
html[dir="ltr"] .sidebar .categoryHeader a {
  /*padding: 0.583em 0 0.583em 2.3em; */
  /*accommodate the icon's size*/
  padding: 6px 0 6px 30px;
}
html[dir="ltr"] .sidebar .categoryHeader a > img {
  left: 3px;
}
html[dir="ltr"] .sidebar .categoryHeader a > span {
  padding-right: 3px;
}
html[dir="ltr"] .sidebar .collapsed .categoryHeader a > span {
  border-right: 1px solid #dadada;
}
html[dir="ltr"] .sidebar .collapsed .categoryHeader.highlighted a > span {
  border-right: 1px solid #8c8c8c;
}
html[dir="ltr"] .sidebar .expanded .categoryHeader a > span {
  border-right: 1px solid #bfbfbf;
}
html[dir="ltr"] .sidebar .expanded .categoryHeader.highlighted a > span {
  border-right: 1px solid #8c8c8c;
}
html[dir="ltr"] .sidebar .categoryHeader .actionIconContainer {
  right: 0;
}
html[dir="ltr"] .sidebar .categoryHeader .actionIcon {
  right: 0;
  background-position: 2px -129px;
}
html[dir="ltr"] .sidebar .collapsed .categoryHeader.highlighted .actionIcon {
  background-position: 2px -179px;
}
html[dir="ltr"] .sidebar .expanded .categoryHeader .actionIcon {
  background-position: 1px -29px;
}
html[dir="ltr"] .sidebar .expanded .categoryHeader.highlighted .actionIcon {
  background-position: 1px -279px;
}
html[dir="ltr"] .sidebar ul.sub li a {
  padding: 4px 0 4px 10px;
}
html[dir="ltr"] .sidebar .categoryHeader.activePage .actionIcon,
html[dir="ltr"] .sidebar .categoryHeader.activePage:hover .actionIcon {
  right: 0;
  background-position: 2px -179px;
}
html[dir="ltr"] .sidebar .expanded .categoryHeader.activePage .actionIcon {
  background-position: 1px -29px;
}
html[dir="ltr"] .sidebar .collapsed .categoryHeader.activePage a > span {
  border-right: 1px solid #ee7b00;
}
html[dir="ltr"] .sidebar .collapsed .categoryHeader.activePage:hover a > span,
html[dir="ltr"] .sidebar .collapsed .categoryHeader.activePage.highlighted a > span {
  border-right: 1px solid #596b70;
}
html[dir="ltr"] .sidebar .expanded .categoryHeader.activePage a > span {
  border-right: 1px solid #ee7b00;
}
html[dir="ltr"] .sidebar .expanded .categoryHeader.activePage:hover a > span,
html[dir="ltr"] .sidebar .expanded .categoryHeader.activePage.highlighted a > span {
  border-right: 1px solid #596b70;
}
html[dir="rtl"] .sidebar #quickJump {
  padding: 3px 3px 3px 0;
}
html[dir="rtl"] .sidebar .quickJumpIcon {
  left: 0;
}
html[dir="rtl"] .sidebar #mainCommand {
  float: none;
  border-left: 1px solid #d0d0d0;
  border-right: none;
}
html[dir="rtl"] .sidebar .categoryHeader a {
  padding: 6px 30px 6px 0;
  width: 85%;
}
html[dir="rtl"] .sidebar .categoryHeader a > img {
  right: 9px;
}
html[dir="rtl"] .sidebar .categoryHeader a > span {
  padding-left: 3px;
}
html[dir="rtl"] .sidebar .collapsed .categoryHeader a > span {
  border-left: 1px solid #dadada;
}
html[dir="rtl"] .sidebar .collapsed .categoryHeader.highlighted a > span {
  border-left: 1px solid #8c8c8c;
}
html[dir="rtl"] .sidebar .expanded .categoryHeader a > span {
  border-left: 1px solid #bfbfbf;
}
html[dir="rtl"] .sidebar .expanded .categoryHeader.highlighted a > span {
  border-left: 1px solid #8c8c8c;
}
html[dir="rtl"] .sidebar .categoryHeader .actionIconContainer {
  left: 5px;
}
html[dir="rtl"] .sidebar .collapsed .actionIconContainer {
  left: 2px;
}
html[dir="rtl"] .sidebar .categoryHeader .actionIcon {
  left: 0;
  background-position: 0 -104px;
}
html[dir="rtl"] .sidebar .collapsed .categoryHeader.highlighted .actionIcon {
  background-position: 0 -154px;
}
html[dir="rtl"] .sidebar .expanded .categoryHeader .actionIcon {
  background-position: -2px -29px;
}
html[dir="rtl"] .sidebar .expanded .categoryHeader.highlighted .actionIcon {
  background-position: -2px -279px;
}
html[dir="rtl"] .sidebar ul.sub li a {
  padding: 4px 10px 4px 0;
}
html[dir="rtl"] .sidebar .categoryHeader.activePage .actionIcon,
html[dir="rtl"] .sidebar .categoryHeader.activePage:hover .actionIcon {
  left: 0;
  background-position: 0 -154px;
}
html[dir="rtl"] .sidebar .expanded .categoryHeader.activePage .actionIcon {
  background-position: -2px -29px;
}
html[dir="rtl"] .sidebar .collapsed .categoryHeader.activePage a > span {
  border-left: 1px solid #ee7b00;
}
html[dir="rtl"] .sidebar .collapsed .categoryHeader.activePage:hover a > span,
html[dir="rtl"] .sidebar .collapsed .categoryHeader.activePage.highlighted a > span {
  border-left: 1px solid #596b70;
}
html[dir="rtl"] .sidebar .expanded .categoryHeader.activePage a > span {
  border-left: 1px solid #ee7b00;
}
html[dir="rtl"] .sidebar .expanded .categoryHeader.activePage:hover a > span,
html[dir="rtl"] .sidebar .expanded .categoryHeader.activePage.highlighted a > span {
  border-left: 1px solid #596b70;
}
html[dir="rtl"] .sidebar .jumpUp,
html[dir="rtl"] .sidebar .jumpUp:hover {
  border-left: 1px solid #d0d0d0;
  border-right: none;
}
html[dir="rtl"] .sidebar .commandFooter {
  width: 100%;
}
html[dir="rtl"] .sidebar .commandFooter .legal {
  border-left: 1px solid #d0d0d0;
  border-right: none;
}
body.nav-collapsed #sidebar {
  display: none;
}