/**
 * @provides phabricator-nav-view-css
 */

.jx-drag-col {
  cursor: col-resize;
}

.phabricator-nav {
  /* Force top margins in page content not to collapse with the top margin of
     the navigation container by giving it padding. Then put it in the right
     position by undoing the padding with a margin. */
  padding-top: 1px;
  margin-top: -1px;
}

.phabricator-nav-column-background {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 205px;
  background: #33383b;
  box-shadow: inset -3px 0 4px rgba(0, 0, 0, 0.05);
  background-image: url(/rsrc/image/menu_texture.png);
}

.phabricator-nav-column-background,
.phabricator-nav-local,
.phabricator-nav-drag {
  display: none;
}

.device-desktop .has-local-nav .phabricator-nav-column-background,
.device-desktop .has-local-nav .phabricator-nav-local,
.device-desktop .has-local-nav .phabricator-nav-drag {
  display: block;
}

.phabricator-nav-local {
  width: 205px;
  position: absolute;
  left: 0;
  white-space: nowrap;

  overflow-x: hidden;
  overflow-y: auto;
}

.phabricator-nav-drag {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 205px;
  width: 7px;

  cursor: col-resize;
  background: #f5f5f5;
  border-style: solid;
  border-width: 0 1px 0 1px;
  border-color: #fff #999c9e #fff #999c9e;

  box-shadow: inset -1px 0px 1px rgba(0, 0, 0, 0.15);

  background-image: url(/rsrc/image/divot.png);
  background-position: center;
  background-repeat: no-repeat;
}

.device-desktop .phabricator-standard-page-body .has-drag-nav .phabricator-nav-content {
  margin-left: 212px;
}

.device-desktop .has-local-nav .phabricator-nav-content {
  margin-left: 205px;
}

.phabricator-side-menu-home .phabricator-nav-column-background,
.phabricator-side-menu-home .phabricator-nav-local {
  width: 300px;
}

.device-desktop .phabricator-side-menu-home .phabricator-nav-content {
  margin-left: 300px;
}