d2-ui/lib/css/HeaderBar.css

d2-ui

/**
 * Bootstrap 3.0 box-sizing fix
 */
/* line 4, ../../scss/HeaderBar.scss */
#menuLinkArea * {
  box-sizing: content-box;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -o-box-sizing: content-box;
  -m-box-sizing: content-box;
}

/* line 12, ../../scss/HeaderBar.scss */
#menuLinkArea {
  list-style-type: none;
  max-width: 1200px;
  margin: 0;
  padding: 0 20px 0 0;
}

/* line 19, ../../scss/HeaderBar.scss */
#menuLinkArea li {
  float: right;
}

/* line 23, ../../scss/HeaderBar.scss */
#menuLinkArea .app-menu-dropdown li {
  float: left;
}

/* line 27, ../../scss/HeaderBar.scss */
input.apps-search[type="text"] {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: content-box;
  font-size: inherit;
  outline: none;
  padding: 4px 1px;
  padding-right: 5px;
  padding-left: 5px;
  width: 348px;
}

/* line 39, ../../scss/HeaderBar.scss */
.apps-search-wrap {
  padding-bottom: 10px;
  position: relative;
  width: 360px;
}

/* line 45, ../../scss/HeaderBar.scss */
.app-menu-dropdown .apps-search-clear {
  color: #404040;
  cursor: pointer;
  display: none;
  font-size: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 5px;
  top: 18%;
  width: 20px;
}

/* line 59, ../../scss/HeaderBar.scss */
.menuDropDownBox {
  list-style-type: none;
  padding: 0;
  margin: 10px 0;
}

/* line 65, ../../scss/HeaderBar.scss */
.menuDropDownBox a {
  border-radius: 3px;
  cursor: pointer;
}

/* line 70, ../../scss/HeaderBar.scss */
.menuDropDownBox a:hover {
  text-decoration: none;
  background-color: #f5f5f7;
  color: #000;
}

/* line 76, ../../scss/HeaderBar.scss */
.menuDropDownBox li.selected a {
  background-color: #f5f5f7;
}

/* line 80, ../../scss/HeaderBar.scss */
.app-menu:after {
  clear: both;
  content: "";
}

/* line 85, ../../scss/HeaderBar.scss */
.app-menu ul,
.app-menu li {
  list-style: none;
}

/* line 90, ../../scss/HeaderBar.scss */
.app-manager-header,
.app-menu {
  margin: 0 auto;
  position: relative;
  width: 535px;
}

/* line 97, ../../scss/HeaderBar.scss */
.app-menu li {
  float: left;
  position: relative;
}

/* line 102, ../../scss/HeaderBar.scss */
#menuOrderBy {
  float: right;
}

/* line 106, ../../scss/HeaderBar.scss */
.app-menu .app-menu-item,
.app-menu .app-menu-placeholder {
  margin: 10px;
  display: block;
  border: 1px solid #d0d0d0;
  background-color: #fff;
  width: 225px;
  height: 56px;
  border-radius: 5px;
  padding: 10px;
}

/* line 118, ../../scss/HeaderBar.scss */
.app-menu .app-menu-item img {
  max-height: 36px;
  max-width: 36px;
  display: block;
  left: 25px;
  top: 29px;
  position: absolute;
}

/* line 127, ../../scss/HeaderBar.scss */
.app-menu .app-menu-item span {
  font-size: 1.15em;
  padding-left: 48px;
  display: block;
  padding-top: 19px;
  color: #404040;
}

/* line 135, ../../scss/HeaderBar.scss */
.app-menu .app-menu-placeholder,
.app-menu .app-menu-item:hover {
  border: 1px dashed #9ec5df;
  background-color: #e9f5fb;
  text-decoration: none;
}

/* line 142, ../../scss/HeaderBar.scss */
.app-menu-item-description {
  display: none;
}

/* line 146, ../../scss/HeaderBar.scss */
.app-menu-item-description .fa.fa-arrows {
  font-size: 1.3em;
  position: absolute;
  right: 5px;
  top: 5px;
}

/**
 * When hovered display the description and hide the favorites icon
 */
/* line 156, ../../scss/HeaderBar.scss */
.app-menu li:hover a .app-menu-item-description {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border: 1px solid #b0b0b0;
  display: block;
  margin: 10px;
  padding: 10px 10px;
  font-size: 1em;
  color: #555;
  border-radius: 5px;
}

/* line 172, ../../scss/HeaderBar.scss */
.app-menu li.ui-sortable-helper:hover a .app-menu-item-description {
  display: none;
}

/* line 176, ../../scss/HeaderBar.scss */
.app-menu li.ui-sortable-helper:hover a {
  background-color: rgba(255, 255, 255, 0.3);
}

/* line 180, ../../scss/HeaderBar.scss */
.app-menu-item .app-menu-item-description span {
  color: #444;
  display: block;
  font-size: 1.1em;
  padding: 0;
  padding-bottom: 5px;
  margin: 0;
}

/* line 189, ../../scss/HeaderBar.scss */
.app-menu-item .app-menu-item-description p {
  height: 35px;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

/* line 196, ../../scss/HeaderBar.scss */
.app-menu li:hover a .fa.fa-bookmark {
  display: none;
}

/* line 200, ../../scss/HeaderBar.scss */
.app-menu a.app-menu-item .fa.fa-bookmark {
  color: #276696;
  font-size: 2em;
  position: absolute;
  right: 15px;
  top: 10px;
}

/**
 * IE8 hack to display all items after the 9th item differently
 * TODO: When support for IE8 is dropped this can be changed to a nth style selector
 */
/* line 212, ../../scss/HeaderBar.scss */
.app-menu li + li + li + li + li + li + li + li + li + li a.app-menu-item .fa.fa-bookmark {
  display: none;
}

/**
 * App menu item
 */
/* line 219, ../../scss/HeaderBar.scss */
.menu-link {
  color: #fff;
  cursor: pointer;
  font-size: 9pt;
  height: 44px;
  line-height: 44px;
  text-align: center;
  min-width: 105px;
  white-space: nowrap;
}

/* line 230, ../../scss/HeaderBar.scss */
.menu-link i.fa {
  font-size: 2em;
  padding-right: 10px;
  position: relative;
  top: 5px;
}

/* line 237, ../../scss/HeaderBar.scss */
a.menu-link:hover {
  color: #fff;
  text-decoration: none;
}

/**
 * App menu dropdown box
 */
/* line 245, ../../scss/HeaderBar.scss */
.app-menu-dropdown {
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 2px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 8px 0px;
  color: #000;
  font-size: 9pt;
  max-height: 610px;
  overflow-y: inherit;
  padding: 10px;
  top: 10px;
  position: relative;
  width: 360px;
  z-index: 100000;
  /* Quite high for any other elements that might have high z-indexes  */
}

/* line 261, ../../scss/HeaderBar.scss */
.app-menu-dropdown-wrap {
  position: absolute;
  left: -9999px;
}

/* line 266, ../../scss/HeaderBar.scss */
.app-menu-hide {
  display: none;
}

/* line 270, ../../scss/HeaderBar.scss */
.app-menu-dropdown ul {
  margin: 0;
  overflow: auto;
}

/* line 275, ../../scss/HeaderBar.scss */
.app-menu-dropdown li {
  float: left;
}

/* line 279, ../../scss/HeaderBar.scss */
.app-menu-dropdown img {
  padding-left: 36px;
  padding-right: 36px;
  padding-top: 15px;
  padding-bottom: 5px;
  max-height: 48px;
  max-width: 48px;
}

/* line 288, ../../scss/HeaderBar.scss */
.app-menu-dropdown span {
  color: #404040;
  display: block;
  font-family: LiberationSans, arial, sans-serif;
  height: 30px;
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  width: 100px;
}

/* line 300, ../../scss/HeaderBar.scss */
.app-menu-dropdown .caret-up-background,
.app-menu-dropdown .caret-up-border {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  width: 0;
  height: 0;
  position: absolute;
}

/* line 309, ../../scss/HeaderBar.scss */
.app-menu-dropdown .caret-up-background {
  border-bottom: 10px solid #fff;
  top: -9px;
}

/* line 314, ../../scss/HeaderBar.scss */
.app-menu-dropdown .caret-up-border {
  border-bottom: 10px solid #bbb;
  top: -10px;
}

/* line 319, ../../scss/HeaderBar.scss */
.app-menu-dropdown a.app-menu-item {
  color: #000;
  display: block;
  height: 110px;
  padding: 0;
  text-decoration: none;
  width: 120px;
}

/* line 328, ../../scss/HeaderBar.scss */
.app-menu-dropdown a.app-menu-item:hover span {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  width: 100px;
}

/* line 335, ../../scss/HeaderBar.scss */
.apps-menu-bottom-button {
  display: table;
  height: 34px;
  padding-top: 8px;
  text-align: center;
  margin-top: 5px;
  float: left;
}

/* line 344, ../../scss/HeaderBar.scss */
.apps-menu-bottom-button a {
  color: #4A89BA;
  border: 1px solid #ccc;
  background-color: #f5f5f7;
  border-radius: 5px;
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
}

/* line 354, ../../scss/HeaderBar.scss */
.apps-scroll {
  width: 60px;
  margin-left: 5px;
}

/* line 359, ../../scss/HeaderBar.scss */
.app-menu-dropdown:after {
  content: " ";
  /* Older browser do not support empty content */
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}

/* line 367, ../../scss/HeaderBar.scss */
.apps-menu-bottom-button a:hover {
  color: #fff;
  border: 1px solid #4A89BA;
  background-color: #4A89BA;
}

/* line 373, ../../scss/HeaderBar.scss */
.apps-menu-more {
  width: 230px;
}

/* line 381, ../../scss/HeaderBar.scss */
.menu-placeholder {
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

/**
 * Overrides
 * TODO: Merge these with the main stylesheet
 */
/* line 391, ../../scss/HeaderBar.scss */
hr.app-separator {
  border: none;
  border-top: 1px solid #bbb;
  height: 1px;
  position: absolute;
  top: 484px;
  width: 100%;
}

/* line 400, ../../scss/HeaderBar.scss */
.menu-drop-down-wrap {
  overflow: hidden;
  height: 375px;
}

/* line 405, ../../scss/HeaderBar.scss */
.menu-drop-down-scroll {
  height: 375px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 384px;
}

/* line 412, ../../scss/HeaderBar.scss */
#appsMenuDropDown ul.menuDropDownBox {
  height: 330px;
}

/* line 416, ../../scss/HeaderBar.scss */
.caret-up-background,
.caret-up-border {
  left: 298px;
}

/* line 421, ../../scss/HeaderBar.scss */
.drop-down-menu-link {
  cursor: pointer;
  display: block;
  font-family: LiberationSans, arial, sans-serif;
}

/* line 427, ../../scss/HeaderBar.scss */
.show-menu {
  display: block;
}

/* line 431, ../../scss/HeaderBar.scss */
.app-menu-help {
  color: #444;
  line-height: 1.75em;
}

/* line 436, ../../scss/HeaderBar.scss */
.app-menu-help .fa {
  font-size: 1.2em;
}

/* line 440, ../../scss/HeaderBar.scss */
.app-menu-help .fa-bookmark {
  color: #276696;
  font-size: 1.5em;
  padding-right: 5px;
  position: relative;
  top: 2px;
}

/* line 448, ../../scss/HeaderBar.scss */
.app-menu-help .fa-arrows {
  padding-right: 4px;
}

/* line 452, ../../scss/HeaderBar.scss */
.app-menu-error {
  background: darkred;
  background: rgba(160, 0, 0, 0.7);
  border: 1px solid darkred;
  border-radius: 5px;
  display: block;
  padding: .5em 0;
  text-align: center;
  width: 358px;
}

/* line 463, ../../scss/HeaderBar.scss */
.app-menu-error:hover {
  background: rgba(160, 0, 0, 0.8);
  cursor: pointer;
}

/* line 468, ../../scss/HeaderBar.scss */
.app-menu-error a {
  background-color: transparent;
  color: white;
}

/* line 473, ../../scss/HeaderBar.scss */
.app-menu-error a:hover {
  background-color: transparent;
  color: white;
  text-decoration: none;
}

/*
 * Media queries for the menu
 */
@media (max-width: 700px), (max-device-width: 700px) {
  /* line 483, ../../scss/HeaderBar.scss */
  #headerText {
    display: none;
  }
}
@media only screen and (min-width: 840px) {
  /* line 489, ../../scss/HeaderBar.scss */
  .app-manager-header,
  .app-menu {
    width: 808px;
  }

  /* line 494, ../../scss/HeaderBar.scss */
  hr.app-separator {
    top: 288px;
  }
}