@import "mixins"

#landing_content
  :text-align center

  .info_pane
    :text-align left

#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

.alpha-warning
  @include mobile-box

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

img
  :border-radius 5px
ul
  :list-style none

.avatar
  :width 50px
  :height 50px
  :padding 0

li.message
  :width 90%
  :position relative
  :margin
    :top 1em
  :padding
    :bottom 1.5em
  :border
    :bottom 1px #eee solid
  :line-height 19px
  :font
    :family 'Arial', 'Helvetica', sans-serif
  :color #777

  .avatar
    :float left
    :margin
      :right 15px

  .content
    :margin
      :top 0
    :padding
      :left 65px

    .aspect
      :display inline


    :color #444
    :font
      :weight normal
      :size 14px

    .stream_photo
      :float left
      :margin 
        :top 6px

    .photo_description
      :margin 
        :top 6px
      :padding
        :left 220px
      :min-height 185px
      :color #888
      :font
        :style italic

    .small_text
      :font
        :size 10px

    div.info
      :color #999
      :font-size smaller
      a
        :color #ccc
      .time
        a
          :color #bbb
        :font
          :weight bold
        :margin
          :right 5px
      
  &:hover
    div.info, .time
      a
        :color #107FC9
        &:hover
          :color #22AAE0
        &:active
          :color #005D9C


.right .reshare_pane .reshare_button a.inactive
  :color #ccc
  &:hover
    :text
      :decoration none
  :cursor default

.right .reshare_pane .reshare_button
  :padding 5px
  &.active
    :background
      :color #333

    :-webkit-border-radius 5px 5px 0 0
    :-moz-border-radius 5px 5px 0 0
    :border-radius 5px 5px 0 0

    a
      :color #fff
      :text-shadow none

.right .reshare_pane
  :margin
    :left 5px
    :right 5px
  :display inline
  :position relative


  ul.reshare_box
    :width 150px
    :display none
    :z-index 10
    :position absolute
    :margin
      :top 0
    :padding 0

    :background
      :color #fafafa

    :list
      :style none

    :border 5px solid #333

    :text-shadow 0 2px #fff
    :color #000

    > li
      :font
        :weight bold
      :color #ccc
      :border
        :top 1px solid #fff
        :bottom 1px solid #ccc

      &:first-child
        :border
          :top none
      &:last-child
        :border
          :bottom none
      a
        :display block
        :height 100%
        :padding 2px 5px
        :cursor default

        &:hover
          :background
            :color #eee
          :text
            :decoration none
        &:active
          :background
            :color #ccc