.UserContainer
  .UserNavigator
    background-color planetNavBgColor
    absolute left top bottom
    width 50px
    text-align center
    box-sizing border-box
    .userButton
      display block
      width 50px
      height 50px
      background-color black
      margin 0
      padding 0
      border none
      cursor pointer
      img
        transition 0.1s
        opacity 0.8
      box-sizing border-box
      &.active, &:active, &.focus, &:focus, &.hover, &:hover
        img
          opacity 1
    ul.planetList>li
      padding 10px 3px
      .shortCut
        margin-top 5px
        color lighten(textColor, 5%)
        font-size 0.8em
      &.active
        a
          background-color planetAnchorActiveBgColor
          color planetAnchorActiveColor
      a
        display block
        width 44px
        height 44px
        text-align center
        background-color planetAnchorBgColor
        text-decoration none
        color planetAnchorColor
        line-height 44px
        font-size 1.1em
        cursor pointer
        circle()
        transition 0.1s
        &:hover, &:active
          background-color white
      img
        circle()
        width 44px
        height 44px
    button.newPlanet
      display block
      margin 0 auto
      width 30px
      height 30px
      circle()
      border solid 1px lightButtonColor
      color lightButtonColor
      text-align center
      font-size 1
      background-image none
      background-color transparent
      box-sizing border-box
      absolute left bottom right
      bottom 15px
      &:hover, &.hover, &:focus, &.focus
        border-color darken(lightButtonColor, 50%)
        color darken(lightButtonColor, 50%)
      &:active, &.active
        border-color darken(brandBorderColor, 10%)
        background-color brandColor
        color white
  .UserHome
    absolute top bottom right
    left 50px
    box-sizing border-box
    padding 15px
    h1
      margin 15px 0
    .userProfile
      clearfix()
      .userPhoto
        circle()
        float left
        margin 25px
      .userIntro
        float left
        margin-top 25px
        .userProfileName
          font-size 2em
          margin-bottom 15px
        .userName
          font-size 1.5em
    .userPlanetList
      padding-left 20px
      li
        font-size 1.3em
        margin 10px