2772 lines
40 KiB
Sass
2772 lines
40 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.
|
|
|
|
|
|
$blue: #3F8FBA
|
|
$background: rgb(252,252,252)
|
|
|
|
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 #444
|
|
:position relative
|
|
:font
|
|
:weight bold
|
|
|
|
h4
|
|
:margin
|
|
:bottom 5px
|
|
|
|
ol, ul, li
|
|
:list-style none
|
|
|
|
form
|
|
:position relative
|
|
input,
|
|
textarea,
|
|
label
|
|
:font
|
|
:size auto
|
|
|
|
.hidden
|
|
:display none
|
|
|
|
.avatar
|
|
:width 50px
|
|
:height 50px
|
|
|
|
#content
|
|
:background
|
|
:color #fff
|
|
:border 1px solid #ccc
|
|
:height 100%
|
|
|
|
#flash_notice,
|
|
#flash_error,
|
|
#flash_alert
|
|
:z-index 100
|
|
:position fixed
|
|
:color #fff
|
|
|
|
:top -100px
|
|
:left 0
|
|
|
|
:width 100%
|
|
|
|
:padding 1em
|
|
|
|
:-moz-box-shadow 0 1px 2px #333
|
|
:-webkit-box-shadow 0 1px 2px #333
|
|
:box-shadow 0 1px 2px #333
|
|
|
|
: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
|
|
:z-index 50
|
|
:position relative
|
|
|
|
:background
|
|
:color #111
|
|
:color rgba(15,15,15,0.90)
|
|
|
|
:background -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(20,20,20,0.85)), to(rgba(20,20,20,1)))
|
|
:background -moz-linear-gradient(top, rgba(20,20,20,0.85), rgba(20,20,20,0.98))
|
|
|
|
:-webkit-box-shadow 0 1px 3px #111
|
|
:-moz-box-shadow 0 1px 2px #111
|
|
:box-shadow 0 1px 3px #222
|
|
|
|
|
|
:padding 0
|
|
:top 2px
|
|
:color #CCC
|
|
|
|
:position fixed
|
|
:width 100%
|
|
:top 0
|
|
:left 0
|
|
|
|
a
|
|
:color #CCC
|
|
|
|
&: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
|
|
|
|
:width auto
|
|
|
|
:cursor pointer
|
|
|
|
:z-index 10
|
|
:padding 5px 0
|
|
:left 30px
|
|
:right 5px
|
|
:margin 0
|
|
:top -2px
|
|
:right -5px
|
|
|
|
:background
|
|
:color #000
|
|
|
|
:-webkit-border-radius 5px
|
|
:-moz-border-radius 5px
|
|
:border-radius 5px
|
|
|
|
:position absolute
|
|
:display inline
|
|
|
|
:top 5px
|
|
:right 0
|
|
|
|
a
|
|
:padding
|
|
:right 15px
|
|
:color #CCC
|
|
&:hover
|
|
:text
|
|
:decoration none
|
|
.right
|
|
:right 5px
|
|
|
|
&:hover
|
|
:background
|
|
:color #222
|
|
|
|
li
|
|
:display none
|
|
|
|
a
|
|
:display block
|
|
:padding 4px
|
|
:height 100%
|
|
&:hover
|
|
:background
|
|
:color $blue
|
|
:color #fff
|
|
|
|
&.active
|
|
:margin
|
|
:top -3px
|
|
:right -6px
|
|
:background
|
|
:color #000
|
|
:border 1px solid #999
|
|
|
|
:box-shadow 0 1px 2px #333
|
|
:-webkit-box-shadow 0 1px 2px #333
|
|
:-moz-box-shadow 0 1px 2px #333
|
|
|
|
li
|
|
:display block
|
|
|
|
.avatar
|
|
:height 20px
|
|
:width 20px
|
|
:position absolute
|
|
:left 2px
|
|
:top 2px
|
|
:display block
|
|
|
|
.unread
|
|
:background-color #eee
|
|
|
|
.diaspora_header_logo
|
|
:position relative
|
|
:top 4px
|
|
:margin
|
|
:right 1em
|
|
|
|
.stream
|
|
audio
|
|
:display block
|
|
:margin 5px 0
|
|
|
|
.stream_element
|
|
:padding 20px 20px
|
|
:right 70px
|
|
:min-height 50px
|
|
:border
|
|
:bottom 1px solid #ddd
|
|
:top 1px solid #fff
|
|
|
|
&:hover
|
|
.right
|
|
:display inline
|
|
.from
|
|
a
|
|
:color $blue
|
|
|
|
.youtube-player, .vimeo-player
|
|
:border none
|
|
:height 370px
|
|
:width 500px
|
|
|
|
time
|
|
:font
|
|
:weight normal
|
|
:size smaller
|
|
:position absolute
|
|
:right 20px
|
|
|
|
.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
|
|
: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
|
|
|
|
.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
|
|
:opacity 0.6
|
|
:padding 5px
|
|
|
|
&:hover
|
|
:opacity 1
|
|
|
|
.time,
|
|
.timeago
|
|
:color #999
|
|
a
|
|
:color #ccc
|
|
:margin
|
|
:right 1px
|
|
: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
|
|
: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
|
|
|
|
: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
|
|
.avatar
|
|
:width 30px
|
|
:height 30px
|
|
|
|
.submit_button
|
|
:text
|
|
:align right
|
|
|
|
ul.comments,
|
|
ul.show_comments
|
|
: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
|
|
|
|
.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
|
|
|
|
form
|
|
:margin
|
|
:top -5px
|
|
:bottom -4px
|
|
:font
|
|
:size 1em
|
|
|
|
.submit_button
|
|
:display none
|
|
input
|
|
:margin
|
|
:right 0
|
|
|
|
textarea
|
|
:font
|
|
:size 1em
|
|
:margin
|
|
:bottom -3px
|
|
:width 388px
|
|
:min-height 23px
|
|
|
|
p
|
|
:position relative
|
|
:left 35px
|
|
|
|
.avatar
|
|
:position absolute
|
|
:display inline
|
|
|
|
form.open
|
|
.submit_button
|
|
:display block
|
|
:margin
|
|
:bottom 2px
|
|
:right 2px
|
|
textarea
|
|
:min-height 2.4em
|
|
|
|
.comments
|
|
time
|
|
:margin
|
|
:right -15px
|
|
.timeago
|
|
:color #999
|
|
|
|
.stream.show
|
|
ul.comments
|
|
li
|
|
:padding
|
|
:right 135px
|
|
|
|
textarea
|
|
:margin
|
|
:bottom 5px
|
|
|
|
.profile_photo
|
|
img
|
|
:height 300px
|
|
:width 300px
|
|
|
|
:-webkit-box-shadow 0 2px 2px #333
|
|
:-moz-box-shadow 0 2px 2px #333
|
|
:box-shadow 0 2px 2px #333
|
|
|
|
#profile
|
|
h3
|
|
:margin
|
|
:bottom 0
|
|
ul
|
|
:margin 0
|
|
:padding 0
|
|
|
|
ul#profile_information
|
|
:margin 1em 0
|
|
> li
|
|
:margin
|
|
:bottom 2em
|
|
|
|
a.paginate, #infscr-loading
|
|
:border
|
|
:width 1px
|
|
:style solid
|
|
:color $blue
|
|
:display block
|
|
:margin
|
|
:top 10px
|
|
:padding 5px
|
|
:text-align center
|
|
:width 100%
|
|
:cursor pointer
|
|
|
|
&:hover
|
|
:border 1px solid #1C6D99
|
|
|
|
#main_stream .pagination
|
|
:display none
|
|
|
|
.stream_element
|
|
.right
|
|
:position absolute
|
|
:right 12px
|
|
|
|
&.controls
|
|
:z-index 6
|
|
:background
|
|
:color $background
|
|
:font
|
|
:size 12px
|
|
:color #999
|
|
:padding
|
|
:left 100px
|
|
a
|
|
:color #999
|
|
:font
|
|
:weight normal
|
|
&:hover
|
|
.controls
|
|
:display inline
|
|
|
|
.stream_element:hover
|
|
.right
|
|
:display inline
|
|
|
|
.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
|
|
:font
|
|
:family 'MARKER FELT', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif
|
|
:color #333
|
|
|
|
#debug_info
|
|
:margin-top 50px
|
|
:color #ccc
|
|
|
|
h5
|
|
:color #ccc
|
|
|
|
input:not([type='submit']),
|
|
textarea
|
|
:font
|
|
:family 'Arial', 'Helvetica', sans-serif
|
|
:size 14px
|
|
:padding 0.3em
|
|
:display block
|
|
:width 100%
|
|
:border 1px solid #ccc
|
|
:height auto
|
|
|
|
:-webkit-border-radius 3px
|
|
:-moz-border-radius 3px
|
|
:border-radius 3px
|
|
|
|
input[type='checkbox']
|
|
:width auto
|
|
|
|
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 20px
|
|
: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
|
|
|
|
&.closed
|
|
.options_and_submit
|
|
:display none !important
|
|
#file-upload
|
|
:display none
|
|
form
|
|
textarea
|
|
:height 18px !important
|
|
|
|
form
|
|
:position relative
|
|
:top 0
|
|
|
|
ul
|
|
:padding 0
|
|
>li
|
|
:display inline
|
|
:margin-right 2px
|
|
img
|
|
:-webkit-border-radius 5px
|
|
:-moz-border-radius 5px
|
|
:border-radius 5px
|
|
|
|
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
|
|
:position relative
|
|
:padding
|
|
:top 6px
|
|
:margin
|
|
:bottom -2px
|
|
input[type='submit']
|
|
:width 75px
|
|
|
|
input
|
|
:display inline
|
|
|
|
.right
|
|
:top 2px
|
|
|
|
.public_toggle
|
|
:font
|
|
:size smaller
|
|
:style italic
|
|
:display inline
|
|
|
|
#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
|
|
:z-index 10
|
|
:float right
|
|
:height 42px
|
|
:width 103px
|
|
:margin 0
|
|
|
|
:-webkit-border-radius 3px
|
|
:-moz-border-radius 3px
|
|
:border-radius 3px
|
|
|
|
: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
|
|
:display inline-block
|
|
:margin 0
|
|
:padding 0
|
|
:margin
|
|
:bottom -3px
|
|
|
|
:opacity 0.4
|
|
|
|
&:hover
|
|
:background
|
|
:color #eee
|
|
:cursor pointer
|
|
|
|
:color #666
|
|
img
|
|
:opacity 0.6
|
|
|
|
&:active
|
|
:text-shadow 0 1px 0 #fafafa
|
|
:color #ccc
|
|
img
|
|
:opacity 0.1
|
|
|
|
&.loading
|
|
: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
|
|
li
|
|
:margin-right 4px
|
|
img
|
|
:height 50px
|
|
:width 50px
|
|
.circle
|
|
:display none
|
|
:z-index 1
|
|
:position absolute
|
|
:right -7px
|
|
:top -47px
|
|
:background
|
|
:color #333
|
|
|
|
:width 20px
|
|
:max-width 20px
|
|
:height 20px
|
|
:max-height 20px
|
|
|
|
:border 1px solid #fff
|
|
|
|
:-webkit-border-radius 10px
|
|
:-moz-border-radius 10px
|
|
:border-radius 10px
|
|
|
|
:-webkit-box-shadow 0 1px 3px #000
|
|
:-moz-box-shadow 0 1px 3px #000
|
|
:box-shadow 0 1px 3px #000
|
|
|
|
.x
|
|
:display none
|
|
:z-index 2
|
|
:position absolute
|
|
:top -45px
|
|
:right -1px
|
|
:font
|
|
:size small
|
|
:weight bold
|
|
|
|
&:hover
|
|
:cursor default
|
|
.circle
|
|
:display block
|
|
.x
|
|
:display block
|
|
|
|
.field_with_submit
|
|
input[type='text']
|
|
:width 82%
|
|
:display inline
|
|
|
|
.dim
|
|
:opacity 0.3
|
|
|
|
|
|
#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
|
|
:display inline
|
|
:padding 1px 8px
|
|
:margin 0
|
|
:right 2px
|
|
|
|
:-webkit-border-radius 2px
|
|
:-moz-border-radius 2px
|
|
:border-radius 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
|
|
:display inline
|
|
:background-color #ccc
|
|
:border
|
|
:top 1px solid #111
|
|
|
|
:font
|
|
:size 12px
|
|
|
|
:-webkit-box-shadow 0 1px #666
|
|
:-moz-box-shadow 0 1px #666
|
|
:box-shadow 0 1px #666
|
|
|
|
: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
|
|
:position relative
|
|
:min-height 65px
|
|
:margin 0
|
|
:bottom 25px
|
|
|
|
:-webkit-border-radius 10px
|
|
:-moz-border-radius 10px
|
|
:border-radius 10px
|
|
|
|
: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
|
|
:height 50px
|
|
:width 50px
|
|
|
|
:-webkit-box-shadow 0 1px 2px #999
|
|
:-moz-box-shadow 0 1px 2px #999
|
|
:box-shadow 0 1px 2px #999
|
|
|
|
:-webkit-border-radius 5px
|
|
:-moz-border-radius 5px
|
|
:border-radius 5px
|
|
|
|
a:hover
|
|
:cursor move
|
|
|
|
&:hover
|
|
.delete
|
|
:display inline
|
|
|
|
&:active
|
|
:z-index 20
|
|
img
|
|
:-webkit-box-shadow 0 1px 3px #000
|
|
:-moz-box-shadow 0 2px 4px #000
|
|
:box-shadow 0 2px 4px #000
|
|
|
|
.delete
|
|
:display none
|
|
|
|
.delete
|
|
:display none
|
|
|
|
:position absolute
|
|
:top -8px
|
|
:left -8px
|
|
|
|
.circle
|
|
:z-index 1
|
|
:position absolute
|
|
:background
|
|
:color #333
|
|
|
|
:width 20px
|
|
:max-width 20px
|
|
:height 20px
|
|
:max-height 20px
|
|
|
|
:border 1px solid #fff
|
|
|
|
:-webkit-border-radius 20px
|
|
:-moz-border-radius 20px
|
|
:border-radius 20px
|
|
|
|
:-webkit-box-shadow 0 1px 3px #000
|
|
:-moz-box-shadow 0 1px 3px #000
|
|
:box-shadow 0 1px 3px #000
|
|
|
|
.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
|
|
|
|
|
|
.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
|
|
|
|
.section
|
|
:margin
|
|
:bottom 24px
|
|
|
|
#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
|
|
:background
|
|
:color #eee
|
|
:width 20px
|
|
:height 20px
|
|
|
|
:-webkit-border-radius 10px
|
|
:-moz-border-radius 10px
|
|
:border-radius 10px
|
|
|
|
:line-height 16px
|
|
:text-indent 6px
|
|
:font-size 16px
|
|
|
|
.inline
|
|
:display inline
|
|
|
|
.floating
|
|
:position relative
|
|
:padding 12px
|
|
:margin
|
|
:bottom 2em
|
|
:background
|
|
:color rgb(255,255,255)
|
|
|
|
:-webkit-box-shadow 0 1px 3px #333
|
|
:-moz-box-shadow 0 1px 3px #333
|
|
:box-shadow 0 1px 3px #333
|
|
|
|
: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
|
|
:-webkit-border-radius 5px
|
|
:-moz-border-radius 5px
|
|
: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
|
|
:position absolute
|
|
:left 0
|
|
:height 100px
|
|
:width 100px
|
|
|
|
:-webkit-border-radius 5px
|
|
:-moz-border-radius 5px
|
|
:border-radius 5px
|
|
|
|
:-webkit-box-shadow 0 1px 2px #666
|
|
:-moz-box-shadow 0 1px 2px #666
|
|
:box-shadow 0 1px 2px #666
|
|
|
|
:padding
|
|
:left 120px
|
|
|
|
h3 span.current_gs_step
|
|
:color #22C910
|
|
|
|
#notification
|
|
:z-index 10
|
|
:display none
|
|
:position fixed
|
|
:bottom 21px
|
|
:right 12px
|
|
|
|
:background
|
|
:color rgb(30,30,30)
|
|
:color rgba(30,30,30,0.9)
|
|
|
|
:-webkit-box-shadow 0 2px 3px #333
|
|
:-moz-box-shadow 0 2px 3px #333
|
|
:box-shadow 0 2px 3px #333
|
|
|
|
:-webkit-border-radius 5px
|
|
:border-radius 5px
|
|
:-moz-border-radius 5px
|
|
|
|
:min-width 200px
|
|
:padding 12px
|
|
:color #fff
|
|
|
|
.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
|
|
:color #fafafa
|
|
:background
|
|
:color $blue
|
|
:padding 8px
|
|
|
|
:-webkit-border-radius 10px
|
|
:-moz-border-radius 10px
|
|
:border-radius 10px
|
|
|
|
&: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
|
|
|
|
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
|
|
:z-index 3
|
|
:position absolute
|
|
:top -10px
|
|
:left 11px
|
|
:padding 0 2px
|
|
:bottom 1px
|
|
:background
|
|
:color #A40802
|
|
:border-radius 2px
|
|
: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
|
|
:-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
|
|
|
|
.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-box-shadow 0 1px #fff
|
|
:-moz-box-shadow 0 1px #fff
|
|
:box-shadow 0 1px #fff
|
|
|
|
:-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
|
|
|
|
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
|
|
:background -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(92,199,86)), color-stop(1, rgb(158,255,153)))
|
|
:background -moz-linear-gradient(top, rgb(158,255,153), rgb(92,199,86))
|
|
|
|
&.added.remove
|
|
:background -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(199,86,86)), color-stop(1, rgb(255,153,153)))
|
|
:background -moz-linear-gradient(top, rgb(255,153,153), rgb(199,86,86))
|
|
|
|
&:active
|
|
:background -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(130,55,55)), color-stop(1, rgb(199,119,119)))
|
|
:background -moz-linear-gradient(top, 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
|
|
:padding 5px 8px
|
|
|
|
:-webkit-border-radius 5px
|
|
:-moz-border-radius 5px
|
|
:border-radius 5px
|
|
|
|
:background
|
|
:color #000
|
|
|
|
:border
|
|
:top 1px solid #000
|
|
|
|
:-webkit-box-shadow 0 1px 1px #666
|
|
:-moz-box-shadow 0 1px 1px #666
|
|
:box-shadow 0 1px 1px #666
|
|
|
|
&: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']
|
|
: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
|
|
|
|
:background -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(0,123,194)), color-stop(1, rgb(65,182,250)))
|
|
:background -moz-linear-gradient( center bottom, rgb(0,123,194) 0%, rgb(65,182,250) 100%)
|
|
|
|
:padding 12px
|
|
:font
|
|
:size 18px
|
|
:weight bold
|
|
:color #eee
|
|
:text-shadow 0 1px 0 #333
|
|
|
|
:text
|
|
:align center
|
|
|
|
&:hover
|
|
:background -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(0,136,209)), color-stop(1, rgb(113,204,255)))
|
|
:background -moz-linear-gradient( center bottom, rgb(0,136,209) 0%, rgb(113,204,255) 100%)
|
|
|
|
#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
|
|
: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
|
|
|
|
|
|
#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
|
|
:-webkit-box-shadow 0 4px 8px #333
|
|
:-moz-box-shadow 0 4px 8px #333
|
|
: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
|
|
: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
|
|
:color #fff
|
|
:line-height auto
|
|
:padding 0 4px
|
|
:margin
|
|
:right 4px
|
|
:bottom 4px
|
|
:line
|
|
:height 14px
|
|
|
|
a
|
|
:color #fff
|
|
|
|
:-webkit-border-radius 3px
|
|
:-moz-border-radius 3px
|
|
:border-radius 3px
|
|
|
|
: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
|
|
|
|
.stream
|
|
.avatar
|
|
:float left
|
|
.arrow,
|
|
|
|
.stream_element
|
|
.aspect_badges
|
|
:opacity 0.5
|
|
&:hover
|
|
.aspect_badges
|
|
: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
|
|
|
|
.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
|
|
> li
|
|
:font
|
|
:size smaller
|
|
img
|
|
:position relative
|
|
:top 3px
|
|
:height 12px
|
|
:width 12px
|
|
:margin
|
|
:left 0.5em
|
|
:right 0.5em
|
|
|
|
.mark_all_read
|
|
:position relative
|
|
:top 10px
|
|
|
|
#aspect_edit_pane
|
|
:width 400px
|
|
.person_tiles
|
|
.tile
|
|
:padding 6px
|
|
:left 65px
|
|
:margin 3px
|
|
:left 0
|
|
:display inline-block
|
|
:width 126px
|
|
:height 50px
|
|
|
|
:border 1px solid #eee
|
|
:border-radius 2px
|
|
|
|
: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
|
|
|
|
#facebox
|
|
.close
|
|
:display none
|
|
|
|
#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
|
|
|
|
#login
|
|
:width 600px
|
|
:padding
|
|
:top 10%
|
|
:bottom 20%
|
|
:text
|
|
:align center
|
|
:display inline-block
|
|
|
|
form
|
|
input,
|
|
label
|
|
:font
|
|
:size 21px
|
|
:display inline
|
|
|
|
label
|
|
:top 13px
|
|
:text-shadow 0 1px 1px #ccc
|
|
|
|
input[type='text'],
|
|
input[type='password']
|
|
:-webkit-box-shadow 0 1px 0px #fff, 0 -1px 0px #888
|
|
:-moz-box-shadow 0 1px 0px #fff, 0 -1px 0px #888
|
|
:box-shadow 0 1px 0px #fff, 0 -1px 0px #888
|
|
:width 180px
|
|
:max-width 180px
|
|
|
|
p
|
|
:display inline-block
|
|
:position relative
|
|
:width 200px
|
|
|
|
&:last-child
|
|
:margin
|
|
:left 3px
|
|
|
|
span
|
|
:display block
|
|
:color #fff
|
|
&.pod_location
|
|
:color #888
|
|
|
|
&.submit
|
|
:width auto
|
|
:bottom 15px
|
|
|
|
input
|
|
:width auto
|
|
:position relative
|
|
:height 40px
|
|
:top 0px
|
|
:color #666
|
|
:margin
|
|
:bottom 10px
|
|
&:hover
|
|
:color #444
|
|
|
|
#logo
|
|
:position relative
|
|
|
|
#email_invitation
|
|
input
|
|
:width 100%
|
|
textarea
|
|
:width 100%
|
|
|
|
#share_with
|
|
.add_aspect
|
|
:-webkit-border-radius 5px
|
|
:-moz-border-radius 5px
|
|
:border-radius 5px
|
|
|
|
:margin
|
|
:top 0.5em
|
|
:background
|
|
:color #ddd
|
|
p
|
|
:padding
|
|
:left 1em
|
|
input[type='text']
|
|
:width 60%
|
|
|
|
&.checkbox_select
|
|
label
|
|
:padding
|
|
:left 15px
|
|
:top 0
|
|
:height 2em
|
|
|
|
.right
|
|
:z-index 5
|
|
:top 5px
|
|
: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
|
|
|
|
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
|
|
:right 10px
|
|
:background
|
|
:color #999
|
|
:color #eee
|
|
:position absolute
|
|
:padding 0 5px
|
|
:font
|
|
:size 12px
|
|
:weight normal
|
|
:-webkit-border-radius 3px
|
|
:-moz-border-radius 3px
|
|
:border-radius 3px
|
|
|
|
.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 #f0f0f0
|
|
&: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
|
|
:opacity 0.7
|
|
|
|
.side_stream
|
|
.avatar
|
|
:float left
|
|
.right
|
|
:display none
|
|
|
|
.stream_element:hover
|
|
.right
|
|
:display none
|
|
|
|
.tag
|
|
:background
|
|
:color lighten($blue, 47%)
|
|
:font
|
|
:weight bold
|
|
|
|
.diaspora_handle
|
|
:font
|
|
:size 12px
|
|
:weight normal
|
|
:color #999
|
|
:margin
|
|
:left 6px
|