@import "_mixins/all"

.tabs
  height: 29px

  li
    display: inline-block
    height: 28px
    vertical-align: top
    background-color: #f8f8f8
    border-radius: 4px 4px 0px 0px
    padding: 0 12px 0 12px
    margin-right: 10px
    white-space: nowrap
    cursor: pointer

    &:hover
      background-color: $color-bg-tab-hover

  .active
    background-color: $color-bg-tab-active
    border-bottom-color: $color-bg-tab-active

    a
      color: #666666
      font-weight: 600

  h5
    margin: 0
    font-size: $font-size-small
    font-weight: normal
    line-height: 30px
    text-align: center

    a
      display: block
      color: #a8a9ab


#left
  .tabs
    margin: -28px 20px 0 15px

  #tab_search:not(.active)
    display: none

  #tab_owned
    display: none
  #tab_owned.display
    display: inline-block
  #tab_new
    display: none
    height: 25px
    width: 26px
    margin-top: 3px
    float: right
    margin-right: 0
    padding: 0 5px 0 5px

    h5
      line-height: 25px

  #tab_new.display
    display: inline-block

#main
  .tabs
    border-bottom: 3px solid #f5f5f6
    
    li
      height: 30px
      background-color: #f5f5f6
      margin-right: 0

      &:hover
        background-color: #e1e8eb

    a
      text-decoration: none

    .active
      background-color: #d8e2e6
      border-bottom-color: #d8e2e6

      &:hover
        background-color: #d8e2e6

      a
        color: #6c878e

  .tab
    margin-top: 15px

    ul.navigation
      height: 40px
      line-height: 40px
      border-bottom: 1px solid #EAEAEA

      li
        display: inline-block
        margin-right: 10px

        a
          color: #ACACAC
          font-weight: 600
          font-size: 14px

        a.active
          color: #55888E

  #tab_build,
  #tab_job,
  #tab_request,
  #tab_requests,
  #tab_caches,
  #tab_settings
    display: none

#profile
  #main
    .tab
      margin: 30px 0 0 12px

#right
  .tabs
    margin-left: -3px

    .active
      background-color: $color-bg-right
      border-bottom-color: $color-bg-right
      h5
        font-weight: bold

@media handheld, only screen and (max-device-width: 980px)
  #main
    .tabs
      margin-top: 5px
      li
        margin-right: 0px
      h5
        min-width: 0px
        
      #tab_branches
        display: none