//   Copyright (c) 2010, Diaspora Inc.  This file is
//   licensed under the Affero General Public License version 3 or later.  See
//   the COPYRIGHT file.


@import "mixins"

$blue: #3F8FBA

a:not([role='button']):not(.arrow)
  :text
    :decoration none
  :font
    :weight normal !important
  :-webkit-tap-highlight-color rgba(200, 200, 200, 1) !important
a.ui-link-inherit
  :font
    :weight bold !important
  :color #000 !important

.ui-body-c a
  :color #2489CE

#landing_content
  :text-align center

  .info_pane
    :text-align left
#login_form
  :padding 15px
  :padding-top 0px

#diaspora_description
  :background
    :image url('../images/ball_small.png')
    :repeat no-repeat
    :position top center

  :padding
    :top 195px
  :margin
    :top -18px

  :font
    :size 1.3em
    :weight bold
  :text-shadow 0 1px 3px #999
  :line-height 1.5

  p
    :padding 12px
    :background
      :color #fff
    :-webkit-box-shadow 0 1px 3px #ccc
    :-moz-box-shadow 0 1px 3px #ccc
    :box-shadow 0 1px 3px #ccc

.tapped
  :background
    :color rgba(100, 103, 103, .2)
  :border-radius 5px
a
  :padding 2px
.alpha-warning
  @include mobile-box

.login_form
  @include mobile-box
  :padding 10px
  label
    :font-weight bold

.message
  :padding
    :left 2px
.stream_element,
.comment
  :overflow auto
  :position relative

  :background
    :color #fff

  *
    :max-width 100%

  :min-height 34px

  .avatar
    :float left
    :height 48px
    :width 48px

  .from
    a
      :margin
        :left -2px
      :color #000 !important
      :font
        :weight bold !important

    :margin-bottom 2px

  .content
    :padding
      :left 58px

  :border
    :bottom 1px solid #eee

  :padding 10px

  .info
    :margin
      :top 0.5em
    :font
      :size smaller

  .photo_attachments
    :margin
      :top 6px

  .time
    :font
      :weight normal
  p
    :margin 0 auto
    :line-height 1.4em

  .black
    :color #333
    
.reshare
  .content
    :padding
      :left 15px
      :top 10px
    .from
      :font
        :style italic
  .reshare_action
    :font
      :size 0.8em

.comment
  :padding
    :top 12px
    :bottom 12px

#main_stream
  :font
    :size 0.95em

.stream_element.person
  .from
    :font
      :size larger

.more-link
  :line-height 4em
  :text-align center

.time, .via
  :color #ccc
  :font
    :size smaller
    :weight bold
  a
    :color #ccc

.info
  :font
    :size smaller

#show_content
  :padding 12px
    :bottom 24px
  :border
    :bottom 1px solid #bbb
  :background
    :color #fff

  :font
    :size larger

  img
    :max-width 100%

  .photo
    :text-align center

  .controls
    :font
      :size smaller

  &.photo
    :background
      :color #000

#photo_controls
  :margin
    :bottom -42px

.arrow
  :color white !important
  :font
    :size 26pt
  :text
    :shadow 0 1px 2px #333
    :decoration none
  :padding 0

ul
  :margin 0
  :padding 0
  :list
    :style none

#author_info.show
  :margin
    :bottom 24px
  a
    :color #000
    :font
      :weight bold !important

  img
    :float left
    :height 36px
    :width 36px
    :margin
      :right 6px

  :font
    :size smaller

  .diaspora_handle
    :font
      :size 14px
    :color #999

#author_info.profile
  :background
    :color #eee
  :border
    :bottom 2px solid #ccc
  :height 90px
  :padding 6px
  :margin
    :bottom 6px

  img
    :float left
    :height 90px
    :width 90px

  .content
    :padding
      :left 100px

  .description
    :font
      :weight normal
      :size small
    :color #999

.comments
  :border
    :top 2px solid #D2DBE1
  :background
    :color #EDF5FB
  :font
    :size smaller

  .comment
    :background
      :color #EDF5FB

.stream_marker
  :background
    :color #eee
  :border
    :bottom 1px solid #aaa
    :top 1px solid #ccc
  :font
    :weight bold
    :size smaller
  :color #666
  :padding 3px 6px

.right
  :float right
  
.hidden
  :display none

.grey_back
  :background
    :color #eee
  :border
    :bottom 1px solid #999
  :padding 8px
    :top 3px
  :margin
    :bottom 12px

  #publisher
    :text
      :align center

#publisher_text
  :text
    :align left
  :font
    :weight bold
  :margin
    :bottom 3px

#aspect_title
  :padding 0 6px
    :bottom 6px
  :font
    :weight bold
  :text
    :align left

#header
  @include linear-gradient(#222, #000)

  :padding 11px 5px
    :bottom 7px
  :border
    :bottom 1px solid #444

  .right
    :position absolute
    :top 0px
    :padding 6px
      :top 4px
    :right 0

#footer
  :background
    :color #ccc
  .inset
    :padding 10px

.notification_day_header
  :padding 6px
  :background
    :color #eee
  :border
    :top 1px solid #ddd
    :bottom 1px solid #ccc
  :font
    :weight bold
  :color #666

#aspect_header
  :padding 4px 7px 
    :bottom 7px
  :font
    :weight bold
  :text
    :shadow none
  :background
    :color #eee
  :color #999