.PlanetContainer
  absolute top bottom right
  left 55px
  .tags
    white-space: nowrap;
    overflow-x: auto;
    a
      margin 0 2px
      text-decoration underline
      cursor pointer
      &.noTag
        color inactiveTextColor
        font-size 0.8em

.PlanetHeader
  absolute left right top
  overflow-y hidden
  height 55px
  background-color white
  border-bottom solid 1px borderColor
  box-sizing border-box
  padding 5px 15px
  clearfix()
  .headerLabel
    noSelect()
    absolute top left bottom
    overflow hidden
    display inline-block
    width 200px
    .userName
      position absolute
      left 15px
      top 30px
      width 140px
      font-size 1em
      color textColor
      &:hover
        color darken(lightButtonColor, 50%)
    .planetName
      position absolute
      top 5px
      left 10px
      width 145px
      font-size 1.6em
      color brandColor
      overflow hidden
      text-overflow ellipsis
      white-space nowrap
      &:hover
        color darken(brandBorderColor, 30%)
    .menuBtn
      position absolute
      top 12px
      right 5px
      font-size 1em
      btnDefault()
      box-sizing border-box
      circle()
      width 33px
      height 33px
      text-align center
      cursor pointer
      transition 0.1s
      transform scale(0.8)
      &:focus, &.focus
        outline none
  .headerControl
    noSelect()
    absolute top bottom right
    left 200px
    .searchInput
      display block
      position absolute
      top 12px
      left 0
      input
        padding-left 32px
        width 300px
      .fa
        position absolute
        top 8px
        left 12px
        color inactiveTextColor

.PlanetNavigator
  absolute bottom left
  noSelect()
  top 55px
  width 200px
  border-right solid 1px highlightenBorderColor
  padding 10px
  box-sizing border-box
  .launchButton
    border-radius 22px
    font-size 1.1em
  nav
    a
      display block
      box-sizing border-box
      padding 15px 15px
      margin 10px 0
      border-radius 10px
      text-decoration none
      background-color transparent
      color textColor
      cursor pointer
      transition 0.1s
      btnDefault()
      border none
  .usersLabel
    margin-top 35px
    margin-bottom 5px
  .users
    li
      width 44px
      height 44px
      float left
      margin 3px
      line-height 44px
      .userPhoto
        circle()
        width 44px
        height 44px
        box-shadow 1px 1px 4px 0px #C5C5C5
      .userTooltip
        position absolute
        z-index 500
        background-color transparentify(invBackgroundColor, 80%)
        color invTextColor
        padding 10px
        line-height 1em
        border-radius 5px
        margin-top -15px
        opacity 0
        transition 0.1s
        pointer-events none
      &:hover .userTooltip
        opacity 1
      &.addUserButton
        circle()


.PlanetArticleList
  absolute bottom right
  left 200px
  top 55px
  width 250px
  border-right solid 1px highlightenBorderColor

  &>ul
    absolute top bottom left right
    overflow-y auto
    li
      .articleItem
        user-select none
        border solid 2px transparent
        padding 10px
        cursor pointer
        transition 0.1s
        .itemHeader
          clearfix()
          margin-bottom 15px
        .callSign, .title
          float left
          font-weight 600
          font-size 1.1em
          line-height 140%
        .updatedAt
          float right
          line-height 16px
          color lighten(textColor, 25%)
          font-size 0.8em
        .description
          line-height 120%
          margin-bottom 15px
        &:hover, &.hover
          background-color hoverBackgroundColor
          &:active, &.active
            background-color white
        &:active, &.active
          border-color brandBorderColor
      .divider
        border-bottom solid 1px borderColor

.PlanetArticleDetail
  absolute right bottom
  top 55px
  left 450px
  &>.viewer-header
    height 44px
    line-height 44px
    padding 0 15px
    box-sizing border-box
    font-size 1.2em
    small
      font-size 0.8em
      color lighten(textColor, 25%)
    .control-group
      float right
      button
        margin 10px 3px
  .viewer-body
    absolute bottom right
    left 1px
    top 44px
  &.snippetDetail>.viewer-body
    .viewer-detail
      border-bottom solid 1px borderColor
      height 150px
      box-sizing border-box
      padding 10px
      .description
        height 100px
        line-height 1.4em
        overflow-y auto
      .tags
        position absolute
        left 15px
        right 15px
        top 120px
    .content
      .ace_editor
        absolute left right
        top 155px
        bottom 5px
  &.blueprintDetail>.viewer-body
    .tags
      absolute top
      left 15px
      right 15px
      height 24px
      line-height 24px
    .content
      absolute left right bottom
      top 30px
      box-sizing border-box
      padding 5px
      border-top solid 1px borderColor
      padding 10px
      overflow-x hidden
      overflow-y auto
      marked()