#accounts_index_page, #people_index_page
  .account_details
    width: 220px
    margin-left: 15px
    position: relative
    height: 128px
  .commits_summary
    @include commits-summary-background-color
    width: 470px
    margin: 5px 0px
    height: 118px
    .in
      padding: 49px 2px
    .project_summary
      padding: 5px 10px 0px 7px
      width: auto
      min-height: 99px
      div
        height: 23px
      .project_name
        @include projects-summary-projects-name-background-color
        color: white
        border: 1px dashed white
        font-size: 18px
        line-height: 24px
        width: 24px
        height: 24px
        text-align: center
        float: left
        margin-bottom: 0
        margin-top: 0
        margin-right: 2px
    .language_summary
      padding: 5px 7px 5px 9px
      width: 129px
      .language_name
        width: 113px
        margin-bottom: 5px
        height: 28px
        line-height: 28px
        span
          padding-left: 8px
      a
        color: inherit
    .other_language
      color: white
      font-size: 10px
      white-space: nowrap
      line-height: 10px
      margin-bottom: 0
      a
        @include site-link-color
    .more_commits_padding
      padding-left: 10px
  .no_commits
    text-align: center
    padding: 50px
    font-size: 15px
    color: black
  .member_info
    position: absolute
    bottom: 0px
    left: 0px
  .kudo_rank
    margin-top: 0px
    font-size: 30px
    text-align: center
    padding: 42px 5px 0px 5px
    font-weight: 100
    width: 35px
    color: #183867
  .commits_count
    font-size: 27px
    line-height: 30px
    display: inline-block
    padding: 31px 20px 20px
    text-align: center
    width: 115px
    div
      font-size: 12px
      text-align: center !important

#analysis_timestamp
  @include analysis-timestamp-color
  margin-top: 0px

.account_settings_options
  margin-left: 20px
  margin-right: 40px
  height: 300px

.account_setting_row
  min-height: 120px

.account_settings_icon
  background-image: asset_url("icons/ohloh-icon-sprite.png")
  background-repeat: no-repeat
  height: 34px
  width: 34px
  display: block
  margin-right: 10px

.settings_account_basics
  background-position: -3px -3px

.settings_account_basics:hover
  background-position: -3px -43px

.settings_account_password
  background-position: -200px -3px

.settings_account_password:hover
  background-position: -200px -43px

.settings_api_keys
  background-position: -723px -6px

.settings_api_keys:hover
  background-position: -723px -46px

.settings_privacy
  background-position: -682px -2px

.settings_privacy:hover
  background-position: -682px -42px

.settings_specifications
  width: 380px
  length: 88px
.verification-buttons-container
  width: 100%
  margin-left: auto
  margin-right: auto
  text-align: center
  #email-sign-up
    width: 200px
  .github-oauth
    width: 200px

#accounts_unsubscribe_emails_page
  padding: 0 30px 0 20px !important

.grecaptcha-badge
  display: none
@media only all and (min-width: 768px) and (max-width: 1024px)
  #accounts_index_page
    h1
      font-size: 24px
      margin-bottom: 0
      margin-top: 10px
    h3
      font-size: 18px
      margin-bottom: 0
      margin-top: 10px
    .account_details
      width: 142px
      margin-left: 5px
    .commits_summary
      width: 379px
    .commits_count
      width: auto
      font-size: 15px
      padding: 31px 0px 12px
      line-height: 20px
    .well
      min-height: 142px
    .language_summary
      width: 100px !important
    .language_name
      width: 85px !important
    .kudo_rank
      font-size: 18px
      padding: 0
      font-weight: 500
      margin-top: 30px !important
      width: auto
    .kudo_badge
      margin-top: 28px !important
      padding: 0
    #search-dingus label.paginate
      font-size: 10px !important
    label
      font-size: 10px
    #search-dingus button.btn
      font-size: 10px
@media only all and (min-width: 320px) and (max-width: 480px)
  #accounts_index_page
    h1
      font-size: 18px
      margin-bottom: 0
      margin-top: 10px
    h3
      font-size: 12px
      margin-bottom: 0
      margin-top: 10px
    .account_details
      width: auto
    .commits_summary
      width: auto
    .commits_count
      width: auto
      font-size: 15px
      padding: 31px 0px 12px
      line-height: 20px
    .kudo_rank
      font-size: 24px
      padding: 0
      margin-top: 35px
    .kudo_badge
      margin-top: 28px !important
      padding: 0
    .language_name
      width: 90px !important
    .unclaimed_committers_box .header_row h4
      font-size: 12px
    .well
      min-height: 142px
    .unclaimed_committers_box .header_row .btn-mini
      font-size: 8px
    .language_summary
      width: 100px !important
    #more_account
      font-size: 10px
    #more_unclaimed
      font-size: 10px
    #search-dingus label.paginate
      font-size: 8px !important
    label
      font-size: 8px
    #search-dingus button.btn
      font-size: 8px
    #search-dingus input
      width: auto
    #search-dingus select
      width: auto
