2955 lines
41 KiB
Sass
2955 lines
41 KiB
Sass
// 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'
|
|
|
|
body
|
|
:padding 2em
|
|
:margin 0
|
|
:top 60px
|
|
:background-color $background
|
|
a
|
|
:color #107FC9
|
|
:color $blue
|
|
:text
|
|
:decoration none
|
|
&:hover
|
|
:color $blue
|
|
:text
|
|
:decoration underline
|
|
|
|
p
|
|
:word-wrap break-word
|
|
|
|
h1, h2, h3, h4, h5
|
|
:color #333
|
|
:position relative
|
|
:font
|
|
:weight bold
|
|
|
|
h1, h2, h3
|
|
:letter-spacing -1px
|
|
|
|
h4
|
|
:margin
|
|
:bottom 5px
|
|
|
|
h1
|
|
:color #111
|
|
|
|
h3
|
|
:color #777
|
|
|
|
ul > li
|
|
:list-style none
|
|
|
|
form
|
|
:position relative
|
|
input,
|
|
textarea,
|
|
label
|
|
:font
|
|
:size auto
|
|
|
|
.rtl
|
|
:direction rtl
|
|
:text-align right
|
|
|
|
.hidden
|
|
:display none
|
|
|
|
.avatar
|
|
:width 50px
|
|
:height 50px
|
|
|
|
#content
|
|
:background
|
|
:color #fff
|
|
:border 1px solid #ccc
|
|
:height 100%
|
|
|
|
#flash_notice,
|
|
#flash_error,
|
|
#flash_alert
|
|
@include box-shadow(0, 1px, 2px, #333)
|
|
:z-index 100
|
|
:position fixed
|
|
:color #fff
|
|
|
|
:top -100px
|
|
:left 0
|
|
|
|
:width 100%
|
|
:padding 1em
|
|
|
|
:font
|
|
:weight bold
|
|
|
|
#flash_notice
|
|
:background
|
|
:color rgb(126,240,77)
|
|
:color rgba(126,240,77,0.98)
|
|
:text
|
|
:shadow 0 1px #6C6
|
|
|
|
#flash_error,
|
|
#flash_alert
|
|
:background
|
|
:color rgb(208,49,43)
|
|
:color rgba(208,49,43,0.98)
|
|
:border
|
|
:bottom solid 1px #C66
|
|
:text
|
|
:shadow 0 1px #C66
|
|
|
|
.login_error
|
|
:color rgb(208,49,43)
|
|
:text-shadow 1px 1px 20px rgb(208,49,43)
|
|
|
|
.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,#222)
|
|
@include linear-gradient(rgba(15,15,15,0.85),rgba(10,10,10,1))
|
|
|
|
:z-index 50
|
|
:padding 0
|
|
:top 2px
|
|
:color #CCC
|
|
|
|
:position absolute
|
|
|
|
:width 100%
|
|
:top 0
|
|
:left 0
|
|
|
|
&.fixit
|
|
:position fixed
|
|
:top -30px
|
|
|
|
a
|
|
:color #CCC
|
|
|
|
&:hover
|
|
:background none
|
|
:color #eee
|
|
|
|
&.landing
|
|
.right
|
|
:top 10px
|
|
:height 40px
|
|
|
|
ul#user_menu
|
|
@include border-radius(5px)
|
|
|
|
:overflow hidden
|
|
:white-space nowrap
|
|
:text-overflow ellipsis
|
|
:text-shadow 0 1px 0 #000
|
|
|
|
:width auto
|
|
|
|
:cursor pointer
|
|
|
|
:z-index 10
|
|
:padding 5px 0
|
|
:left 30px
|
|
:right 5px
|
|
:margin 0
|
|
:top -2px
|
|
:right -5px
|
|
|
|
:background
|
|
:color #000
|
|
|
|
:position absolute
|
|
:display inline
|
|
|
|
:top 5px
|
|
:right 0
|
|
|
|
&:hover
|
|
:background
|
|
:color #222
|
|
|
|
li
|
|
a
|
|
:padding 4px
|
|
:height 100%
|
|
&:hover
|
|
:background
|
|
:color $blue
|
|
:color #fff
|
|
|
|
&:first-child
|
|
a
|
|
:padding
|
|
:right 15px
|
|
:color #CCC
|
|
&:hover
|
|
:background
|
|
:color #222
|
|
:text
|
|
:decoration none
|
|
.right
|
|
:right 5px
|
|
|
|
&.active
|
|
@include box-shadow(0,1px,2px,#333)
|
|
|
|
:margin
|
|
:top -3px
|
|
:right -6px
|
|
:background
|
|
:color #000
|
|
:border 1px solid #999
|
|
|
|
.avatar
|
|
:height 20px
|
|
:width 20px
|
|
:position absolute
|
|
:left 2px
|
|
:top 2px
|
|
:display block
|
|
|
|
//////////////////////////////////
|
|
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
|
|
|
|
//////////////////////////////////
|
|
|
|
.unread
|
|
:background-color #E6E6E6
|
|
:color #333 !important
|
|
time
|
|
:color #333 !important
|
|
|
|
.diaspora_header_logo
|
|
:position relative
|
|
:top 4px
|
|
:margin
|
|
:right 1em
|
|
&:active
|
|
:top 5px
|
|
|
|
.stream
|
|
audio
|
|
:display block
|
|
:margin 5px 0
|
|
|
|
.stream_element
|
|
:padding 20px 20px
|
|
:min-height 50px
|
|
:border
|
|
:bottom 1px solid #ddd
|
|
:top 1px solid #fff
|
|
|
|
.youtube-player, .vimeo-player
|
|
:border none
|
|
:height 370px
|
|
:width 500px
|
|
|
|
time
|
|
:font
|
|
:weight normal
|
|
: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
|
|
|
|
img
|
|
:position relative
|
|
:top 0px
|
|
:display inline-block
|
|
:height 30px
|
|
:width 30px
|
|
|
|
.from
|
|
:display inline-block
|
|
|
|
&.profile
|
|
.from
|
|
:padding 0
|
|
|
|
h3,
|
|
h4,
|
|
h5
|
|
:display inline-block
|
|
:margin
|
|
:bottom 10px
|
|
|
|
&.show
|
|
a
|
|
:margin
|
|
:right 1em
|
|
:font
|
|
:weight normal
|
|
h4,
|
|
h5
|
|
:margin 0
|
|
:padding 0
|
|
|
|
#conversation_inbox a
|
|
&:hover
|
|
:text
|
|
:decoration none
|
|
|
|
.stream_element
|
|
:position relative
|
|
:word-wrap break-word
|
|
:color #888
|
|
|
|
:font
|
|
:size 14px
|
|
|
|
a.author
|
|
:font
|
|
:weight bold
|
|
:color #444
|
|
|
|
.content
|
|
:margin
|
|
:top 0
|
|
:padding
|
|
:left 60px
|
|
|
|
:color #666
|
|
:font
|
|
:weight normal
|
|
|
|
p
|
|
:margin
|
|
:bottom 0px
|
|
:font
|
|
:size 13px
|
|
: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
|
|
|
|
.delete
|
|
@include opacity(0.6)
|
|
:padding 5px
|
|
|
|
&:hover
|
|
@include opacity(1)
|
|
|
|
.right
|
|
:position absolute
|
|
:right 12px
|
|
|
|
.controls
|
|
:display none
|
|
:z-index 6
|
|
:color #999
|
|
a
|
|
:color #999
|
|
:font
|
|
:weight normal
|
|
|
|
&:hover, .comment:hover
|
|
> .controls
|
|
:display inline
|
|
|
|
.from
|
|
a
|
|
:color $blue
|
|
.status_message_show
|
|
.stream_element
|
|
.content
|
|
p
|
|
:font
|
|
:size 1em
|
|
|
|
.comments
|
|
:padding
|
|
:bottom 6px
|
|
> li:last-child
|
|
:border-bottom none
|
|
.comment_box
|
|
:width 475px
|
|
:margin
|
|
:bottom 5px
|
|
|
|
|
|
.time,
|
|
.timeago,
|
|
.via
|
|
:color #999
|
|
a
|
|
:color #999
|
|
:text
|
|
:decoration none
|
|
:border none
|
|
|
|
.right .reshare_pane .reshare_button a.inactive
|
|
:color #ccc
|
|
&:hover
|
|
:text
|
|
:decoration none
|
|
:cursor default
|
|
|
|
.right .reshare_pane .reshare_button
|
|
:padding 2px
|
|
&.active
|
|
@include border-radius(5px)
|
|
|
|
:background
|
|
:color #333
|
|
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
|
|
|
|
: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
|
|
|
|
|
|
#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
|
|
|
|
|
|
.stream ul.comments
|
|
:padding
|
|
:bottom 6px
|
|
|
|
> li:last-child
|
|
:border-bottom none
|
|
|
|
.avatar
|
|
:width 30px
|
|
:height 30px
|
|
|
|
.comment_box
|
|
:margin
|
|
:bottom 5px
|
|
|
|
|
|
.submit_button
|
|
:text
|
|
:align right
|
|
|
|
ul.comments,
|
|
ul.show_comments,
|
|
.likes_container
|
|
:margin 0
|
|
:top 0.5em
|
|
:padding 0
|
|
:background
|
|
:color #F0F4F5
|
|
|
|
:font
|
|
:size 12px
|
|
:line
|
|
:height 18px
|
|
|
|
:position relative
|
|
|
|
textarea
|
|
:width 100%
|
|
:height 1.4em
|
|
|
|
li
|
|
:list
|
|
:style none
|
|
:padding 0.4em
|
|
:border
|
|
:bottom 2px solid $background
|
|
|
|
.new_comment
|
|
:min-height 35px
|
|
|
|
.from
|
|
:font
|
|
:size 1em
|
|
:margin
|
|
:bottom 0px
|
|
|
|
.youtube-player, .vimeo-player
|
|
:border none
|
|
:height 250px
|
|
:width 400px
|
|
|
|
.content
|
|
:color #666
|
|
:margin
|
|
:top 0px
|
|
:bottom -2px
|
|
:padding
|
|
:left 36px
|
|
:right 10px
|
|
.from
|
|
a
|
|
:color #444
|
|
|
|
.right
|
|
:right 4px
|
|
|
|
form
|
|
:margin
|
|
:top -5px
|
|
:bottom -4px
|
|
:font
|
|
:size 1em
|
|
|
|
.submit_button
|
|
input
|
|
:margin
|
|
:right 0
|
|
|
|
textarea
|
|
:font
|
|
:size 1em
|
|
:margin
|
|
:bottom -3px
|
|
:width 438px
|
|
:min-height 23px
|
|
|
|
p
|
|
:position relative
|
|
:left 35px
|
|
|
|
.avatar
|
|
:position absolute
|
|
:display inline
|
|
|
|
form.open
|
|
.submit_button
|
|
:display block
|
|
:margin
|
|
:top 5px
|
|
:bottom 2px
|
|
:right 2px
|
|
textarea
|
|
:min-height 2.4em
|
|
|
|
.comments
|
|
.timeago
|
|
:color #999
|
|
|
|
.stream.show
|
|
ul.comments
|
|
li
|
|
:padding
|
|
:right 135px
|
|
|
|
textarea
|
|
:margin
|
|
:bottom 5px
|
|
|
|
.profile_photo
|
|
img
|
|
@include box-shadow(0,2px,2px,#333)
|
|
|
|
:height 300px
|
|
:width 300px
|
|
|
|
#profile
|
|
h3
|
|
:margin
|
|
:bottom 0
|
|
ul
|
|
:margin 0
|
|
:padding 0
|
|
|
|
ul#profile_information
|
|
:margin 1em 0
|
|
> li
|
|
:margin
|
|
:bottom 2em
|
|
|
|
a.paginate, #infscr-loading
|
|
:display block
|
|
|
|
:margin
|
|
:top 10px
|
|
|
|
:padding 8px 0
|
|
:text-align center
|
|
:width 100%
|
|
|
|
&:hover
|
|
:border 1px solid #1C6D99
|
|
|
|
#main_stream .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
|
|
|
|
#debug_info
|
|
:margin-top 50px
|
|
:color #ccc
|
|
|
|
h5
|
|
:color #ccc
|
|
|
|
input:not([type='submit']):not([type='reset']),
|
|
textarea
|
|
@include border-radius(3px)
|
|
|
|
: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
|
|
|
|
input[type='hidden']
|
|
:display none
|
|
|
|
.submit_block
|
|
:text
|
|
:align right
|
|
|
|
form p
|
|
:position relative
|
|
:padding 0
|
|
:margin 0
|
|
|
|
form p.checkbox_select
|
|
:width 75%
|
|
label
|
|
:left 25px
|
|
:top 3px
|
|
img
|
|
:position relative
|
|
:top 6px
|
|
|
|
label
|
|
:font
|
|
:weight normal
|
|
:color #999
|
|
:position absolute
|
|
:top 3px
|
|
:left 0.48em
|
|
:text
|
|
:shadow 0 1px 1px #eee
|
|
|
|
#file-upload
|
|
input
|
|
:height 100%
|
|
:width 100%
|
|
:cursor pointer
|
|
|
|
#publisher
|
|
:z-index 0
|
|
:color #999
|
|
:position relative
|
|
:margin
|
|
:bottom 10px
|
|
:top 0
|
|
:padding 12px
|
|
:top 1px
|
|
:top 0
|
|
|
|
:border
|
|
:bottom 2px #777 solid
|
|
|
|
&.mention_popup
|
|
|
|
:padding 1px 12px
|
|
:margin
|
|
:bottom 0
|
|
:border
|
|
:bottom none
|
|
|
|
|
|
&.closed
|
|
.options_and_submit
|
|
:display none !important
|
|
#file-upload
|
|
:display none
|
|
form
|
|
textarea
|
|
:height 18px !important
|
|
.counter
|
|
:display none
|
|
form
|
|
:position relative
|
|
:top 0
|
|
|
|
input[type='text'],
|
|
textarea
|
|
:width 435px
|
|
:margin 0
|
|
|
|
textarea
|
|
:border 1px solid $blue
|
|
:height 42px
|
|
|
|
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
|
|
|
|
#publisher_service_icons
|
|
:position relative
|
|
:top 3px
|
|
:margin
|
|
:right 10px
|
|
|
|
.mention_helper
|
|
:float left
|
|
|
|
#fileInfo
|
|
:display inline
|
|
:position relative
|
|
:top -2px
|
|
|
|
.content_creation
|
|
:margin
|
|
:top 1em
|
|
|
|
#click_to_share
|
|
:position relative
|
|
:padding 1em
|
|
:top 0
|
|
:margin
|
|
:bottom -16px
|
|
|
|
span
|
|
:margin
|
|
:left 12px
|
|
:font
|
|
:weight bold
|
|
:color #444
|
|
|
|
img
|
|
:display inline
|
|
:position absolute
|
|
:top 0
|
|
:left 0px
|
|
|
|
#file-upload
|
|
@include border-radius(3px)
|
|
|
|
:z-index 10
|
|
:float right
|
|
:height 42px
|
|
:width 103px
|
|
:margin 0
|
|
|
|
:border 2px solid #ccc
|
|
:background
|
|
:color #fafafa
|
|
|
|
:padding 0.3em
|
|
:cursor pointer
|
|
|
|
:font
|
|
:weight bold
|
|
:size smaller
|
|
|
|
:text
|
|
:align center
|
|
:shadow 0 1px 0 #eee
|
|
|
|
img
|
|
@include opacity(0.4)
|
|
|
|
:display inline-block
|
|
:margin 0
|
|
:padding 0
|
|
:margin
|
|
:bottom -3px
|
|
|
|
&:hover
|
|
:background
|
|
:color #eee
|
|
:cursor pointer
|
|
|
|
:color #666
|
|
img
|
|
@include opacity(0.6)
|
|
|
|
&:active
|
|
:text-shadow 0 1px 0 #fafafa
|
|
:color #ccc
|
|
img
|
|
@include opacity(0.1)
|
|
|
|
&.loading
|
|
@include opacity(0.5)
|
|
|
|
#publisher_textarea_wrapper
|
|
:position relative
|
|
textarea
|
|
:z-index 2
|
|
|
|
&.with_attachments
|
|
:padding
|
|
:bottom 70px
|
|
|
|
#photodropzone
|
|
:z-index 3
|
|
:position absolute
|
|
:bottom 0
|
|
:width 435px
|
|
:left 5px
|
|
:padding 0
|
|
|
|
li
|
|
:display inline-block
|
|
:margin-right 4px
|
|
img
|
|
:width 50px
|
|
.circle
|
|
@include border-radius(20px)
|
|
|
|
:display none
|
|
:z-index 1
|
|
:position absolute
|
|
:right -7px
|
|
:top -5px
|
|
:background
|
|
:color #333
|
|
|
|
:width 20px
|
|
:max-width 20px
|
|
:height 20px
|
|
:max-height 20px
|
|
|
|
:border 1px solid #fff
|
|
|
|
.x
|
|
:display none
|
|
:z-index 2
|
|
:position absolute
|
|
:top -3px
|
|
:right -1px
|
|
:font
|
|
:size small
|
|
:weight bold
|
|
|
|
&:hover
|
|
:cursor default
|
|
.circle
|
|
:display block
|
|
.x
|
|
:display block
|
|
|
|
.counter
|
|
:position absolute
|
|
.warning
|
|
:color orange
|
|
.exceeded
|
|
:color red
|
|
.field_with_submit
|
|
input[type='text']
|
|
:width 82%
|
|
:display inline
|
|
|
|
.dim
|
|
@include opacity(0.3)
|
|
|
|
img.thumb_small
|
|
:max-height 50px
|
|
:max-width 50px
|
|
img.thumb_medium
|
|
:max-height 100px
|
|
:max-width 100px
|
|
img.thumb_large
|
|
:max-height 300px
|
|
:max-width 300px
|
|
img.scaled_full
|
|
:max-height 700px
|
|
:max-width 700px
|
|
|
|
#thumbnails
|
|
a
|
|
:display inline-block
|
|
:width 100px
|
|
:min-width 100px
|
|
:height 100px
|
|
:min-height 100px
|
|
:margin
|
|
:bottom 15px
|
|
:right 15px
|
|
|
|
img
|
|
:height 100px
|
|
:width 100px
|
|
|
|
ul#aspect_nav
|
|
:margin
|
|
:top 3px
|
|
:bottom 2px
|
|
:bottom 0
|
|
:color #000
|
|
|
|
:position relative
|
|
:padding 0
|
|
:bottom 3px
|
|
:margin
|
|
:bottom 0
|
|
|
|
a:hover
|
|
:text
|
|
:decoration none
|
|
|
|
> li
|
|
@include border-radius(2px)
|
|
|
|
:display inline
|
|
:padding 1px 8px
|
|
:margin 0
|
|
:right 2px
|
|
|
|
:text-shadow 0 1px 0 #444
|
|
|
|
:color #999
|
|
:max-width 120px
|
|
:overflow hidden
|
|
:text-overflow ellipsis
|
|
|
|
.aspect_selector_edit
|
|
:position absolute
|
|
:margin
|
|
:left -3px
|
|
:display none
|
|
:color #555
|
|
|
|
&:hover
|
|
:color #eee
|
|
|
|
&:hover
|
|
:background
|
|
:color #000
|
|
:color #eee
|
|
|
|
.aspect_selector_edit
|
|
:display inline
|
|
|
|
&.selected
|
|
:text-shadow 0 1px 0 #fff
|
|
:font
|
|
:weight bold
|
|
:background
|
|
:color rgb(235,235,235)
|
|
|
|
:border
|
|
:bottom 1px solid #fff
|
|
|
|
:color #444
|
|
|
|
.aspect_selector_edit
|
|
:margin
|
|
:left -4px
|
|
:color #777
|
|
&:hover
|
|
:color #999
|
|
|
|
&:hover
|
|
:color #888
|
|
a
|
|
:color #000
|
|
|
|
.new_requests
|
|
:color red
|
|
|
|
|
|
#global_search
|
|
:display inline
|
|
:position relative
|
|
|
|
form
|
|
:display inline
|
|
|
|
input
|
|
@include box-shadow(0,1px,0px,#444)
|
|
|
|
:display inline
|
|
:background-color #ccc
|
|
:border
|
|
:top 1px solid #111
|
|
|
|
:font
|
|
:size 12px
|
|
|
|
:border 1px solid #000
|
|
|
|
&:hover
|
|
:background-color #eee
|
|
|
|
&.active
|
|
:background-color #fafafa
|
|
|
|
|
|
input[type='search']
|
|
:width 250px
|
|
:padding 3px
|
|
|
|
|
|
.aspect
|
|
h3
|
|
:display inline-block
|
|
|
|
.tip
|
|
:display none
|
|
:color #999
|
|
:margin
|
|
:left 0.5em
|
|
|
|
.edit_name_field:hover
|
|
.tip
|
|
:display inline
|
|
|
|
.aspect_name
|
|
:position relative
|
|
|
|
ul.tools
|
|
:position absolute
|
|
:top 3px
|
|
:right 0
|
|
:display inline
|
|
:padding 0
|
|
:margin 0
|
|
li
|
|
:display inline
|
|
:margin
|
|
:right 1em
|
|
|
|
&:last-child
|
|
:margin
|
|
:right 0
|
|
.requests
|
|
ul.dropzone
|
|
:max-width 124px
|
|
.aspect,
|
|
.requests
|
|
:color #999
|
|
:cursor default
|
|
:text-shadow 0 1px #fff
|
|
ul.dropzone
|
|
@include border-radius(10px)
|
|
|
|
:position relative
|
|
:min-height 65px
|
|
:margin 0
|
|
:bottom 25px
|
|
|
|
:padding 15px
|
|
:border 2px dashed #ccc
|
|
|
|
&.active
|
|
:background
|
|
:color rgba(255,252,127,0.2)
|
|
|
|
.draggable_info
|
|
:position absolute
|
|
:display none
|
|
:right 15px
|
|
:bottom 10px
|
|
:font
|
|
:style italic
|
|
:size 14px
|
|
:color #aaa
|
|
|
|
.person
|
|
:display inline-block
|
|
:cursor move
|
|
:z-index 3
|
|
:position relative
|
|
:padding 0
|
|
:margin 5px
|
|
|
|
:color #eee
|
|
|
|
img
|
|
@include border-radius(5px)
|
|
|
|
:height 50px
|
|
:width 50px
|
|
|
|
a:hover
|
|
:cursor move
|
|
|
|
&:hover
|
|
.delete
|
|
:display inline
|
|
|
|
&:active
|
|
:z-index 20
|
|
img
|
|
@include box-shadow(0,1px,3px,#000)
|
|
|
|
.delete
|
|
:display none
|
|
|
|
.delete
|
|
:display none
|
|
|
|
:position absolute
|
|
:top -8px
|
|
:left -8px
|
|
|
|
.circle
|
|
@include border-radius(20px)
|
|
@include box-shadow(0,1px,3px,#000)
|
|
|
|
:z-index 1
|
|
:position absolute
|
|
:background
|
|
:color #333
|
|
|
|
:width 20px
|
|
:max-width 20px
|
|
:height 20px
|
|
:max-height 20px
|
|
|
|
:border 1px solid #fff
|
|
|
|
.x
|
|
:z-index 2
|
|
:position absolute
|
|
:top 2px
|
|
:left 7px
|
|
|
|
&:hover
|
|
:cursor default
|
|
.circle
|
|
:background
|
|
:color rgba(208,49,43,1)
|
|
|
|
.requests
|
|
:position fixed
|
|
:background-color rgb(252,252,252)
|
|
|
|
.aspect
|
|
:margin-right 20px // overwriting default of 10px from grid
|
|
&.last
|
|
:margin-right 0
|
|
&.span-12
|
|
:width 465px // overwriting default of 470px from grid
|
|
|
|
.requests
|
|
ul.dropzone
|
|
:border 2px solid #ccc
|
|
|
|
ul#settings_nav
|
|
:display inline
|
|
:padding 0
|
|
:font
|
|
:size large
|
|
:position absolute
|
|
:left 198px
|
|
:top 5px
|
|
|
|
> li
|
|
:display inline
|
|
:margin
|
|
:right 1em
|
|
a
|
|
:padding 2px
|
|
|
|
.settings_pane
|
|
:display none
|
|
|
|
#account_data
|
|
a
|
|
:line-height 30px
|
|
|
|
.contact_pictures,
|
|
#aspect_listings li
|
|
img
|
|
:margin
|
|
:right 2px
|
|
:bottom 0px
|
|
:width 29px
|
|
:height 29px
|
|
|
|
h5
|
|
:margin
|
|
:bottom 6px
|
|
|
|
.contact_pictures.horizontal
|
|
img
|
|
:margin-right -5px
|
|
|
|
#thumbnails
|
|
:line-height 14px
|
|
|
|
#aspect_list
|
|
:margin 0
|
|
:padding 0
|
|
|
|
|
|
.dull
|
|
:color #aaa
|
|
:font
|
|
:style italic
|
|
|
|
a
|
|
:color #69AEDD
|
|
|
|
#aspect_listings
|
|
.contacts
|
|
:margin
|
|
:top 6px
|
|
|
|
ul
|
|
:padding 0
|
|
:margin 0
|
|
> li
|
|
:position relative
|
|
:padding 8px 0
|
|
:border
|
|
:bottom 1px solid #ddd
|
|
|
|
.floating.empty_message
|
|
:margin
|
|
:bottom 24px
|
|
:text
|
|
:align center
|
|
|
|
:padding 2em
|
|
:bottom 0.7em
|
|
|
|
.null_arrow
|
|
:margin
|
|
:top -14px
|
|
:font
|
|
:size 80px
|
|
:display inline-block
|
|
|
|
h1,h2,h3,h4
|
|
.description
|
|
:font
|
|
:size 70%
|
|
:weight 100
|
|
:color #aaa
|
|
:margin
|
|
:top 0.5em
|
|
|
|
h2,h3,h4
|
|
.description
|
|
:font
|
|
:size 80%
|
|
:weight 200
|
|
|
|
input[type="search"]
|
|
:-webkit-appearance textfield
|
|
:-moz-appearance textfield
|
|
|
|
.facebox_content
|
|
:display none
|
|
|
|
#photo_edit_options
|
|
:display none
|
|
|
|
#photodropzone
|
|
:padding 0px
|
|
:margin 0px
|
|
|
|
#section_header
|
|
:width 100%
|
|
:border
|
|
:bottom 2px solid #777
|
|
:position relative
|
|
|
|
:margin
|
|
:bottom 2em
|
|
:padding
|
|
:bottom 1em
|
|
|
|
h2
|
|
:display inline
|
|
|
|
.right
|
|
:margin
|
|
:top 10px
|
|
|
|
.modal_title_bar
|
|
:width 100%
|
|
:background
|
|
:color #333
|
|
:margin
|
|
:bottom 2em
|
|
h4
|
|
:color #fff
|
|
:padding 10px 20px
|
|
:font
|
|
:size small
|
|
|
|
#show_text
|
|
:font
|
|
:size 24px
|
|
:family "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif
|
|
|
|
.time
|
|
:color #888
|
|
:font
|
|
:size 18px
|
|
:weight bold
|
|
|
|
.photo_options
|
|
:color #ddd
|
|
:text
|
|
:align center
|
|
|
|
ul.aspects
|
|
:margin 0
|
|
:padding 0
|
|
:font
|
|
:size 24px
|
|
|
|
> li
|
|
:padding 12px 0
|
|
:border
|
|
:bottom 1px solid #eee
|
|
|
|
&:hover
|
|
:background
|
|
:color #fafafa
|
|
|
|
.right
|
|
:top 12px
|
|
:right 12px
|
|
|
|
.delete
|
|
@include border-radius(10px)
|
|
|
|
:background
|
|
:color #eee
|
|
:width 20px
|
|
:height 20px
|
|
|
|
:line-height 16px
|
|
:text-indent 6px
|
|
:font-size 16px
|
|
|
|
.inline
|
|
:display inline
|
|
|
|
.floating
|
|
@include box-shadow(0,1px,3px,#333)
|
|
|
|
:position relative
|
|
:padding 12px
|
|
:margin
|
|
:bottom 2em
|
|
:background
|
|
:color rgb(255,255,255)
|
|
|
|
:border
|
|
:bottom 1px solid #ccc
|
|
:top 1px solid #fff
|
|
|
|
.submit_block
|
|
:position absolute
|
|
:bottom 13px
|
|
:right 12px
|
|
|
|
form
|
|
:display relative
|
|
|
|
.inline_aspect_listing
|
|
:margin 0
|
|
:padding 0
|
|
:display inline
|
|
> li
|
|
:display inline
|
|
:font
|
|
:weight normal
|
|
|
|
&:after
|
|
:content ", "
|
|
|
|
&:last-child
|
|
&:before
|
|
:content "and "
|
|
&:after
|
|
:content "."
|
|
|
|
#previous_step
|
|
:position absolute
|
|
:left 12px
|
|
:bottom 12px
|
|
|
|
#user_photo_uploader
|
|
.avatar
|
|
@include border-radius(5px)
|
|
|
|
:height 100px
|
|
:width 100px
|
|
|
|
#publisher_photo_upload
|
|
:position absolute
|
|
:display inline
|
|
:left 600px
|
|
:top 0
|
|
:z-index 10
|
|
|
|
|
|
#profile_photo_upload
|
|
:margin
|
|
:top 5px
|
|
:min-height 100px
|
|
img
|
|
@include border-radius(5px)
|
|
@include box-shadow(0,1px,2px,#666)
|
|
|
|
:position absolute
|
|
:left 0
|
|
:height 100px
|
|
:width 100px
|
|
|
|
:padding
|
|
:left 120px
|
|
|
|
h3 span.current_gs_step
|
|
:color #22C910
|
|
|
|
#notifications
|
|
:z-index 10
|
|
:position fixed
|
|
:bottom 21px
|
|
:right 12px
|
|
|
|
.notification
|
|
@include border-radius(5px)
|
|
@include box-shadow(0,2px,3px,#333)
|
|
|
|
:margin
|
|
:bottom 10px
|
|
|
|
:background
|
|
:color rgb(30,30,30)
|
|
:color rgba(30,30,30,0.9)
|
|
|
|
:min-width 200px
|
|
:padding 12px
|
|
:color #fff
|
|
|
|
:vertical
|
|
:align middle
|
|
|
|
.avatar
|
|
:display inline-block
|
|
:height 20px
|
|
:width 20px
|
|
:margin
|
|
:right 5px
|
|
:vertical
|
|
:align middle
|
|
|
|
.bottom_notification
|
|
:position fixed
|
|
:bottom 0
|
|
:left 0
|
|
:width 100%
|
|
:background
|
|
:color rgba(63,143,186,0.8)
|
|
|
|
:text
|
|
:align center
|
|
:font
|
|
:size 14px
|
|
:weight bold
|
|
:color #fff
|
|
:padding 12px
|
|
:bottom 10px
|
|
|
|
a
|
|
@include border-radius(10px)
|
|
|
|
:color #fafafa
|
|
:background
|
|
:color $blue
|
|
:padding 8px
|
|
|
|
&:hover
|
|
:background
|
|
:color #22AAE0
|
|
|
|
#notification_badge,
|
|
#message_inbox_badge
|
|
:position relative
|
|
:top 5px
|
|
:display inline
|
|
:margin 0 10px
|
|
:right -5px
|
|
:font
|
|
:weight bold
|
|
:size smaller
|
|
:width 28px
|
|
|
|
&:active
|
|
:top 6px
|
|
|
|
a
|
|
:z-index 5
|
|
:position absolute
|
|
:top -9px
|
|
:width 20px
|
|
:height 20px
|
|
|
|
&:hover
|
|
.badge_count
|
|
:background
|
|
:color lighten(#A40802, 5%)
|
|
|
|
#notification_badge
|
|
img
|
|
:position relative
|
|
:top 2px
|
|
|
|
.badge_count
|
|
@include border-radius(2px)
|
|
|
|
:z-index 3
|
|
:position absolute
|
|
:top -10px
|
|
:left 11px
|
|
:padding 0 2px
|
|
:bottom 1px
|
|
:background
|
|
:color #A40802
|
|
:line
|
|
:height 12px
|
|
|
|
:color #fff
|
|
|
|
#profile
|
|
ul#aspects_for_person
|
|
> li
|
|
:display inline-block
|
|
:padding 4px 6px 0 0
|
|
|
|
a
|
|
:padding 2px 4px
|
|
:margin
|
|
:left -3px
|
|
:background
|
|
:color #eee
|
|
:font
|
|
:size smaller
|
|
:border 1px solid #ccc
|
|
:top 1px solid #ddd
|
|
:bottom 1px solid #aaa
|
|
|
|
:color #777
|
|
:text-shadow 0 1px #fff
|
|
|
|
&:hover
|
|
:background
|
|
:color #ccc
|
|
:border 1px solid #999
|
|
:top 1px solid #bbb
|
|
:bottom 1px solid #777
|
|
|
|
:color #444
|
|
|
|
&:active
|
|
:background
|
|
:color #666
|
|
|
|
:border 1px solid #555
|
|
:top 1px solid #777
|
|
:bottom 1px solid #222
|
|
|
|
:color #eee
|
|
:text-shadow none
|
|
|
|
a:first-child
|
|
@include border-radius(2px)
|
|
:-webkit-border-radius 6px 0 0 6px
|
|
:-moz-border-radius 6px 0 0 6px
|
|
:border-radius 6px 0 0 6px
|
|
|
|
a:last-child
|
|
:-webkit-border-radius 0 6px 6px 0
|
|
:-moz-border-radius 0 6px 6px 0
|
|
:border-radius 0 6px 6px 0
|
|
|
|
|
|
ul#request_result
|
|
:padding 0
|
|
:margin 0
|
|
li
|
|
:margin
|
|
:bottom 25px
|
|
input.add
|
|
:color green
|
|
.stream_element
|
|
.content
|
|
:display inline
|
|
:position relative
|
|
:bottom 2.5em
|
|
:padding 0
|
|
|
|
.contact_list,
|
|
.aspect_list
|
|
:height 450px
|
|
:max-height 450px
|
|
|
|
:overflow-y auto
|
|
:overflow-x hidden
|
|
|
|
:border 2px solid #eee
|
|
|
|
:background
|
|
:color rgb(252,252,252)
|
|
|
|
.name
|
|
:position absolute
|
|
:left 70px
|
|
:top 10px
|
|
|
|
.avatar
|
|
:position absolute
|
|
:left 6px
|
|
:height 50px
|
|
:width 50px
|
|
|
|
:-webkit-border-radius 0 0 5px 5px
|
|
:-moz-border-radius 0 0 5px 5px
|
|
:border-radius 0 0 5px 5px
|
|
|
|
input.contact_list_search
|
|
:width 100%
|
|
:margin
|
|
:top 0
|
|
|
|
.button.share
|
|
:padding
|
|
:right 20px
|
|
.right
|
|
:right 8px
|
|
:top 3px
|
|
|
|
> ul
|
|
:margin 0
|
|
:padding 0
|
|
|
|
> li
|
|
:position relative
|
|
:height 50px
|
|
:padding 4px
|
|
:border
|
|
:bottom 1px solid #eee
|
|
|
|
&:last-child
|
|
:border
|
|
:bottom none
|
|
|
|
&:hover
|
|
:background
|
|
:color rgb(245,245,245)
|
|
|
|
> .right
|
|
:right 8px
|
|
:top 12px
|
|
|
|
a.button
|
|
:padding
|
|
:right 4px
|
|
:left 4px
|
|
&.added
|
|
@include linear-gradient(rgb(158,255,153), rgb(92,199,86))
|
|
|
|
&.added.remove
|
|
@include linear-gradient(rgb(255,153,153), rgb(199,86,86))
|
|
|
|
&:active
|
|
@include linear-gradient(rgb(199,119,119), rgb(130,55,55))
|
|
|
|
.aspect_list
|
|
:height 300px
|
|
:max-height 300px
|
|
|
|
.name
|
|
:left 1em
|
|
|
|
ul
|
|
> li
|
|
:padding 1em
|
|
:height 1em
|
|
|
|
.right
|
|
:top 2px
|
|
:right 1em
|
|
|
|
footer
|
|
:width 100%
|
|
:left 0
|
|
:bottom 0
|
|
:color #999
|
|
|
|
.container
|
|
:margin
|
|
:top 4em
|
|
:padding 0
|
|
:top 0.5em
|
|
:border
|
|
:top 1px solid #ddd
|
|
|
|
img
|
|
:position relative
|
|
:top 2px
|
|
|
|
ul#footer_nav
|
|
:margin 0
|
|
:padding 0
|
|
:display inline-block
|
|
:float right
|
|
|
|
> li
|
|
:display inline
|
|
:margin
|
|
:right 1em
|
|
|
|
&:last-child
|
|
:margin 0
|
|
a
|
|
:color #777
|
|
|
|
ul#landing_nav
|
|
:margin 0
|
|
:padding 0
|
|
|
|
:font
|
|
:size 14px
|
|
|
|
> li
|
|
:display inline
|
|
:margin
|
|
:right 0.5em
|
|
a
|
|
:color $blue
|
|
|
|
&.login
|
|
@include border-radius(5px)
|
|
@include box-shadow(0,1px,1px,#666)
|
|
|
|
:padding 5px 8px
|
|
|
|
:background
|
|
:color #000
|
|
|
|
:border
|
|
:top 1px solid #000
|
|
|
|
&:hover
|
|
:background
|
|
:color #222
|
|
|
|
:text-shadow 0 1px 0 #000
|
|
|
|
#signup_field
|
|
:margin
|
|
:top -200px
|
|
:height 46px
|
|
:padding 0
|
|
:width 400px
|
|
:display inline
|
|
|
|
div
|
|
:display inline
|
|
|
|
#mce-responses
|
|
:margin
|
|
:top 12px
|
|
:font
|
|
:size 12px
|
|
:display block
|
|
:color #888
|
|
:text-shadow 0 1px 0 #fff
|
|
|
|
#mce-error-response
|
|
:color red
|
|
|
|
#mce-success-response
|
|
:color green
|
|
|
|
input[type='text']
|
|
:top -1px
|
|
:margin 0
|
|
:right -3px
|
|
:width 300px
|
|
|
|
|
|
:border-radius 5px 0 0 5px
|
|
:-webkit-border-radius 5px 0 0 5px
|
|
:-moz-border-radius 5px 0 0 5px
|
|
|
|
:position relative
|
|
:display inline
|
|
:padding 12px
|
|
:font
|
|
:size 18px
|
|
|
|
#big_action_button, input[type='submit']
|
|
@include linear-gradient(rgb(0,123,194),rgb(65,182,250))
|
|
|
|
:height 47px
|
|
:margin 0
|
|
:background
|
|
:color $blue
|
|
|
|
:-webkit-border-radius 0 5px 5px 0
|
|
:-moz-border-radius 0 5px 5px 0
|
|
:border-radius 0 5px 5px 0
|
|
:border 1px solid #CCC
|
|
|
|
:padding 12px
|
|
:font
|
|
:size 18px
|
|
:weight bold
|
|
:color #eee
|
|
:text-shadow 0 1px 0 #333
|
|
|
|
:text
|
|
:align center
|
|
|
|
&:hover
|
|
@include linear-gradient(rgb(0,136,209),rgb(113,204,255))
|
|
|
|
#diaspora_description
|
|
:background
|
|
:image url('../images/ball.png')
|
|
:repeat no-repeat
|
|
:position top center
|
|
|
|
:padding
|
|
:top 250px
|
|
:margin
|
|
:top -200px
|
|
|
|
|
|
:font
|
|
:size 3.3em
|
|
:weight bold
|
|
:text-shadow 0 1px 3px #999
|
|
|
|
p
|
|
@include box-shadow(0,1px,3px,#ccc)
|
|
:padding 12px
|
|
:background
|
|
:color #fff
|
|
|
|
#login_field
|
|
:text
|
|
:align left
|
|
:font
|
|
:style italic
|
|
:margin
|
|
:top 14px
|
|
:left 540px
|
|
:color #888
|
|
|
|
|
|
ul#press_logos
|
|
:margin 0
|
|
:top 100px
|
|
:padding 0
|
|
> li
|
|
:display inline
|
|
:margin
|
|
:right 30px
|
|
|
|
img
|
|
:height 40px
|
|
|
|
&:last-child
|
|
:margin
|
|
:right 0
|
|
|
|
#landing_content
|
|
:margin
|
|
:top 100px
|
|
:text
|
|
:align center
|
|
|
|
#why
|
|
:margin
|
|
:bottom 48px
|
|
|
|
h2
|
|
:text-shadow 0 1px #fff
|
|
:border
|
|
:bottom 3px solid #eee
|
|
|
|
#signup
|
|
:margin
|
|
:bottom 48px
|
|
|
|
|
|
h3,h4
|
|
:padding
|
|
:bottom 5px
|
|
|
|
#edit_aspect_pane
|
|
@include box-shadow(0,4px,8px,#333)
|
|
|
|
:display none
|
|
|
|
.big_buttons
|
|
input
|
|
:width 100%
|
|
:padding
|
|
:top 10px
|
|
:bottom 10px
|
|
:color #666
|
|
|
|
#original_post_info
|
|
p
|
|
:color #999
|
|
:margin
|
|
:bottom 2em
|
|
|
|
.what_is_this
|
|
:position relative
|
|
:top 3px
|
|
|
|
&:hover
|
|
@include opacity(0.5)
|
|
|
|
#edit_aspect_trigger
|
|
:font
|
|
:size 12px
|
|
|
|
#already_invited_pane
|
|
h4
|
|
:color #666
|
|
:color #666
|
|
|
|
#search_title
|
|
:font
|
|
:weight 200
|
|
|
|
.term
|
|
:font
|
|
:weight bold
|
|
|
|
.aspect_badge
|
|
@include border-radius(3px)
|
|
|
|
:color #fff
|
|
:line-height auto
|
|
:padding 0 4px
|
|
:margin
|
|
:right 4px
|
|
:bottom 4px
|
|
:line
|
|
:height 14px
|
|
|
|
a
|
|
:color #fff
|
|
|
|
:display inline-block
|
|
|
|
:font
|
|
:size smaller
|
|
:weight normal
|
|
:text
|
|
:shadow none
|
|
|
|
:cursor default
|
|
|
|
a
|
|
:color #fff
|
|
:font
|
|
:weight normal
|
|
&:hover
|
|
:text
|
|
:decoration none
|
|
|
|
.aspects
|
|
:position relative
|
|
:margin
|
|
:top 1em
|
|
|
|
.right
|
|
:right 12px
|
|
|
|
.contact_list
|
|
:height auto
|
|
:max-height auto
|
|
:width 298px
|
|
|
|
.aspects .aspect_badge
|
|
:font
|
|
:size 1em
|
|
|
|
.aspect_badge.public
|
|
:background
|
|
:color #C0E76C
|
|
|
|
.aspect_badge.single
|
|
:background
|
|
:color #999
|
|
&:hover
|
|
:background
|
|
:color #bbb
|
|
&:active
|
|
:top 0px
|
|
|
|
.aspect_badge.removed
|
|
:background
|
|
:color #FA2A00
|
|
:text
|
|
:decoration line-through
|
|
&:hover
|
|
:background
|
|
:color #FA2A00
|
|
.stream
|
|
.avatar
|
|
:float left
|
|
.arrow,
|
|
|
|
.stream_element
|
|
.aspect_badges
|
|
@include opacity(0.5)
|
|
|
|
&:hover
|
|
.aspect_badges
|
|
@include opacity(1)
|
|
|
|
.aspect_badge
|
|
:position relative
|
|
:margin
|
|
:bottom 0
|
|
.arrow
|
|
:top -0.1em
|
|
.aspect_badge
|
|
:top -0.2em
|
|
|
|
.share_with
|
|
:min-width 430px
|
|
|
|
.avatar
|
|
:width 50px
|
|
:height 50px
|
|
:float left
|
|
|
|
h4,p
|
|
:padding
|
|
:left 64px
|
|
|
|
p
|
|
:color #eee
|
|
|
|
#aspects_list
|
|
:height auto
|
|
|
|
#new_request_list
|
|
:margin 0
|
|
:bottom 2em
|
|
:padding 0 1em
|
|
|
|
li
|
|
:padding 0.5em 0
|
|
:border
|
|
:bottom 1px solid #eee
|
|
|
|
.avatar
|
|
:height 30px
|
|
:width 30px
|
|
|
|
.content
|
|
:padding
|
|
:left 40px
|
|
|
|
.right
|
|
:top 6px
|
|
:right 0
|
|
|
|
.notifications_for_day
|
|
.stream_element
|
|
:margin
|
|
:bottom 0.3em
|
|
:padding 0.2em 0.5em
|
|
:width 500px
|
|
@include border-radius(5px)
|
|
|
|
&:hover
|
|
:background-color #EFEFEF
|
|
|
|
.day_group
|
|
:min-height 100px
|
|
:margin
|
|
:bottom 10px
|
|
.stream_element
|
|
&:last-child
|
|
:border none
|
|
|
|
.stream.notifications
|
|
> li:hover
|
|
:background none
|
|
:border
|
|
:bottom 1px solid #eee
|
|
|
|
#photo_controls
|
|
:color #ddd
|
|
:position relative
|
|
:z-index 10
|
|
|
|
|
|
ul.show_comments
|
|
:margin
|
|
:bottom -0.5em
|
|
|
|
.likes_container
|
|
:margin
|
|
:bottom -4px
|
|
:padding 4px
|
|
|
|
|
|
ul.show_comments,
|
|
.likes_container
|
|
> *
|
|
:font
|
|
:size 10px
|
|
:weight bold
|
|
|
|
img
|
|
:position relative
|
|
:top 3px
|
|
:height 12px
|
|
:width 12px
|
|
:margin
|
|
:left 0.5em
|
|
|
|
.mark_all_read
|
|
:position relative
|
|
:top 10px
|
|
|
|
#aspect_edit_pane
|
|
:width 400px
|
|
.person_tiles
|
|
.tile
|
|
@include border-radius(2px)
|
|
|
|
:padding 6px
|
|
:left 65px
|
|
:margin 3px
|
|
:left 0
|
|
:display inline-block
|
|
:width 126px
|
|
:height 50px
|
|
|
|
:border 1px solid #eee
|
|
|
|
:position relative
|
|
|
|
img
|
|
:position absolute
|
|
:left 6px
|
|
|
|
&.larger
|
|
:width 600px
|
|
|
|
#new_message_pane
|
|
input:not([type='submit']),
|
|
textarea
|
|
:width 378px
|
|
:margin
|
|
:right 0
|
|
|
|
.as-selections
|
|
input
|
|
:width 200px
|
|
|
|
#facebox_header
|
|
:position relative
|
|
:padding 1em
|
|
:background
|
|
:color #222
|
|
:border
|
|
:bottom 1px solid #777
|
|
|
|
:-webkit-border-radius 5px 5px 0 0
|
|
:-moz-border-radius 5px 5px 0 0
|
|
:border-radius 5px 5px 0 0
|
|
|
|
.right
|
|
:z-index 3
|
|
:right 1em
|
|
:top 14px
|
|
:color #ccc
|
|
|
|
img
|
|
:vertical
|
|
:align top
|
|
:position relative
|
|
:top 0px
|
|
|
|
h3,
|
|
h4
|
|
:color #eee
|
|
:margin
|
|
:bottom 0
|
|
|
|
.description
|
|
:margin
|
|
:top 0px
|
|
:left -3px
|
|
|
|
.tiny_text
|
|
:font
|
|
:size 11px
|
|
:weight normal
|
|
|
|
|
|
#aspect_edit_controls
|
|
:margin
|
|
:top 8px
|
|
|
|
#home_user_badge
|
|
:position relative
|
|
|
|
img
|
|
:position absolute
|
|
:left 0
|
|
|
|
h3
|
|
:position relative
|
|
:top 4px
|
|
|
|
:margin
|
|
:bottom 1em
|
|
|
|
:border
|
|
:bottom 1px solid #ccc
|
|
|
|
:padding
|
|
:left 60px
|
|
|
|
#aspect_listings
|
|
:margin
|
|
:top 24px
|
|
|
|
#new_notifications,
|
|
#new_requests
|
|
:position relative
|
|
|
|
:margin
|
|
:bottom 10px
|
|
:top -8px
|
|
|
|
h4
|
|
:display inline
|
|
img
|
|
:position relative
|
|
:display inline
|
|
:margin
|
|
:right 4px
|
|
:top 5px
|
|
|
|
|
|
|
|
#email_invitation
|
|
input
|
|
:width 100%
|
|
textarea
|
|
:width 100%
|
|
|
|
.share_with
|
|
.add_aspect
|
|
@include border-radius(5px)
|
|
|
|
:margin
|
|
:top 0.5em
|
|
:background
|
|
:color #ddd
|
|
p
|
|
:padding
|
|
:left 1em
|
|
input[type='text']
|
|
:width 95%
|
|
|
|
&.checkbox_select
|
|
label
|
|
:padding
|
|
:left 15px
|
|
:top 0
|
|
:height 2em
|
|
.right
|
|
:z-index 5
|
|
:top 34px
|
|
:right 1em
|
|
|
|
.done
|
|
:padding 1em
|
|
:bottom 2em
|
|
.right
|
|
:right 1em
|
|
|
|
.invite_friends
|
|
:padding 1em
|
|
:background
|
|
:color #eee
|
|
:border 1px solid #ccc
|
|
|
|
.webfinger_form
|
|
input[type='search']
|
|
:width 100%
|
|
|
|
#sort_by
|
|
:text-align right
|
|
|
|
#remember_me
|
|
input[type='checkbox']
|
|
:display inline
|
|
:height auto !important
|
|
:top 2px !important
|
|
label
|
|
:font-size inherit !important
|
|
:position static
|
|
|
|
.public_icon, .service_icon
|
|
:cursor pointer
|
|
|
|
.stream_element
|
|
.subject
|
|
:font
|
|
:size 13px
|
|
:weight bold
|
|
:color #444
|
|
:overflow hidden
|
|
:white-space nowrap
|
|
|
|
.last_author
|
|
:font
|
|
:size 12px
|
|
:color #777
|
|
|
|
|
|
.conversation_participants
|
|
:z-index 3
|
|
:background
|
|
:color $background
|
|
:position fixed
|
|
:margin
|
|
:bottom 10px
|
|
|
|
:-webkit-box-shadow 0 3px 3px -3px #333
|
|
:-moz-box-shadow 0 3px 3px -3px #333
|
|
:box-shadow 0 3px 3px -3px #333
|
|
|
|
h3
|
|
:margin 0
|
|
:top 6px
|
|
:bottom 0px
|
|
.avatar
|
|
:height 30px
|
|
:width 30px
|
|
|
|
:line
|
|
:height 0
|
|
|
|
.conversation_controls
|
|
a
|
|
:margin
|
|
:right 10px
|
|
|
|
:margin
|
|
:bottom 10px
|
|
|
|
:border
|
|
:bottom 1px solid #666
|
|
:padding 20px
|
|
:top 110px
|
|
:bottom 10px
|
|
:margin
|
|
:top -100px
|
|
|
|
.avatars
|
|
:text
|
|
:align right
|
|
:margin
|
|
:top 9px
|
|
|
|
.stream_element.new_message
|
|
:border
|
|
:top 1px solid #999
|
|
:bottom none
|
|
&:hover
|
|
:border
|
|
:bottom none
|
|
textarea
|
|
:margin 0
|
|
:bottom 0.5em
|
|
:width 100%
|
|
.right
|
|
:right -11px
|
|
|
|
.stream_element.conversation
|
|
:padding 10px
|
|
:min-height 0px
|
|
|
|
.message_count
|
|
@include border-radius(5px)
|
|
|
|
:right 10px
|
|
:background
|
|
:color #999
|
|
:color #eee
|
|
:position absolute
|
|
:padding 0 5px
|
|
:font
|
|
:size 12px
|
|
:weight normal
|
|
|
|
.participant_count
|
|
:font
|
|
:weight normal
|
|
|
|
.timestamp
|
|
:position absolute
|
|
:right 10px
|
|
:font
|
|
:weight normal
|
|
:color $blue
|
|
|
|
.avatar
|
|
:display inline
|
|
:width 35px
|
|
:height 35px
|
|
:margin
|
|
:right 10px
|
|
|
|
&:hover:not(.selected)
|
|
:background
|
|
:color #fafafa
|
|
|
|
&.selected:hover
|
|
:background
|
|
:color lighten($blue,5%)
|
|
|
|
&:hover
|
|
:cursor pointer
|
|
|
|
.conversation.unread
|
|
:background
|
|
:color lighten($background,5%)
|
|
|
|
.conversation.selected
|
|
:background
|
|
:color $blue
|
|
.subject
|
|
:color #fff
|
|
.last_author
|
|
:color #fff
|
|
.timestamp
|
|
:color #eee
|
|
:border
|
|
:bottom 1px solid darken($blue, 10%)
|
|
:top 1px solid darken($blue, 10%)
|
|
|
|
#conversation_inbox
|
|
:height 100%
|
|
:overflow-y auto
|
|
:overflow-x none
|
|
:background
|
|
:color #f3f3f3
|
|
|
|
#left_pane
|
|
:position fixed
|
|
:width 320px
|
|
:background
|
|
:color #ddd
|
|
|
|
:-webkit-box-shadow 2px 2px 5px -1px #999
|
|
|
|
:border
|
|
:right 1px solid #999
|
|
:z-index 4
|
|
|
|
h3
|
|
:padding
|
|
:bottom 0
|
|
:margin
|
|
:bottom 15px
|
|
|
|
#left_pane_header
|
|
:padding 10px
|
|
:height 22px
|
|
:border
|
|
:bottom 1px solid #ddd
|
|
|
|
#no_conversation_text
|
|
:font
|
|
:size 20px
|
|
:weight bold
|
|
:color #ccc
|
|
:text
|
|
:align center
|
|
:margin
|
|
:top 100px
|
|
|
|
#no_conversation_controls
|
|
:text
|
|
:align center
|
|
:font
|
|
:size 12px
|
|
|
|
.text-right
|
|
:text
|
|
:align right
|
|
:margin
|
|
:right 5px
|
|
|
|
#contact_visibility_padlock:hover
|
|
@include opacity(0.7)
|
|
|
|
.side_stream
|
|
.stream_element
|
|
:padding 10px 0
|
|
.avatar
|
|
:float left
|
|
|
|
.tag
|
|
:display inline-block
|
|
&:hover
|
|
:text
|
|
:decoration none
|
|
:border
|
|
:bottom 1px solid $blue
|
|
|
|
:background
|
|
:color lighten($blue, 47%)
|
|
:border
|
|
:bottom 1px dotted $blue
|
|
:font
|
|
:weight bold
|
|
|
|
h1.tag
|
|
:border
|
|
:bottom 2px dotted $blue
|
|
&:hover
|
|
:border
|
|
:bottom 2px dotted $blue
|
|
|
|
|
|
.info
|
|
.tag
|
|
:background
|
|
:color #efefef
|
|
:color #999
|
|
:border
|
|
:bottom 1px dotted #999
|
|
|
|
&:hover
|
|
:border
|
|
:bottom 1px solid #999
|
|
|
|
.diaspora_handle
|
|
:font
|
|
:size 12px
|
|
:weight normal
|
|
:color #999
|
|
:margin
|
|
:left 6px
|
|
|
|
.add_tags
|
|
:font
|
|
:weight normal
|
|
:size 11px
|
|
|
|
.hover_edit
|
|
:display none
|
|
:font
|
|
:weight normal
|
|
:size 11px
|
|
:margin
|
|
:left 5px
|
|
|
|
.description:hover
|
|
.hover_edit
|
|
:display inline
|
|
|
|
.friend_finder
|
|
.share_with
|
|
:background
|
|
:color rgb(245,245,245)
|
|
|
|
#contacts_of_contact
|
|
.section
|
|
:margin
|
|
:bottom 4px
|
|
.see_all
|
|
:text-align center
|
|
|
|
.date
|
|
:background
|
|
:color #e6e6e6
|
|
:border-radius 8px
|
|
:padding 5px
|
|
:color #999
|
|
|
|
:text-align center
|
|
.day
|
|
:font-size 50px
|
|
:font-weight 200
|
|
:margin-bottom -15px
|
|
:margin-top -10px
|
|
|
|
.month
|
|
:font-size 14px
|
|
|
|
.notification_count
|
|
:background
|
|
:color #f0f0f0
|
|
:color #999
|
|
:font
|
|
:weight normal
|
|
|
|
:padding 0 5px
|
|
:left 11px
|
|
:margin
|
|
:right 5px
|
|
:border
|
|
:radius 5px
|
|
|
|
&.unread
|
|
:background
|
|
:color lighten(#A40802, 5%)
|
|
:color #eee !important
|
|
:font
|
|
:weight bold
|
|
|
|
.leftBar
|
|
.title
|
|
:position relative
|
|
:border
|
|
:bottom 1px solid #888
|
|
:padding 2px 0
|
|
:left 24px
|
|
|
|
.right
|
|
:right 4px
|
|
:top 3px
|
|
:font-size smaller
|
|
:font-weight bold
|
|
:color #777
|
|
|
|
h5
|
|
:font-size 13px
|
|
:font-weight 500
|
|
:margin 0
|
|
:color #444
|
|
|
|
img
|
|
:position absolute
|
|
:left 3px
|
|
:top 3px
|
|
|
|
.section
|
|
.content
|
|
:padding 8px
|
|
:color #999
|
|
:font-size 11px
|
|
:height 36px
|
|
:margin
|
|
:bottom 4px
|
|
|
|
.subtle
|
|
:color #888
|
|
:font
|
|
:style italic
|
|
|
|
.cubbies_steps
|
|
li
|
|
:margin
|
|
:bottom 12px
|
|
:vertical-align top
|
|
|
|
.cubbies-credentials
|
|
:background
|
|
:color #eee
|
|
:padding 15px
|
|
|
|
.cubbies-settings-image
|
|
@include box-shadow(3px, 3px, 15px, #333)
|
|
:margin
|
|
:bottom 5px
|
|
|
|
.button.sign_up
|
|
@include linear-gradient(#D9FFA9,#B9E68A)
|
|
:text-shadow none
|
|
:color #333
|
|
|
|
&:hover
|
|
@include linear-gradient(darken(#D9FFA9,10%),darken(#B9E68A,10%))
|
|
|
|
&:active
|
|
@include linear-gradient(darken(#D9FFA9,20%),darken(#B9E68A,20%))
|
|
|
|
#facebox
|
|
input[type='text'], input.text
|
|
:width 98%
|
|
|
|
.canvas
|
|
.image-element,
|
|
.stream_element
|
|
:border none
|
|
:padding 20px
|
|
:height 170px
|
|
:width 170px
|
|
|
|
:min-height 170px
|
|
:min-width 170px
|
|
|
|
:display inline-block
|
|
:vertical-align middle
|
|
:text-align center
|
|
|
|
img
|
|
:position relative
|
|
:max-width 100%
|
|
:max-height 100%
|
|
|
|
.via
|
|
:text-align left
|
|
:font-size 11px
|
|
|
|
.hold-me
|
|
:display inline-block
|