abbf949fe1
mentioning a person from their profile page, added js & jasmine, still need to add the mention style, and prevent deselecting the last one a tiny sass add publishing from the profile works, need js translation added the translation made the hover state consistant need to fix the cucumber spec specs are green need to add a button added the buttion to mention people moved the publisher to the facebox fixed the cucumbers for the modal window
2813 lines
41 KiB
Sass
2813 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.
|
|
|
|
|
|
$blue: #3F8FBA
|
|
$red: #FF0000
|
|
$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
|
|
&:active
|
|
:top 5px
|
|
|
|
.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
|
|
|
|
&: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
|
|
: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
|
|
|
|
.aspect_badge.removed
|
|
:background
|
|
:color #FA2A00
|
|
:text
|
|
:decoration line-through
|
|
&:hover
|
|
:background
|
|
:color #FA2A00
|
|
.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
|
|
.stream_element
|
|
:padding 10px 0
|
|
.avatar
|
|
:float left
|
|
.right
|
|
:display none
|
|
|
|
.stream_element:hover
|
|
.right
|
|
:display none
|
|
|
|
.tag
|
|
&:hover
|
|
:text
|
|
:decoration none
|
|
:border
|
|
:bottom 1px solid $blue
|
|
|
|
:background
|
|
:color lighten($blue, 47%)
|
|
:border
|
|
:bottom 1px dotted $blue
|
|
:font
|
|
:weight bold
|
|
|
|
.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
|