/**
 * @provides phabricator-standard-page-view
 */

.phabricator-anchor-view,
.phabricator-anchor-navigation-marker {
  position: absolute;
  margin-top: -15px;
}

.phabricator-chromeless-page .phabricator-standard-page {
  background: transparent;
  border-width: 0px;
}

.phabricator-standard-page-body {
  clear: both;
}

body.white-background {
  background: {$page.content};
}

.phabricator-standard-page-footer {
  text-align: right;
  margin: 44px 16px 16px;
  padding: 12px 0;
  border-top: 1px solid rgba({$alphagrey},.1);
  color: {$greytext};
}

.with-durable-column .phabricator-standard-page-footer {
  margin: 36px 16px 28px;
}

.device .phabricator-standard-page-footer {
  margin: 24px 8px 16px;
}

!print .phabricator-standard-page-footer {
  display: none;
}

.device-desktop .has-local-nav + .phabricator-standard-page-footer {
  margin-left: 221px;
}

.device .phabricator-side-menu-home + .phabricator-standard-page-footer {
  display: none;
}

.keyboard-shortcut-help {
  margin: 4px 12px;
}

.keyboard-shortcut-help td,
.keyboard-shortcut-help th {
  padding: 6px;
  vertical-align: middle;
}

.keyboard-shortcut-help th {
  white-space: nowrap;
  color: {$greytext};
}

.keyboard-shortcut-key {
  display: inline-block;
  min-width: 1em;
  min-height: 1em;
  padding: 4px 6px;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba({$alphablue}, 0.08);
  user-select: none;
  color: {$darkgreytext};
  background: {$lightgreybackground};
  border: 1px solid {$lightgreyborder};
}

.keyboard-focus-focus-reticle {
  position: absolute;

  box-sizing: border-box;
  border-width: 0 6px 0 0;
  border-style: solid;
  border-color: {$yellow};
  background: {$lightyellow};
}

a.handle-status-closed {
  text-decoration: line-through;
  color: #676767;
}

a.handle-status-closed:hover {
  text-decoration: line-through;
  color: #19558D;
}

.handle-availability-none .perfect-circle {
  color: {$red};
}

.handle-availability-partial .perfect-circle {
  color: {$orange};
}

.handle-availability-no-email .perfect-circle {
  color: {$violet};
}

.handle-availability-disabled .perfect-circle {
  color: {$greytext};
}

.aphront-developer-error-callout {
  position: relative;
  padding: 2em;
  background: #aa0000;
  color: white;
  text-align: center;
  font-size: {$smallerfontsize};
}

.phui-handle.phui-link-person {
  /* Prevent linebreaks between user availability markers and usernames. */
  white-space: nowrap;
}

.phui-handle .phui-icon-view {
  display: inline-block;
  margin: 2px 2px -2px 0;
}

.jx-scrollbar-frame {
  position: relative;
  overflow: hidden;
}

.jx-scrollbar-viewport {
  position: absolute;
  overflow-x: hidden;
  overflow-y: scroll;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.jx-scrollbar-test {
  position: absolute;
  left: -300px;
}

.jx-scrollbar-bar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 7px;
  width: 11px;
}

.jx-scrollbar-bar .jx-scrollbar-handle {
  position: absolute;
  right: 2px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  min-height: 10px;
  width: 7px;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  background: #6c6e71;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
}

.jx-scrollbar-bar:hover .jx-scrollbar-handle {
  opacity: 0.7;
  -webkit-transition: opacity 0 linear;
  -moz-transition: opacity 0 linear;
  -o-transition: opacity 0 linear;
  -ms-transition: opacity 0 linear;
  transition: opacity 0 linear;
}

.jx-scrollbar-bar .jx-scrollbar-visible {
  opacity: 0.7;
}

.jx-scrollbar-link {
  position: absolute;
  left: -50px;
}

.phabricator-standard-page-tabs {
  padding: 0 32px;
  margin-bottom: 32px;
  background: {$page.content};
  box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
}

.device .phabricator-standard-page-tabs {
  margin-bottom: 20px;
  padding: 0 12px;
}

.device-phone .phabricator-standard-page-tabs {
  text-align: center;
}

.device-phone
  .phabricator-standard-page-tabs.phui-list-view.phui-list-tabbar > li {
    display: inline-block;
    float: none;
}

.phabricator-standard-page-tabs.phui-list-tabbar .phui-list-item-href {
  padding: 12px 24px;
}
