<commit_before>//   licensed under the Affero General Public License version 3 or later.  See
//   the COPYRIGHT file.

@import 'mixins'

body
  :padding 2em
  :margin 0
    :top 33px
  :background-color $background

  :font
    :family "Helvetica Neue",Helvetica,Arial,sans-serif
    :size 13px

a
  :color $blue
  :text
    :decoration none
  &:hover
    :color $blue
    :text
      :decoration underline

p
  :word-wrap break-word

h1
  :color #333
  :position relative
  :font
    :weight bold
  :letter
    :spacing -1px

h1, h2, h3, h4
  :margin
    :bottom 5px

  small
    :font-size small
    :color #999

h1
  :color #111

ul > li
  :list-style none

.content ul li
  :list-style disc

form
  :position relative

.rtl
  :direction rtl
  :text-align right

.hidden
  :display none

.avatar
  :-webkit-box-shadow rgba(0,0,0,0.12) 0px 0px 5px inset
  :-moz-box-shadow rgba(0,0,0,0.12) 0px 0px 5px inset

  :background
    :color #eee

  :width 50px
  :height 50px

  :overflow hidden

#content
  :background
    :color #fff
  :border 1px solid #ccc
  :height 100%

#flash_notice,
#flash_error,
#flash_alert
  :z-index 999
  :position fixed
  :color #666
  :top -100px

  :left 0

  :width 100%

  :font
    :weight bold
  :text
    :align center

  .message
    @include border-radius(6px)
    @include box-shadow(0, 1px, 5px, rgba(0,0,0,0.4))
    :display inline-block
    :min-width 400px
    :max-width 800px
    :padding
      :top 45px
      :bottom 8px
      :left 12px
      :right 12px

#flash_notice
  .message
    :background
      :color #F4F899
    :border 1px solid darken(#F4F899, 40%)

#flash_error,
#flash_alert
  .message
    :color #fff
    :background
      :color #CA410B
    :border 1px solid darken(#CA410B, 10%)

.login_error,
.login_alert
  :color rgb(208,49,43)
  :text-shadow 1px 1px 20px rgb(208,49,43)

.login_notice
  :color rgb(10,150,10)
  :text-shadow 1px 1px 20px rgb(126,240,77)

.fieldWithErrors
  :display inline

.error_messages
  :width 400px
  :border 2px solid #CF0000
  :padding 0
  :padding-bottom 12px
  :margin-bottom 20px
  :background-color #f0f0f0
  :font
    :size 12px
  h2
    :text-align left
    :padding 5px 5px 5px 15px
    :margin 0
    :font
      :weight bold
      :size 12px
    :background-color #c00
  p
    :margin 8px 10px
  ul
    :margin 0

header
  @include box-shadow(0,1px,3px,rgba(0,0,0,0.9))

  :background
    :color rgb(40,35,35)
    :image url('/images/header-bg.png')

  :z-index 1001
  :padding 6px 0
  :color #CCC
  :height 26px

  :position fixed

  :width 100%
  :top 0
  :left 0

  :border
    :bottom 1px solid #444

  a
    :color #CCC
    :color rgb(147,147,147)

    &:hover
      :background none
      :color #eee

  &.landing
    .right
      :top 10px
    :height 40px

  ul#user_menu
    :overflow hidden
    :white-space nowrap
    :text-overflow ellipsis
    :text-shadow 0 1px 0 #000
    :color rgb(147,147,147)

    :min-width 100px

    :cursor pointer

    :z-index 10
    :padding 5px 0
      :left 32px
      :right 7px
    :margin 0
      :top -2px
      :right -5px

    :border
      :left 1px solid #333
      :right 1px solid #333

    :position absolute
    :display inline

    :top -4px
    :right 0

    li
      a
        :padding 4px
        :height 100%
        :color #939393
        &:hover
          :background
            :color $blue
          :color #fff
          :text
            :decoration none

      &:first-child
        :padding 5px 0
        a
          :padding
            :right 15px
          &:hover
            :background
              :color transparent
            :text
              :decoration none
          &:focus
            :outline none
        .right
          :right 5px

    &.active
      @include dropdown-shadow

      :margin
        :top -3px
        :right -5px
      :background
        :color rgb(34,30,30)
      :border 1px solid #999

    .avatar
      :height 22px
      :width 22px
      :position absolute
      :left 7px
      :top 9px
      :display block

header.ie-user-menu-active
  :height 150px

//////////////////////////////////
ul.dropdown
  :padding 0

  li
    :display none
    a
      :display block

    &:first-child
      :display block
      a
        :height auto
        :display inline

  &.active
    :z-index 30
    li
      :display block

//////////////////////////////////
//hacks for tagging plugin...
ul.as-selections
  :width 100% !important
//////////////////////////////////

.unread
  :background-color #E6E6E6
  :color #333 !important
  time
    :color #333 !important

.diaspora_header_logo
  :position relative
  :top -6px

  :padding 0 10px

  :margin
    :left 43px
    :right 60px

.stream
  audio
    :display block
    :margin 5px 0

  .stream_element
    :padding 15px
    :min-height 50px
    :border
      :bottom 1px solid #ddd

    &:first-child
      :border
        :top none


    .youtube-player, .vimeo-player
      :border none
      :height 304px
      :width 410px

    .comment
      .comment_info
        :font
          :size smaller

.from
  a
    :font
      :weight bold

.arrow
  :color #ccc
  :font
    :weight lighter

.show_photo_attachments
  :border
    :bottom 1px solid #eee
  :padding
    :top 6px
    :bottom 16px
  :margin
    :bottom 2em
  img
    :position relative
    :display inline
    :margin
      :right 1px
      :bottom -1px

#author_info
  :position relative

  .avatar img
    :position relative
    :top 0px
    :display inline-block
    :height 30px
    :width 30px

  .from
    :display inline-block

  &.profile
    .from
      :padding 0

  h2,
  h3,
  h4,
  h5
    :display inline-block
    :margin
      :bottom 10px
      :right 10px
  h2
    :margin
      :bottom 0

  &.show
    a
      :margin
        :right 1em
      :font
        :weight normal
    h4,
    h5
      :margin 0
      :padding 0

  .right
    :top 10px

  .description
    :margin
      :bottom 10px

#conversation_inbox a
  &:hover
    :text
      :decoration none

.stream_element
  :position relative
  :word-wrap break-word
  :color #555

  :font
    :size 13px

  a.author
    :font
      :weight bold
    :color #444

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

    :font
      :weight normal

    p
      :margin
        :top 0
        :bottom 10px
      :font
        :size 12px
      :line
        :height 18px

    .photo_attachments
      :margin
        :top 7px

    img
      :margin
        :right 0
      :max-width 100%

    .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 smaller

    .info
      :margin
        :top 2px
      :color #999
      :font-size 11px

    .comments
      .info
        :margin
          :top -1px

  .control_icon
    @include opacity(0.3)
    :padding 5px

    &:hover
      @include opacity(1)

  .delete
    img
      :padding
        :top 3px
        :bottom 3px

  .right
    :position absolute
    :right 12px

  .controls
    @include transition(opacity)
    @include opacity(0)
    :z-index 6
    :color #999
    a
      :color #999
      :font
        :weight normal

  &:hover, .comment:hover
    > .controls
      @include opacity(1)

    .from
      a
        :color $blue

.status_message_show
  .stream_element
    .content
      p
        :font
          :size 1em

  .comment_box
    :width 653px
    :margin
      :bottom 5px

.from
  .details,
  .details *
    :color #aaa
    :font
      :weight normal

.post_scope
  :cursor default

.time,
.timeago,
.via
  :color #aaa
  a
    :color #999
  :text
    :decoration none
  :border none

#user_name
  :margin
    :bottom 20px

  img
    :margin
      :right 10px
    :display inline-block
    :float left
    :height 40px

  h1
    :margin
      :bottom 7px
    :line-height 18px
    a
      :color #000

  span
    :size small
    :font
      :weight normal
    :color #999
  #latest_message_time
    :font-style italic
  ul
    :display inline
    :margin 0
    :padding 0

    > li
      :display inline
      :margin
        :right 1em

.stream.show
  &:hover
    > li
      :background none
      :border none

.submit_button
  :text
    :align right

ul.comments,
ul.show_comments,
.likes_container,
.stream_element .reshare

  .avatar
    :width 30px
    :height 30px

  :margin 0
  :padding 0

  :font
    :size 12px
  :line
    :height 18px

  :position relative

  > li
    :list
      :style none
    :padding 8px 5px

    :border
      :bottom 1px dotted #aaa

    .from
      :font
        :size 1em
      :margin
        :bottom 0px

    .youtube-player, .vimeo-player
      :border none
      :height 250px
      :width 400px


  .content
    :margin
      :top 0px
      :bottom -2px
    :padding
      :left 36px
      :right 10px

    p
      :margin
        :bottom 0
        :top 0
    p + p
      :margin
        :top 1em
    .ltr
      ol, ul
        padding-left: 2em
        li
          :padding 0px
          :border none
          :list-style inherit


    .right
      :right 4px

    .avatar
      :position absolute
      :display inline

.stream_element .reshare
  :padding
    :left 10px
  :border-left 2px solid #ddd
  :margin
    :top 5px
    :bottom 10px

ul.show_comments
  :padding
    :bottom 6px
  :margin
    :top 6px

form.new_comment
  :padding 8px 5px
  .avatar
    :position absolute
    :display inline
    :width 30px
    :height 30px

  :min-height 35px

  input
    :display none

  :margin
    :bottom -4px

  :font
    :size 1em

  .submit_button
    input
      :margin
        :right 0

  textarea
    :width 365px
    :height 21px

    :font
      :size 1em
    :margin
      :top 0
      :bottom -3px

  p
    :margin
      :bottom 0
      :top -10px
    :position relative
    :left 35px

  &.open
    .submit_button
      :display block
      :margin
        :top 5px
        :bottom 2px
        :right 2px

    input
      :display inline-block


.comment
  .like_action
    @include transition(opacity)
    @include opacity(0)

    &:before
      :content " · "

  &:hover
    .like_action
      @include opacity(1)

  .likes,
  .likes_container
    :display inline
    :padding 0
    :margin 0
    :font
      :size 10px
    a
      :font
        :weight normal

    img
      :margin 0
      :height 9px
      :width 9px
      :top 1px

  .likes
    :margin
      :left 5px

.stream.show
  ul.comments
    li
      :padding
        :right 135px

      textarea
        :margin
          :bottom 5px

.profile_photo
  img
    :height auto
    :width 200px

#profile
  h3
    :margin
      :bottom 0
  ul
    :margin 0
    :padding 0

  ul#profile_information
    :margin 1em 0
    > li
      :margin
        :bottom 2em
        :right 2em
      h4
        :font-weight bold

#paginate, #infscr-loading
  :display block

  :margin
    :top 10px

  :padding 8px 0
  :text-align center
  :width 100%

#main_stream
  :position relative
  :z-index 0

  .pagination
    :display none

.request_buttons
  :position absolute
  :right 0
  :display inline
  :margin 0
  :padding 0

  > li
    :display inline
    &:first-child
      :margin-right 1em

#photo_container
  :text
    :align center

#show_photo
  :z-index 11
  :position relative
  :display inline-block
  :max-width 100%

  img
    :max-width 100%

  #photo_spinner
    :z-index 1
    :position absolute
    :height 100px
    :width 100px

  #caption
    :min-height 20px
    :padding 0 10px
    :font
      :size 16px
    :color #333

input:not([type='submit']):not([type='reset']):not([type='hidden']):not(.as-input),
textarea
  @include border-radius(2px)
  :margin-top 1px

  :font
    :family 'Arial', 'Helvetica', sans-serif
    :size 14px

  :padding 0.3em
  :display block
  :width 100%
  :border 1px solid #ccc
  :height auto

input[type='checkbox']
  :width auto !important

.submit_block
  :text
    :align right

form p
  :position relative
  :padding 0
  :margin 0

form p.checkbox_select
  :width 75%
  label
    :left 25px
    :top 3px
    :position absolute
    :font-size 1em
  img
    :position relative
    :top 6px

@mixin placeholder_styles
  :color #999
  :text-shadow 0 1px 1px #eee
  :font-weight normal
    
//label:not(.bootstrapped)
  //:position absolute
  //:top 3px
  //:left 0.48em
label
  :font
    :size .96em
    :weight normal
  
  
.placeholder
  @include placeholder_styles

/* those can't be combined, see: http://stackoverflow.com/questions/2610497 */
*::-webkit-input-placeholder
  @include placeholder_styles
  
*:-moz-placeholder
  @include placeholder_styles

#file-upload
  input
    :height 100%
    :width 100%
    :cursor pointer

#publisher
  :z-index 1
  :color #999
  :position relative
  :margin
    :top 0
    :bottom 0
  :padding 12px
    :top 0
    :bottom 22px
  :top 0

  :border
    :bottom 1px #eee solid

  form
    textarea
      :resize none
      :width 455px
      :height 50px
      :margin 0

  &.mention_popup
    :padding 1px 12px
    :margin
      :bottom 0
    :border
      :bottom none

  &.closed
    .options_and_submit
      :display none !important

    textarea
      :height 24px !important

    .counter
      :display none

  &:not(.closed)
    textarea
      :margin
        :bottom 30px

  form
    :position relative
    :top 0

  label
    :font
      :size 14px

  .options_and_submit
    :min-height 21px
    :clear both
    :position relative
    :padding
      :top 6px
    :margin
      :bottom -2px

    input
      :display inline

    .public_toggle
      :text
        :align right
      .dropdown
        :text
          :align left

    #publisher_service_icons
      :position relative
      :top 3px
      :margin
        :right 10px

    .mention_helper
      :float left

    #fileInfo
      :display inline
      :position relative
      :top -2px
  
  #status_message_fake_text
    :min-height 20px


  .content_creation
    :margin
      :top 1em

  #file-upload
    :position absolute !important
    :bottom 1px !important
    :right 6px
    :z-index 10
    :margin 0

    :display inline-block

    :padding 0.3em
    :cursor pointer

    img
      @include opacity(0.4)

      :display inline-block
      :margin 0
      :padding 0
      :margin
        :bottom -3px

    &:hover
      :background
        :color none
      :cursor pointer<commit_msg>fix shifted image button in firefox<commit_after>//   licensed under the Affero General Public License version 3 or later.  See
//   the COPYRIGHT file.

@import 'mixins'

body
  :padding 2em
  :margin 0
    :top 33px
  :background-color $background

  :font
    :family "Helvetica Neue",Helvetica,Arial,sans-serif
    :size 13px

a
  :color $blue
  :text
    :decoration none
  &:hover
    :color $blue
    :text
      :decoration underline

p
  :word-wrap break-word

h1
  :color #333
  :position relative
  :font
    :weight bold
  :letter
    :spacing -1px

h1, h2, h3, h4
  :margin
    :bottom 5px

  small
    :font-size small
    :color #999

h1
  :color #111

ul > li
  :list-style none

.content ul li
  :list-style disc

form
  :position relative

.rtl
  :direction rtl
  :text-align right

.hidden
  :display none

.avatar
  :-webkit-box-shadow rgba(0,0,0,0.12) 0px 0px 5px inset
  :-moz-box-shadow rgba(0,0,0,0.12) 0px 0px 5px inset

  :background
    :color #eee

  :width 50px
  :height 50px

  :overflow hidden

#content
  :background
    :color #fff
  :border 1px solid #ccc
  :height 100%

#flash_notice,
#flash_error,
#flash_alert
  :z-index 999
  :position fixed
  :color #666
  :top -100px

  :left 0

  :width 100%

  :font
    :weight bold
  :text
    :align center

  .message
    @include border-radius(6px)
    @include box-shadow(0, 1px, 5px, rgba(0,0,0,0.4))
    :display inline-block
    :min-width 400px
    :max-width 800px
    :padding
      :top 45px
      :bottom 8px
      :left 12px
      :right 12px

#flash_notice
  .message
    :background
      :color #F4F899
    :border 1px solid darken(#F4F899, 40%)

#flash_error,
#flash_alert
  .message
    :color #fff
    :background
      :color #CA410B
    :border 1px solid darken(#CA410B, 10%)

.login_error,
.login_alert
  :color rgb(208,49,43)
  :text-shadow 1px 1px 20px rgb(208,49,43)

.login_notice
  :color rgb(10,150,10)
  :text-shadow 1px 1px 20px rgb(126,240,77)

.fieldWithErrors
  :display inline

.error_messages
  :width 400px
  :border 2px solid #CF0000
  :padding 0
  :padding-bottom 12px
  :margin-bottom 20px
  :background-color #f0f0f0
  :font
    :size 12px
  h2
    :text-align left
    :padding 5px 5px 5px 15px
    :margin 0
    :font
      :weight bold
      :size 12px
    :background-color #c00
  p
    :margin 8px 10px
  ul
    :margin 0

header
  @include box-shadow(0,1px,3px,rgba(0,0,0,0.9))

  :background
    :color rgb(40,35,35)
    :image url('/images/header-bg.png')

  :z-index 1001
  :padding 6px 0
  :color #CCC
  :height 26px

  :position fixed

  :width 100%
  :top 0
  :left 0

  :border
    :bottom 1px solid #444

  a
    :color #CCC
    :color rgb(147,147,147)

    &:hover
      :background none
      :color #eee

  &.landing
    .right
      :top 10px
    :height 40px

  ul#user_menu
    :overflow hidden
    :white-space nowrap
    :text-overflow ellipsis
    :text-shadow 0 1px 0 #000
    :color rgb(147,147,147)

    :min-width 100px

    :cursor pointer

    :z-index 10
    :padding 5px 0
      :left 32px
      :right 7px
    :margin 0
      :top -2px
      :right -5px

    :border
      :left 1px solid #333
      :right 1px solid #333

    :position absolute
    :display inline

    :top -4px
    :right 0

    li
      a
        :padding 4px
        :height 100%
        :color #939393
        &:hover
          :background
            :color $blue
          :color #fff
          :text
            :decoration none

      &:first-child
        :padding 5px 0
        a
          :padding
            :right 15px
          &:hover
            :background
              :color transparent
            :text
              :decoration none
          &:focus
            :outline none
        .right
          :right 5px

    &.active
      @include dropdown-shadow

      :margin
        :top -3px
        :right -5px
      :background
        :color rgb(34,30,30)
      :border 1px solid #999

    .avatar
      :height 22px
      :width 22px
      :position absolute
      :left 7px
      :top 9px
      :display block

header.ie-user-menu-active
  :height 150px

//////////////////////////////////
ul.dropdown
  :padding 0

  li
    :display none
    a
      :display block

    &:first-child
      :display block
      a
        :height auto
        :display inline

  &.active
    :z-index 30
    li
      :display block

//////////////////////////////////
//hacks for tagging plugin...
ul.as-selections
  :width 100% !important
//////////////////////////////////

.unread
  :background-color #E6E6E6
  :color #333 !important
  time
    :color #333 !important

.diaspora_header_logo
  :position relative
  :top -6px

  :padding 0 10px

  :margin
    :left 43px
    :right 60px

.stream
  audio
    :display block
    :margin 5px 0

  .stream_element
    :padding 15px
    :min-height 50px
    :border
      :bottom 1px solid #ddd

    &:first-child
      :border
        :top none


    .youtube-player, .vimeo-player
      :border none
      :height 304px
      :width 410px

    .comment
      .comment_info
        :font
          :size smaller

.from
  a
    :font
      :weight bold

.arrow
  :color #ccc
  :font
    :weight lighter

.show_photo_attachments
  :border
    :bottom 1px solid #eee
  :padding
    :top 6px
    :bottom 16px
  :margin
    :bottom 2em
  img
    :position relative
    :display inline
    :margin
      :right 1px
      :bottom -1px

#author_info
  :position relative

  .avatar img
    :position relative
    :top 0px
    :display inline-block
    :height 30px
    :width 30px

  .from
    :display inline-block

  &.profile
    .from
      :padding 0

  h2,
  h3,
  h4,
  h5
    :display inline-block
    :margin
      :bottom 10px
      :right 10px
  h2
    :margin
      :bottom 0

  &.show
    a
      :margin
        :right 1em
      :font
        :weight normal
    h4,
    h5
      :margin 0
      :padding 0

  .right
    :top 10px

  .description
    :margin
      :bottom 10px

#conversation_inbox a
  &:hover
    :text
      :decoration none

.stream_element
  :position relative
  :word-wrap break-word
  :color #555

  :font
    :size 13px

  a.author
    :font
      :weight bold
    :color #444

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

    :font
      :weight normal

    p
      :margin
        :top 0
        :bottom 10px
      :font
        :size 12px
      :line
        :height 18px

    .photo_attachments
      :margin
        :top 7px

    img
      :margin
        :right 0
      :max-width 100%

    .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 smaller

    .info
      :margin
        :top 2px
      :color #999
      :font-size 11px

    .comments
      .info
        :margin
          :top -1px

  .control_icon
    @include opacity(0.3)
    :padding 5px

    &:hover
      @include opacity(1)

  .delete
    img
      :padding
        :top 3px
        :bottom 3px

  .right
    :position absolute
    :right 12px

  .controls
    @include transition(opacity)
    @include opacity(0)
    :z-index 6
    :color #999
    a
      :color #999
      :font
        :weight normal

  &:hover, .comment:hover
    > .controls
      @include opacity(1)

    .from
      a
        :color $blue

.status_message_show
  .stream_element
    .content
      p
        :font
          :size 1em

  .comment_box
    :width 653px
    :margin
      :bottom 5px

.from
  .details,
  .details *
    :color #aaa
    :font
      :weight normal

.post_scope
  :cursor default

.time,
.timeago,
.via
  :color #aaa
  a
    :color #999
  :text
    :decoration none
  :border none

#user_name
  :margin
    :bottom 20px

  img
    :margin
      :right 10px
    :display inline-block
    :float left
    :height 40px

  h1
    :margin
      :bottom 7px
    :line-height 18px
    a
      :color #000

  span
    :size small
    :font
      :weight normal
    :color #999
  #latest_message_time
    :font-style italic
  ul
    :display inline
    :margin 0
    :padding 0

    > li
      :display inline
      :margin
        :right 1em

.stream.show
  &:hover
    > li
      :background none
      :border none

.submit_button
  :text
    :align right

ul.comments,
ul.show_comments,
.likes_container,
.stream_element .reshare

  .avatar
    :width 30px
    :height 30px

  :margin 0
  :padding 0

  :font
    :size 12px
  :line
    :height 18px

  :position relative

  > li
    :list
      :style none
    :padding 8px 5px

    :border
      :bottom 1px dotted #aaa

    .from
      :font
        :size 1em
      :margin
        :bottom 0px

    .youtube-player, .vimeo-player
      :border none
      :height 250px
      :width 400px


  .content
    :margin
      :top 0px
      :bottom -2px
    :padding
      :left 36px
      :right 10px

    p
      :margin
        :bottom 0
        :top 0
    p + p
      :margin
        :top 1em
    .ltr
      ol, ul
        padding-left: 2em
        li
          :padding 0px
          :border none
          :list-style inherit


    .right
      :right 4px

    .avatar
      :position absolute
      :display inline

.stream_element .reshare
  :padding
    :left 10px
  :border-left 2px solid #ddd
  :margin
    :top 5px
    :bottom 10px

ul.show_comments
  :padding
    :bottom 6px
  :margin
    :top 6px

form.new_comment
  :padding 8px 5px
  .avatar
    :position absolute
    :display inline
    :width 30px
    :height 30px

  :min-height 35px

  input
    :display none

  :margin
    :bottom -4px

  :font
    :size 1em

  .submit_button
    input
      :margin
        :right 0

  textarea
    :width 365px
    :height 21px

    :font
      :size 1em
    :margin
      :top 0
      :bottom -3px

  p
    :margin
      :bottom 0
      :top -10px
    :position relative
    :left 35px

  &.open
    .submit_button
      :display block
      :margin
        :top 5px
        :bottom 2px
        :right 2px

    input
      :display inline-block


.comment
  .like_action
    @include transition(opacity)
    @include opacity(0)

    &:before
      :content " · "

  &:hover
    .like_action
      @include opacity(1)

  .likes,
  .likes_container
    :display inline
    :padding 0
    :margin 0
    :font
      :size 10px
    a
      :font
        :weight normal

    img
      :margin 0
      :height 9px
      :width 9px
      :top 1px

  .likes
    :margin
      :left 5px

.stream.show
  ul.comments
    li
      :padding
        :right 135px

      textarea
        :margin
          :bottom 5px

.profile_photo
  img
    :height auto
    :width 200px

#profile
  h3
    :margin
      :bottom 0
  ul
    :margin 0
    :padding 0

  ul#profile_information
    :margin 1em 0
    > li
      :margin
        :bottom 2em
        :right 2em
      h4
        :font-weight bold

#paginate, #infscr-loading
  :display block

  :margin
    :top 10px

  :padding 8px 0
  :text-align center
  :width 100%

#main_stream
  :position relative
  :z-index 0

  .pagination
    :display none

.request_buttons
  :position absolute
  :right 0
  :display inline
  :margin 0
  :padding 0

  > li
    :display inline
    &:first-child
      :margin-right 1em

#photo_container
  :text
    :align center

#show_photo
  :z-index 11
  :position relative
  :display inline-block
  :max-width 100%

  img
    :max-width 100%

  #photo_spinner
    :z-index 1
    :position absolute
    :height 100px
    :width 100px

  #caption
    :min-height 20px
    :padding 0 10px
    :font
      :size 16px
    :color #333

input:not([type='submit']):not([type='reset']):not([type='hidden']):not(.as-input),
textarea
  @include border-radius(2px)
  :margin-top 1px

  :font
    :family 'Arial', 'Helvetica', sans-serif
    :size 14px

  :padding 0.3em
  :display block
  :width 100%
  :border 1px solid #ccc
  :height auto

input[type='checkbox']
  :width auto !important

.submit_block
  :text
    :align right

form p
  :position relative
  :padding 0
  :margin 0

form p.checkbox_select
  :width 75%
  label
    :left 25px
    :top 3px
    :position absolute
    :font-size 1em
  img
    :position relative
    :top 6px

@mixin placeholder_styles
  :color #999
  :text-shadow 0 1px 1px #eee
  :font-weight normal
    
//label:not(.bootstrapped)
  //:position absolute
  //:top 3px
  //:left 0.48em
label
  :font
    :size .96em
    :weight normal
  
  
.placeholder
  @include placeholder_styles

/* those can't be combined, see: http://stackoverflow.com/questions/2610497 */
*::-webkit-input-placeholder
  @include placeholder_styles
  
*:-moz-placeholder
  @include placeholder_styles

#file-upload
  input
    :height 100%
    :width 100%
    :cursor pointer

#publisher
  :z-index 1
  :color #999
  :position relative
  :margin
    :top 0
    :bottom 0
  :padding 12px
    :top 0
    :bottom 22px
  :top 0

  :border
    :bottom 1px #eee solid

  form
    textarea
      :resize none
      :width 455px
      :height 50px
      :margin 0

  &.mention_popup
    :padding 1px 12px
    :margin
      :bottom 0
    :border
      :bottom none

  &.closed
    .options_and_submit
      :display none !important

    textarea
      :height 24px !important

    .counter
      :display none

  &:not(.closed)
    textarea
      :margin
        :bottom 30px

  form
    :position relative
    :top 0

  label
    :font
      :size 14px

  .options_and_submit
    :min-height 21px
    :clear both
    :position relative
    :padding
      :top 6px
    :margin
      :bottom -2px

    input
      :display inline

    .public_toggle
      :text
        :align right
      .dropdown
        :text
          :align left

    #publisher_service_icons
      :position relative
      :top 3px
      :margin
        :right 10px

    .mention_helper
      :float left

    #fileInfo
      :display inline
      :position relative
      :top -2px
  
  #status_message_fake_text
    :min-height 20px


  .content_creation
    :margin
      :top 1em

  #file-upload
    :position absolute !important
    :bottom 1px !important
    :right 6px
    :z-index 10
    :margin 0

    :display inline-block

    :padding .3em .3em 3px
    :cursor pointer

    img
      @include opacity(0.4)
      :vertical-align bottom
      :display inline-block
      :margin 0
      :padding 0
      :margin
        :bottom 1px

    &:hover
      :background
        :color none
      :cursor pointer
{'fraction_non_alphanumeric': 0.09044150643791639, 'fraction_numerical': 0.04663605923573475, 'mean_word_length': 1.7253057384760113, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 17, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5988345', 'n_tokens_mistral': 11343, 'n_tokens_neox': 9901, 'n_words': 2862}