e8b00458d3
Added white versions of the icons on hover to match the hover of other header items. Changing the notifications hover icon to the regular notifications icon when active so it is visible with the white background. Fixing the hard coded background-position value for notifications_grey Can not depend on generated sprite background position as it will change with changes in icons Moving the $icons variable to a broader scope Since the variable is used in the header, the sprites now are imported before the header Using the default sprite map instead of the explicitly created sprite map
2682 lines
40 KiB
Sass
2682 lines
40 KiB
Sass
@import 'compass'
|
|
@import 'ui'
|
|
@import '_mixins'
|
|
@import '_flash_messages'
|
|
@import 'new_styles/_spinner'
|
|
|
|
@import 'sidebar'
|
|
@import 'sprites'
|
|
@import 'header'
|
|
@import 'footer'
|
|
@import 'opengraph'
|
|
|
|
@import 'profile.css.scss'
|
|
/* ====== media ====== */
|
|
.media
|
|
:margin 10px
|
|
|
|
.media, .bd
|
|
:overflow hidden
|
|
:_overflow visible
|
|
:zoom 1
|
|
|
|
.media .img
|
|
:float left
|
|
:margin-right 10px
|
|
|
|
.media .img img
|
|
:display block
|
|
|
|
.media .imgEt
|
|
:float right
|
|
:margin-left 10px
|
|
/* ====== ----- ====== */
|
|
|
|
body
|
|
:padding 2em
|
|
:margin 0
|
|
:top 33px
|
|
:background-color $background
|
|
|
|
:font
|
|
:family "Helvetica Neue",Helvetica,Arial,sans-serif
|
|
:size 13px
|
|
|
|
a
|
|
:color $blue
|
|
:text
|
|
:decoration none
|
|
&:hover
|
|
:color $blue
|
|
:text
|
|
:decoration underline
|
|
|
|
p
|
|
:word-wrap break-word
|
|
|
|
h1, h2, h3, h4
|
|
:margin
|
|
:bottom 5px
|
|
|
|
small
|
|
:font-size small
|
|
:color #999
|
|
|
|
ul > li
|
|
:list-style none
|
|
|
|
.content ul li
|
|
:list-style disc
|
|
|
|
.rtl
|
|
:direction rtl
|
|
:text-align right
|
|
|
|
.hidden
|
|
:display none
|
|
|
|
.avatar
|
|
:-webkit-box-shadow rgba(0,0,0,0.12) 0px 0px 5px inset
|
|
:-moz-box-shadow rgba(0,0,0,0.12) 0px 0px 5px inset
|
|
|
|
:background
|
|
:color #eee
|
|
|
|
:width 50px
|
|
:height 50px
|
|
|
|
:overflow hidden
|
|
|
|
#content
|
|
:background
|
|
:color #fff
|
|
:border 1px solid #ccc
|
|
:height 100%
|
|
|
|
.login_error,
|
|
.login_alert
|
|
:color rgb(208,49,43)
|
|
:text-shadow 1px 1px 20px rgb(208,49,43)
|
|
|
|
.login_notice
|
|
:color rgb(10,150,10)
|
|
:text-shadow 1px 1px 20px rgb(126,240,77)
|
|
|
|
.fieldWithErrors
|
|
:display inline
|
|
|
|
.error_messages
|
|
:width 400px
|
|
:border 2px solid #CF0000
|
|
:padding 0
|
|
:padding-bottom 12px
|
|
:margin-bottom 20px
|
|
:background-color #f0f0f0
|
|
:font
|
|
:size 12px
|
|
h2
|
|
:text-align left
|
|
:padding 5px 5px 5px 15px
|
|
:margin 0
|
|
:font
|
|
:weight bold
|
|
:size 12px
|
|
:background-color #c00
|
|
p
|
|
:margin 8px 10px
|
|
ul
|
|
:margin 0
|
|
|
|
//////////////////////////////////
|
|
|
|
//////////////////////////////////
|
|
//hacks for tagging plugin...
|
|
ul.as-selections
|
|
:width 100% !important
|
|
//////////////////////////////////
|
|
|
|
.unread
|
|
:background-color #E6E6E6
|
|
:color #333 !important
|
|
time
|
|
:color #333 !important
|
|
|
|
.stream
|
|
audio
|
|
:display block
|
|
:margin 5px 0
|
|
|
|
.stream_element
|
|
:border
|
|
:bottom 1px solid #ddd
|
|
|
|
p
|
|
&:last-child
|
|
:padding-bottom 0
|
|
:margin-bottom 0
|
|
|
|
&:first-child
|
|
:border
|
|
:top none
|
|
|
|
ul
|
|
li
|
|
:list-style disc
|
|
|
|
.youtube-player, .vimeo-player
|
|
:border none
|
|
:height 304px
|
|
:width 410px
|
|
|
|
#author_info
|
|
:position relative
|
|
|
|
.avatar img
|
|
:position relative
|
|
:top 0px
|
|
:display inline-block
|
|
:height 30px
|
|
:width 30px
|
|
|
|
.from
|
|
:display inline-block
|
|
|
|
&.profile
|
|
.from
|
|
:padding 0
|
|
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5
|
|
:display inline-block
|
|
:margin
|
|
:bottom 10px
|
|
:right 10px
|
|
h2
|
|
:margin
|
|
:bottom 0
|
|
|
|
&.show
|
|
a
|
|
:margin
|
|
:right 1em
|
|
:font
|
|
:weight normal
|
|
h4,
|
|
h5
|
|
:margin 0
|
|
:padding 0
|
|
|
|
.right
|
|
:top 10px
|
|
|
|
.description
|
|
:margin
|
|
:bottom 10px
|
|
|
|
.stream_element
|
|
a.author
|
|
:font-weight bold
|
|
:unicode-bidi bidi-override
|
|
|
|
.photo_attachments
|
|
:margin
|
|
:top 7px
|
|
|
|
img
|
|
:max-width 100%
|
|
|
|
.bd
|
|
> img
|
|
:height 30px
|
|
:width 30px
|
|
:float left
|
|
:margin
|
|
:right 10px
|
|
|
|
.stream_photo
|
|
:float left
|
|
:margin
|
|
:top 6px
|
|
|
|
.controls:first-child
|
|
.control_icon
|
|
@include transition(opacity)
|
|
@include opacity(0)
|
|
&:hover
|
|
.controls:first-child
|
|
.control_icon
|
|
@include opacity(0.3)
|
|
.control_icon:hover
|
|
@include opacity(1)
|
|
|
|
.info
|
|
:font-size smaller
|
|
|
|
.controls
|
|
:z-index 6
|
|
:float right
|
|
|
|
.block_user
|
|
:display inline-block
|
|
|
|
.icons-ignoreuser
|
|
:height 14px
|
|
:width 14px
|
|
|
|
.delete
|
|
:display inline-block
|
|
|
|
.icons-deletelabel
|
|
:height 14px
|
|
:width 14px
|
|
|
|
a:hover
|
|
:text-decoration none
|
|
|
|
.status_message_show
|
|
.comment_box
|
|
:width 653px
|
|
:margin
|
|
:bottom 5px
|
|
|
|
.grey,
|
|
.grey *
|
|
:color #999
|
|
|
|
.details,
|
|
.details *
|
|
:font
|
|
:weight normal
|
|
|
|
.post_scope
|
|
:cursor default
|
|
|
|
.time,
|
|
.timeago,
|
|
.via
|
|
:color #aaa
|
|
a
|
|
:color #999
|
|
:text
|
|
:decoration none
|
|
:border none
|
|
|
|
#user_name
|
|
:margin
|
|
:bottom 20px
|
|
|
|
img
|
|
:margin
|
|
:right 10px
|
|
:display inline-block
|
|
:float left
|
|
:height 40px
|
|
|
|
h1
|
|
:margin
|
|
:bottom 7px
|
|
:line-height 18px
|
|
a
|
|
:color #000
|
|
|
|
span
|
|
:size small
|
|
:font
|
|
:weight normal
|
|
:color #999
|
|
#latest_message_time
|
|
:font-style italic
|
|
ul
|
|
:display inline
|
|
:margin 0
|
|
:padding 0
|
|
|
|
> li
|
|
:display inline
|
|
:margin
|
|
:right 1em
|
|
|
|
.stream.show
|
|
&:hover
|
|
> li
|
|
:background none
|
|
:border none
|
|
|
|
.submit_button
|
|
input
|
|
:float right
|
|
|
|
.stream_element .reshare,
|
|
.comment
|
|
.avatar
|
|
:width 30px
|
|
:height 30px
|
|
|
|
.likes,
|
|
.stream_element div.reshare
|
|
:font
|
|
:size 12px
|
|
|
|
.comment.no-border
|
|
&.media
|
|
:border none
|
|
:padding 0
|
|
|
|
.comment
|
|
&.media
|
|
:margin
|
|
:left 0
|
|
:right 0
|
|
|
|
:border
|
|
:top 1px dotted #aaa
|
|
|
|
:padding
|
|
:top 10px
|
|
|
|
.controls
|
|
.comment_delete
|
|
@include transition(opacity)
|
|
@include opacity(0)
|
|
&:hover
|
|
.controls
|
|
.comment_delete
|
|
@include opacity(0.3)
|
|
.comment_delete:hover
|
|
@include opacity(1)
|
|
|
|
.youtube-player, .vimeo-player
|
|
:border none
|
|
:height 250px
|
|
:width 400px
|
|
|
|
.ltr
|
|
ol, ul
|
|
:padding-left 2em
|
|
li
|
|
:padding 0px
|
|
:border none
|
|
:list-style inherit
|
|
|
|
.right
|
|
:right 4px
|
|
|
|
.stream_element
|
|
.new_comment_form_wrapper
|
|
:width 415px
|
|
|
|
.stream_element .bd
|
|
& > .likes, & > .comments
|
|
:margin-right 15px
|
|
|
|
.status-message-location
|
|
.near-from
|
|
:font-size smaller
|
|
:color #aaa
|
|
:width 100%
|
|
:float left
|
|
.address
|
|
:font-size 11px
|
|
:color #bbb
|
|
|
|
.stream_element .post-content .reshare
|
|
:border-left 2px solid #ddd
|
|
|
|
.stream_element.loaded .media .bd .feedback
|
|
:clear both
|
|
|
|
form.new_comment
|
|
input
|
|
:display none
|
|
|
|
textarea
|
|
:height 21px
|
|
:font-size 12px
|
|
:width 364px
|
|
|
|
&.open
|
|
input
|
|
:display block
|
|
|
|
#photo_container
|
|
:text
|
|
:align center
|
|
|
|
#show_photo
|
|
:z-index 11
|
|
:position relative
|
|
:display inline-block
|
|
:max-width 100%
|
|
|
|
img
|
|
:max-width 100%
|
|
|
|
#photo_spinner
|
|
:z-index 1
|
|
:position absolute
|
|
:height 100px
|
|
:width 100px
|
|
|
|
#caption
|
|
:min-height 20px
|
|
:padding 0 10px
|
|
:font
|
|
:size 16px
|
|
:color #333
|
|
|
|
input:not([type='submit']):not([type='reset']):not([type='hidden']):not(.as-input),
|
|
textarea
|
|
@include border-radius(2px)
|
|
:background-color #fff
|
|
:color #000
|
|
:margin-top 1px
|
|
:font
|
|
:family "Arial", "Helvetica", sans-serif
|
|
:size 14px
|
|
|
|
:padding 0.3em
|
|
|
|
:display block
|
|
:border 1px solid #ccc
|
|
:height auto
|
|
|
|
input[type='checkbox']
|
|
:width auto !important
|
|
|
|
form p
|
|
:position relative
|
|
:padding 0
|
|
:margin 0
|
|
|
|
form#update_profile_form p.checkbox_select
|
|
label
|
|
:top 0
|
|
|
|
form p.checkbox_select
|
|
label
|
|
:left 25px
|
|
:top 3px
|
|
:position absolute
|
|
:font-size 1em
|
|
img
|
|
:position relative
|
|
:top 6px
|
|
|
|
@mixin placeholder_styles
|
|
:color #999
|
|
:text-shadow 0 1px 1px #eee
|
|
:font-weight normal
|
|
|
|
.placeholder
|
|
@include placeholder_styles
|
|
|
|
/* those can't be combined, see: http://stackoverflow.com/questions/2610497 */
|
|
*::-webkit-input-placeholder
|
|
@include placeholder_styles
|
|
|
|
*:-moz-placeholder
|
|
@include placeholder_styles
|
|
|
|
#publisher
|
|
:z-index 1
|
|
:color #999
|
|
:position relative
|
|
:margin
|
|
:top 0
|
|
:bottom 0
|
|
:padding 12px
|
|
:top 0
|
|
:bottom 22px
|
|
:top 0
|
|
|
|
:border
|
|
:bottom 1px #eee solid
|
|
|
|
form
|
|
textarea
|
|
:resize none
|
|
:height 50px
|
|
:margin 0
|
|
|
|
&.mention_popup
|
|
:padding 1px 12px
|
|
:margin
|
|
:bottom 0
|
|
:border
|
|
:bottom none
|
|
|
|
&.closed
|
|
.options_and_submit
|
|
:display none !important
|
|
|
|
.counter
|
|
:display none
|
|
|
|
&:not(.closed)
|
|
textarea
|
|
:margin
|
|
:bottom 30px
|
|
|
|
.options_and_submit
|
|
:min-height 21px
|
|
:clear both
|
|
:position relative
|
|
:padding
|
|
:top 6px
|
|
:margin
|
|
:bottom -2px
|
|
|
|
input
|
|
:display inline
|
|
|
|
.public_toggle
|
|
:text
|
|
:align right
|
|
.dropdown
|
|
:text
|
|
:align left
|
|
|
|
.icons-monotone_wrench_settings
|
|
:display inline-block
|
|
:width 16px
|
|
:height 16px
|
|
|
|
a.question_mark
|
|
:text-decoration none
|
|
|
|
#publisher_service_icons
|
|
:position relative
|
|
:top 3px
|
|
:margin
|
|
:right 10px
|
|
|
|
.social_media_logos-facebook-16x16,
|
|
.social_media_logos-twitter-16x16,
|
|
.social_media_logos-tumblr-16x16,
|
|
.social_media_logos-wordpress-16x16,
|
|
.social_media_logos-email-16x16,
|
|
.social_media_logos-feed-16x16,
|
|
.social_media_logos-website-16x16
|
|
:display inline-block
|
|
:height 16px
|
|
:width 16px
|
|
|
|
#fileInfo
|
|
:display inline
|
|
:position relative
|
|
:top -2px
|
|
|
|
#status_message_fake_text
|
|
:min-height 20px
|
|
|
|
|
|
.content_creation
|
|
:margin
|
|
:top 1em
|
|
|
|
#file-upload
|
|
:bottom 1px !important
|
|
:display inline-block
|
|
:margin 0
|
|
:padding .3em .3em 3px
|
|
:position absolute !important
|
|
:right 6px
|
|
:cursor pointer
|
|
|
|
|
|
input[type='file']
|
|
:cursor pointer
|
|
:right initial !important
|
|
:height 100%
|
|
:width 100%
|
|
&::-webkit-file-upload-button
|
|
:cursor pointer
|
|
|
|
img
|
|
@include opacity(0.4)
|
|
:vertical-align bottom
|
|
|
|
&:hover
|
|
:color #666
|
|
:cursor pointer
|
|
|
|
img
|
|
@include opacity(0.8)
|
|
|
|
&:active
|
|
:color #444
|
|
:text-shadow 0 1px 0 #fafafa
|
|
|
|
img
|
|
@include opacity(1)
|
|
|
|
&.loading
|
|
@include opacity(0.5)
|
|
|
|
#publisher_textarea_wrapper
|
|
#hide_publisher
|
|
@include opacity(0.3)
|
|
:z-index 5
|
|
:padding 3px
|
|
:position absolute
|
|
:right 6px
|
|
:margin-top 9px
|
|
|
|
.icons-deletelabel
|
|
:height 14px
|
|
:width 14px
|
|
|
|
&:hover
|
|
@include opacity(1)
|
|
|
|
@include border-radius(2px)
|
|
|
|
:border 1px solid #ccc
|
|
:background #fff
|
|
|
|
&.active
|
|
:border 1px solid #999
|
|
|
|
:position relative
|
|
:padding
|
|
:right 10px
|
|
|
|
textarea
|
|
:z-index 2
|
|
:border none
|
|
|
|
&:focus
|
|
:outline 0
|
|
:background transparent
|
|
|
|
&.with_attachments
|
|
:padding-bottom 38px
|
|
|
|
#photodropzone
|
|
:z-index 3
|
|
:position absolute
|
|
:bottom 0
|
|
:right 35px
|
|
:width 430px
|
|
:left 5px
|
|
:padding 0
|
|
|
|
li
|
|
:display inline-block
|
|
:margin-right 4px
|
|
img
|
|
:width 50px
|
|
:max-height 55px
|
|
.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
|
|
:font-size 13px
|
|
:padding 12px 0 0 5px
|
|
.warning
|
|
:color orange
|
|
.exceeded
|
|
:color red
|
|
.field_with_submit
|
|
input[type='text']
|
|
:width 82%
|
|
:display inline
|
|
|
|
#publisher.closed
|
|
#publisher_textarea_wrapper
|
|
#hide_publisher
|
|
:display none
|
|
|
|
.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
|
|
:height 140px
|
|
:min-height 100px
|
|
:margin
|
|
:bottom 5px
|
|
:right 2px
|
|
|
|
img
|
|
:height 140px
|
|
|
|
ul#settings_nav
|
|
:display inline
|
|
:padding 0
|
|
:font
|
|
:size large
|
|
:position absolute
|
|
:left 198px
|
|
:top 5px
|
|
|
|
> li
|
|
:display inline
|
|
:margin
|
|
:right 1em
|
|
:font
|
|
:weight 700
|
|
|
|
a
|
|
:padding 2px
|
|
:font
|
|
:weight normal
|
|
|
|
.settings_pane
|
|
:display none
|
|
|
|
#account_data
|
|
a
|
|
:line-height 30px
|
|
|
|
.contact_pictures.horizontal
|
|
img
|
|
:margin-right -5px
|
|
|
|
#thumbnails
|
|
:line-height 14px
|
|
|
|
.dull
|
|
:color #aaa
|
|
:text-align center
|
|
:font
|
|
:style italic
|
|
|
|
a
|
|
:color #69AEDD
|
|
|
|
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
|
|
|
|
.photo_options
|
|
:color #888
|
|
:text
|
|
:align center
|
|
|
|
.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
|
|
|
|
#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
|
|
:position relative
|
|
|
|
img
|
|
@include border-radius(5px)
|
|
@include box-shadow(0,1px,2px,#666)
|
|
|
|
:position absolute
|
|
:left 0
|
|
:height 100px
|
|
:width 100px
|
|
|
|
&.avatar
|
|
@include transition(opacity, 0.5s)
|
|
&.loading
|
|
@include opacity(0.3)
|
|
|
|
: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
|
|
|
|
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_controls
|
|
:height 30px
|
|
:margin
|
|
:bottom 5px
|
|
:vertical-align middle
|
|
:position relative
|
|
|
|
#contact_list_search
|
|
:width 200px
|
|
:margin
|
|
:top 0
|
|
:float right
|
|
|
|
.contact_list,
|
|
.aspect_list
|
|
@include border-radius(3px)
|
|
|
|
:height 300px
|
|
:max-height 300px
|
|
|
|
:overflow-y auto
|
|
:overflow-x hidden
|
|
|
|
:border 1px solid #bbb
|
|
|
|
:background
|
|
:color rgb(252,252,252)
|
|
|
|
.avatar
|
|
:float left
|
|
:height 50px
|
|
:width 50px
|
|
:margin
|
|
:right 10px !important
|
|
|
|
.button.share
|
|
:padding
|
|
:right 20px
|
|
.right
|
|
:right 8px
|
|
:top 3px
|
|
|
|
.icons-monotone_plus_add_round,
|
|
.icons-monotone_check_yes
|
|
:height 20px
|
|
:width 20px
|
|
|
|
> .contacts
|
|
:margin 0
|
|
:padding 5px
|
|
:right 0
|
|
|
|
> .contact
|
|
@include border-radius(3px)
|
|
@include box-shadow(0, 1px, 5px, #ccc)
|
|
:background
|
|
:color #fff
|
|
:float left
|
|
:overflow-x hidden
|
|
:overflow-y hidden
|
|
|
|
:position relative
|
|
:display inline-block
|
|
|
|
&.hidden
|
|
:display none
|
|
|
|
:height 50px
|
|
:width 170px
|
|
|
|
:margin
|
|
:bottom 5px
|
|
:right 5px
|
|
|
|
:padding 5px
|
|
:border 1px solid #999
|
|
|
|
> .name
|
|
:white-space nowrap
|
|
|
|
&.remote_friend
|
|
:width 285px
|
|
|
|
a.button
|
|
@include box-shadow(0,0,0)
|
|
|
|
:border
|
|
:bottom none
|
|
|
|
:min-width auto
|
|
:float right
|
|
:padding 2px 4px
|
|
:margin-top 5px
|
|
|
|
&.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
|
|
|
|
#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(65,182,250),rgb(0,123,194))
|
|
|
|
: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 image-url('branding/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
|
|
|
|
#already_invited_pane
|
|
h4
|
|
:color #666
|
|
:color #666
|
|
|
|
#search_title
|
|
:font
|
|
:weight 200
|
|
|
|
.term
|
|
:font
|
|
:weight bold
|
|
|
|
.aspects
|
|
:position relative
|
|
:margin
|
|
:top 1em
|
|
|
|
.right
|
|
:right 12px
|
|
|
|
.contact_list
|
|
:height auto
|
|
:max-height auto
|
|
:width 500px
|
|
|
|
.aspects .aspect_badge
|
|
:font
|
|
:size 1em
|
|
|
|
.share_with
|
|
:min-width 430px
|
|
|
|
.avatar
|
|
:width 50px
|
|
:height 50px
|
|
:float left
|
|
|
|
h4,p
|
|
:padding
|
|
:left 64px
|
|
|
|
p
|
|
:color #eee
|
|
|
|
#aspects_list
|
|
:height auto
|
|
|
|
.notifications_for_day
|
|
.stream_element
|
|
:padding 0.2em 0.5em
|
|
:width 500px
|
|
|
|
.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
|
|
|
|
.show_comments
|
|
:border
|
|
:top 1px solid #ddd
|
|
:margin
|
|
:top 5px
|
|
|
|
.show_comments,
|
|
.likes_container
|
|
a
|
|
:color #999
|
|
|
|
.likes
|
|
.icons-heart
|
|
:height 12px
|
|
:width 13px
|
|
:display inline-block
|
|
:vertical-align top
|
|
:margin-top 3px
|
|
:margin-right 5px
|
|
|
|
.bd
|
|
:display inline-block
|
|
|
|
.expand_likes
|
|
:vertical-align text-bottom
|
|
|
|
.mark_all_read
|
|
:position relative
|
|
:top 10px
|
|
|
|
#inner_account_delete
|
|
:width 810px
|
|
|
|
#aspect_edit_pane
|
|
:width 810px
|
|
.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 650px
|
|
|
|
#facebox_header
|
|
:position relative
|
|
:padding
|
|
:bottom 10px
|
|
|
|
.right
|
|
:z-index 3
|
|
:right 1em
|
|
:top 14px
|
|
:color #ccc
|
|
|
|
img
|
|
:vertical
|
|
:align top
|
|
:position relative
|
|
:top 0px
|
|
|
|
h3,
|
|
h4
|
|
.description
|
|
:margin
|
|
:top 0px
|
|
|
|
.tiny_text
|
|
:font
|
|
:size 11px
|
|
:weight normal
|
|
|
|
#aspect_edit_controls
|
|
:margin
|
|
:top 8px
|
|
|
|
.icons-monotone_email_letter_round
|
|
:height 128px
|
|
:width 128px
|
|
|
|
#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
|
|
|
|
#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
|
|
|
|
.collapsible
|
|
:overflow hidden
|
|
:position relative
|
|
p
|
|
:margin 0 0 0.8em
|
|
p:last-of-type
|
|
:margin 0
|
|
|
|
.expander
|
|
:position absolute
|
|
:bottom 0
|
|
:left 0
|
|
:right 0
|
|
:height 30px
|
|
:text-align center
|
|
:line-height 48px
|
|
:font-size .8em
|
|
:color $grey
|
|
:text-shadow 0 0 7px #FFF
|
|
:cursor pointer
|
|
:border-bottom 2px solid #DDD
|
|
@include border-radius(0, 0, 3px, 3px)
|
|
@include linear-gradient(rgba(255,255,255,0) , #EEE, 0%, 95%)
|
|
:background-color transparent
|
|
|
|
.oembed
|
|
:background image-url('ajax-loader2.gif') no-repeat center center
|
|
:float left
|
|
:width 100%
|
|
|
|
.thumb
|
|
@include video-overlay()
|
|
|
|
iframe, .thumb img
|
|
:width 100%
|
|
|
|
.conversation_participants
|
|
:background
|
|
:color $background
|
|
:margin
|
|
:bottom 10px
|
|
|
|
:-webkit-box-shadow 0 2px 3px -3px #666
|
|
:-moz-box-shadow 0 2px 3px -3px #666
|
|
:box-shadow 0 2px 3px -3px #666
|
|
|
|
a.close_conversation
|
|
:display block
|
|
:margin-top 20px
|
|
:float right
|
|
|
|
.icons-deletelabel
|
|
:height 14px
|
|
:width 14px
|
|
|
|
h3
|
|
:margin 0
|
|
:top 6px
|
|
:bottom 0px
|
|
:padding
|
|
:bottom 10px
|
|
|
|
.avatar
|
|
:height 30px
|
|
:width 30px
|
|
|
|
:line
|
|
:height 0
|
|
|
|
a img
|
|
:margin
|
|
:bottom 4px
|
|
|
|
.conversation_controls
|
|
a
|
|
:margin
|
|
:right 10px
|
|
|
|
:margin
|
|
:bottom 10px
|
|
|
|
:border
|
|
:bottom 1px solid #ddd
|
|
:padding 10px
|
|
:top 101px
|
|
:bottom 10px
|
|
:width 560px
|
|
:margin
|
|
:top -100px
|
|
|
|
.avatars
|
|
:text
|
|
:align right
|
|
:margin
|
|
:top 9px
|
|
|
|
.conversation_participants
|
|
a:hover
|
|
:text-decoration none
|
|
|
|
|
|
.stream_element.conversation
|
|
:padding 8px
|
|
|
|
.message_count
|
|
@include border-radius(5px)
|
|
|
|
:float right
|
|
:right 0px
|
|
:padding 0 5px
|
|
:position relative
|
|
:background
|
|
:color #999
|
|
:color #eee
|
|
:font
|
|
:size 12px
|
|
:weight normal
|
|
|
|
.unread_message_count
|
|
@include border-radius(5px)
|
|
|
|
:float right
|
|
:right 5px
|
|
:padding 0 5px
|
|
:position relative
|
|
:background
|
|
:color #b11
|
|
:color #eee
|
|
:font
|
|
:size 12px
|
|
:weight normal
|
|
|
|
.participant_count
|
|
:font
|
|
:weight normal
|
|
|
|
.timestamp
|
|
:position relative
|
|
:float right
|
|
:font
|
|
:weight normal
|
|
:color $blue
|
|
|
|
.participants_link
|
|
:margin-top 5px
|
|
:clear right
|
|
:float right
|
|
:color #aaa
|
|
|
|
.icons-users
|
|
:display block
|
|
:width 25px
|
|
:height 16px
|
|
|
|
.conversation_participants_popover_content
|
|
:display none
|
|
|
|
.conversation_participants_popover
|
|
:margin 0 auto
|
|
:padding-left 12px
|
|
|
|
.avatar
|
|
:display inline
|
|
:width 35px
|
|
:height 35px
|
|
:margin
|
|
:right 10px
|
|
:bottom 10px
|
|
|
|
.participants_left
|
|
:display block
|
|
|
|
&:hover:not(.selected)
|
|
:background
|
|
:color #fafafa
|
|
|
|
&.selected:hover
|
|
:background
|
|
:color lighten($blue,5%)
|
|
|
|
&:hover
|
|
:cursor pointer
|
|
|
|
.conversation.unread
|
|
:background
|
|
:color darken($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
|
|
|
|
a:hover
|
|
:text
|
|
:decoration none
|
|
|
|
#left_pane
|
|
:position fixed
|
|
:width 337px
|
|
|
|
h3
|
|
:padding
|
|
:bottom 0
|
|
:margin
|
|
:bottom 15px
|
|
|
|
#left_pane_header
|
|
:padding 10px
|
|
:height 55px
|
|
: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
|
|
|
|
#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 underline
|
|
:background
|
|
:color lighten($blue, 47%)
|
|
|
|
: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 #555
|
|
|
|
.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
|
|
|
|
.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
|
|
|
|
.rightBar
|
|
.title
|
|
:position relative
|
|
:border
|
|
:bottom 1px solid #ddd
|
|
:padding 2px 0
|
|
:top 0
|
|
|
|
&.no_icon
|
|
:padding
|
|
:left 8px
|
|
|
|
.right
|
|
:right 4px
|
|
:top 3px
|
|
:font-size smaller
|
|
:font-weight bold
|
|
:color #777
|
|
|
|
.icons-plus,
|
|
.icons-heart,
|
|
.icons-question,
|
|
.icons-monotone_wrench_settings,
|
|
.icons-coffee,
|
|
.icons-mail,
|
|
.icons-bookmark,
|
|
:position absolute
|
|
:margin-left 3px
|
|
|
|
.icons-plus
|
|
:width 14px
|
|
:height 14px
|
|
|
|
.icons-heart
|
|
:width 13px
|
|
:height 13px
|
|
|
|
.icons-question
|
|
:width 16px
|
|
:height 16px
|
|
|
|
.icons-monotone_wrench_settings
|
|
:width 16px
|
|
:height 16px
|
|
|
|
.icons-bookmark
|
|
:width 14px
|
|
:height 16px
|
|
|
|
.icons-coffee
|
|
:width 16px
|
|
:height 14px
|
|
|
|
.icons-mail
|
|
:width 16px
|
|
:height 13px
|
|
|
|
h5.title-header
|
|
:margin-left 22px
|
|
|
|
h5
|
|
:font-size 12px
|
|
:margin 0
|
|
:color #666
|
|
|
|
.section
|
|
.content
|
|
:padding 8px
|
|
:color #999
|
|
:font-size 11px
|
|
li
|
|
:list-style none
|
|
:float left
|
|
:padding-right 10px
|
|
:margin
|
|
:bottom 25px
|
|
|
|
.subtle
|
|
:color #888
|
|
:font
|
|
:style italic
|
|
|
|
.cubbies_steps
|
|
li
|
|
:margin
|
|
:bottom 12px
|
|
:vertical-align top
|
|
|
|
.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%
|
|
|
|
#client-application-image
|
|
:max-width 100%
|
|
|
|
#service_stream
|
|
:margin 0
|
|
:padding 0
|
|
|
|
#authorize
|
|
:text-align center
|
|
|
|
#application-description
|
|
:display inline-block
|
|
:width 300px
|
|
:padding-bottom 20px
|
|
|
|
ul#requested-scopes
|
|
:vertical-align middle
|
|
li
|
|
:display inline-block
|
|
:padding 5px
|
|
|
|
img
|
|
:height 30px
|
|
:width 30px
|
|
|
|
.scope-description
|
|
:display none
|
|
|
|
.item_count
|
|
:width 16px
|
|
:line-height 16px
|
|
:text-align center
|
|
@include border-radius(4px)
|
|
:margin-top 1px
|
|
:color #999
|
|
:background
|
|
:color #eee
|
|
:display inline-block
|
|
:font
|
|
:size 11px
|
|
:weight 700
|
|
|
|
ul.left_nav
|
|
:margin 0
|
|
:bottom 15px
|
|
:padding 0
|
|
|
|
&.sub
|
|
:padding-left 6px
|
|
|
|
a.community_aspect_selector
|
|
:width 152px
|
|
:vertical-align middle
|
|
:display inline-block
|
|
:line-height 25px
|
|
:text
|
|
:decoration none
|
|
a
|
|
:font-weight bold
|
|
:color #777
|
|
:text
|
|
:decoration none
|
|
|
|
li
|
|
:position relative
|
|
:width 100%
|
|
|
|
li.active
|
|
> a.home_selector:not(.sub_selected)
|
|
:font
|
|
:weight 700
|
|
|
|
> a:not(.sub_selected)
|
|
:color #333
|
|
.item_count
|
|
:color #666
|
|
|
|
a.aspect_selector,
|
|
a.home_selector,
|
|
a.tag_selector,
|
|
a.element_selector
|
|
&:active
|
|
:cursor -webkit-grabbing
|
|
:cursor -moz-grabbing
|
|
:cursor grabbing
|
|
|
|
a.home_selector,
|
|
a.tag_selector,
|
|
a.element_selector,
|
|
.root_element
|
|
:display block
|
|
:width 100%
|
|
:padding 3px 7px
|
|
|
|
a.home_selector,
|
|
li.aspect_element,
|
|
a.element_selector
|
|
&:hover
|
|
@include border-radius(2px)
|
|
:background
|
|
:color lighten($blue,45%)
|
|
:text
|
|
:decoration none
|
|
|
|
.unfollow_icon
|
|
:margin-right 10px
|
|
:margin-top 4px
|
|
@include transition(opacity)
|
|
@include opacity(0.3)
|
|
:position absolute
|
|
:display none
|
|
:padding 0 5px
|
|
&:hover
|
|
@include opacity(1)
|
|
|
|
.edit
|
|
:margin-right 10px
|
|
:margin-top 4px
|
|
:width 12px
|
|
:height 12px
|
|
:margin-top 6px
|
|
@include transition(opacity)
|
|
@include opacity(0.3)
|
|
:float right
|
|
:display none
|
|
&:hover
|
|
@include opacity(1)
|
|
|
|
a.home_selector
|
|
.item_count
|
|
:float right
|
|
|
|
ul.sub_nav
|
|
:padding
|
|
:left 25px
|
|
:margin 0
|
|
li
|
|
:width 204px
|
|
|
|
.section
|
|
.left_nav
|
|
a.aspect_selector,
|
|
a.home_selector
|
|
:width 150px
|
|
ul.sub_nav
|
|
:width 140px
|
|
&:hover
|
|
:width auto
|
|
|
|
a.aspect_selector
|
|
:width 112px
|
|
:vertical-align middle
|
|
:display inline-block
|
|
:line-height 25px
|
|
:text
|
|
:decoration none
|
|
|
|
a.tag_selector
|
|
:width 117px
|
|
:overflow hidden
|
|
:position relative
|
|
:display inline-block
|
|
&:after
|
|
:display inline-block
|
|
:content ""
|
|
:width 80px
|
|
:height 25px
|
|
:position absolute
|
|
:top 0px
|
|
:left 100px
|
|
&:hover:after
|
|
:background none
|
|
|
|
li
|
|
:height 25px
|
|
.icons-check_yes_ok
|
|
:height 18px
|
|
:width 18px
|
|
:display inline-block
|
|
:margin-left 3px
|
|
:vertical-align middle
|
|
|
|
.icons-deletelabel
|
|
:height 14px
|
|
:width 14px
|
|
:margin-top 4px
|
|
|
|
li.unfollow,
|
|
li.sub_nav_item
|
|
:width 172px
|
|
|
|
li.unfollow:hover,
|
|
li.sub_nav_item:hover,
|
|
li.hover
|
|
@include border-radius(2px)
|
|
:background
|
|
:color lighten($blue,45%)
|
|
.edit,
|
|
.unfollow_icon
|
|
:z-index 1
|
|
:display inline-block
|
|
.icons-monotone_close_exit_delete
|
|
:height 16px
|
|
:width 16px
|
|
|
|
.user_card
|
|
:margin-left 8px
|
|
|
|
.unread-setter
|
|
:display none
|
|
|
|
.stream_container
|
|
:min-height 500px
|
|
|
|
h3
|
|
:margin
|
|
:bottom 0
|
|
:border
|
|
:left 1px solid #ddd
|
|
:padding
|
|
:left 10px
|
|
:top 20px
|
|
:margin
|
|
:left -10px
|
|
:top -20px
|
|
|
|
#aspect_stream_header
|
|
:padding 0 12px
|
|
|
|
.new_aspect,
|
|
a.toggle_selector
|
|
:outline none
|
|
:color #999
|
|
:font
|
|
:style italic
|
|
|
|
&:hover
|
|
:color #777
|
|
|
|
.no_contacts
|
|
:position relative
|
|
:text-align center
|
|
:top 50px
|
|
|
|
#people_stream.contacts
|
|
.stream_element
|
|
:padding 10px
|
|
:min-height 30px
|
|
.right
|
|
:top 16px
|
|
|
|
a
|
|
@include opacity(0.3)
|
|
|
|
&:hover
|
|
@include opacity(1)
|
|
|
|
.from
|
|
:position relative
|
|
a
|
|
:color rgb(85,80,80)
|
|
|
|
.content
|
|
:padding
|
|
:left 40px
|
|
.info
|
|
:margin
|
|
:top -2px
|
|
|
|
.avatar
|
|
:height 30px
|
|
:width 30px
|
|
|
|
.icons-monotone_close_exit_delete
|
|
:height 20px
|
|
:width 20px
|
|
|
|
#aspect_controls
|
|
@include border-radius(2px)
|
|
:background
|
|
:color #fafafa
|
|
:border 1px solid #ccc
|
|
:padding 10px
|
|
:min-height 23px
|
|
|
|
.conversation_button
|
|
:float right
|
|
|
|
#selected_aspect_contacts
|
|
.avatar
|
|
:height 32px
|
|
:width 32px
|
|
:margin
|
|
:bottom -2px
|
|
|
|
.stream-faces
|
|
a:hover
|
|
:text-decoration none
|
|
|
|
#view_all_contacts_link
|
|
@include border-radius(2px)
|
|
:display block
|
|
:padding 5px
|
|
:border 1px dotted #aaa
|
|
:text-align center
|
|
:margin 5px 0
|
|
|
|
.bottom_submit_section
|
|
:overflow hidden
|
|
:display block
|
|
:position relative
|
|
:text-align right
|
|
|
|
form
|
|
:float left
|
|
:display inline-block
|
|
.creation
|
|
:float right
|
|
|
|
.icons-padlock-open,
|
|
.icons-padlock-closed
|
|
:float left
|
|
:height 16px
|
|
:width 16px
|
|
:margin
|
|
:left 4px
|
|
:top 2px
|
|
|
|
#no_contacts
|
|
:text-align center
|
|
:padding 10px
|
|
:background
|
|
:color #eee
|
|
:color #666
|
|
|
|
.cubbies_collage
|
|
:position absolute
|
|
:right 50px
|
|
:top -50px
|
|
:z-index -1
|
|
|
|
.cubbies_screenshot
|
|
:position absolute
|
|
:right -20px
|
|
:z-index 1
|
|
|
|
.cubbies_infographic
|
|
:height 450px
|
|
:margin
|
|
:top 30px
|
|
|
|
#community_spotlight
|
|
.avatar
|
|
:height 140px
|
|
:width 140px
|
|
|
|
.user_card
|
|
@include border-radius(3px)
|
|
@include box-shadow(0,1px,5px,#ccc)
|
|
:padding 10px
|
|
:bottom 30px
|
|
:margin
|
|
:bottom 15px
|
|
:right 10px
|
|
|
|
:position relative
|
|
|
|
:min-height 220px
|
|
|
|
:vertical-align top
|
|
|
|
:border 1px solid #ccc
|
|
:display inline-block
|
|
|
|
:width 140px
|
|
|
|
.tags
|
|
:color #999
|
|
|
|
h4
|
|
:margin
|
|
:bottom 0
|
|
:padding
|
|
:bottom 2px
|
|
|
|
.dropdown
|
|
:width 100%
|
|
|
|
.add_user_to_aspect
|
|
:bottom 12px
|
|
:right 5px
|
|
:position absolute
|
|
|
|
#right_service_icons
|
|
:text-align center
|
|
:padding 10px
|
|
:bottom 0
|
|
|
|
.social_media_logos-facebook-24x24,
|
|
.social_media_logos-twitter-24x24,
|
|
.social_media_logos-tumblr-24x24,
|
|
.social_media_logos-wordpress-24x24,
|
|
.social_media_logos-email-24x24,
|
|
.social_media_logos-feed-24x24,
|
|
.social_media_logos-website-24x24
|
|
:height 24px
|
|
:width 24px
|
|
|
|
a
|
|
:display inline-block
|
|
|
|
.cubbies_images
|
|
:margin-left 15px
|
|
|
|
.cubbies_user_page_small
|
|
:position absolute
|
|
:left 270px
|
|
|
|
#featured_users_pane
|
|
:padding 10px 0
|
|
|
|
.featured_user_card_small
|
|
:height 30px
|
|
|
|
:vertical-align top
|
|
:position relative
|
|
|
|
:border
|
|
:bottom 1px solid #ddd
|
|
|
|
:padding 5px
|
|
:margin
|
|
:bottom 5px
|
|
|
|
a
|
|
:font
|
|
:weight bold
|
|
|
|
.tags
|
|
a
|
|
:color #999
|
|
|
|
.avatar
|
|
:height 30px
|
|
:width 30px
|
|
:margin
|
|
:right 5px
|
|
:float left
|
|
|
|
.action_item
|
|
:padding-right 5px
|
|
|
|
.accept_invitation_form,
|
|
.sign_up_form
|
|
:min-height 350px
|
|
:font-size 16px
|
|
input[type='text'],
|
|
input[type='password'],
|
|
input[type='email']
|
|
:font-size 16px !important
|
|
:width 378px !important
|
|
|
|
.diaspora_id_text
|
|
:font-size 12px
|
|
:text-align right
|
|
:color #999
|
|
:margin
|
|
:top -8px
|
|
:padding 0
|
|
|
|
.submit_field
|
|
:text-align right
|
|
|
|
.accept_invitation_text
|
|
:font
|
|
:weight lighter
|
|
|
|
.red
|
|
:color $red
|
|
|
|
.green
|
|
:color green
|
|
.resend
|
|
:color black
|
|
&:hover
|
|
:text-decoration none
|
|
:color black
|
|
&:hover
|
|
:text-decoration none
|
|
|
|
#admin_nav
|
|
:font-size 1em
|
|
:border
|
|
:bottom 2px solid #777
|
|
:margin
|
|
:bottom 20px
|
|
ul
|
|
:display inline
|
|
li
|
|
:font-size 0.8em
|
|
:display inline
|
|
:margin
|
|
:right 0.5em
|
|
|
|
#grey_header
|
|
@include box-shadow(0,1px,1px,#eee)
|
|
:background
|
|
:color #fafafa
|
|
:width 100%
|
|
:position absolute
|
|
:left 0
|
|
:top 0
|
|
:padding
|
|
:top 80px
|
|
:bottom 20px
|
|
:text
|
|
:align center
|
|
:border
|
|
:bottom 1px solid #ddd
|
|
|
|
.mobile_row
|
|
:margin
|
|
:bottom 50px
|
|
|
|
.field_with_errors
|
|
:position relative
|
|
|
|
input
|
|
@include box-shadow(0,0,8px,lighten(#D00,30%))
|
|
:border 1px solid #D00 !important
|
|
|
|
.field_with_errors .message
|
|
:color #D00
|
|
:font-size 12px
|
|
:position absolute
|
|
:top 4px
|
|
:right 10px
|
|
:left auto
|
|
|
|
.new_user_form fieldset, .accept_invitation_form fieldset
|
|
@include border-radius(3px)
|
|
|
|
:background
|
|
:color #fff
|
|
:color rgba(255,255,255,0.95)
|
|
|
|
.submit_field
|
|
:margin
|
|
:top 15px
|
|
span.host_uri
|
|
:float right
|
|
:margin-top -28px
|
|
:color #999
|
|
:padding-right 9px
|
|
|
|
.center
|
|
:text-align center
|
|
|
|
.nostrap,
|
|
.nostrap:focus
|
|
:-webkit-box-shadow none
|
|
:-moz-box-shadow none
|
|
:box-shadow none
|
|
|
|
#welcome-to-diaspora
|
|
:-webkit-box-shadow inset 0 -2px 10px rgba(0,0,0,0.35)
|
|
:-moz-box-shadow inset 0 -2px 10px rgba(0,0,0,0.35)
|
|
|
|
:position absolute
|
|
:width 100%
|
|
:left 0
|
|
:top 0
|
|
:padding
|
|
:top 50px
|
|
:bottom 10px
|
|
h1,h3
|
|
:color #fff
|
|
:text-overflow ellipsis
|
|
:white-space nowrap
|
|
:background orange
|
|
&:hover
|
|
#gs-skip-x
|
|
@include opacity(0.4)
|
|
@include transition(opacity, 0.25s)
|
|
|
|
&:hover
|
|
@include opacity(1)
|
|
|
|
#gs-shim
|
|
:position absolute
|
|
:top 380px
|
|
|
|
#gs-skip-x
|
|
@include opacity(0)
|
|
@include transition(opacity, 0.25s)
|
|
|
|
img
|
|
:position relative
|
|
:right 4px
|
|
:height 20px
|
|
|
|
|
|
.avatar.micro
|
|
:height 20px
|
|
:width 20px
|
|
|
|
#gs-name-form-spinner
|
|
:position absolute
|
|
:top 24px
|
|
:right -33px
|
|
|
|
.left_nav
|
|
#new_tag_following
|
|
:width 137px
|
|
:margin
|
|
:left 24px
|
|
|
|
input[type='text']
|
|
:width 137px
|
|
:font
|
|
:size 13px
|
|
|
|
#tag_following_submit
|
|
&.hidden
|
|
:display none
|
|
|
|
.popover
|
|
.close
|
|
@include opacity(0)
|
|
@include transition(opacity, 0.2s)
|
|
:position relative
|
|
:top 1px
|
|
:right -5px
|
|
:float right
|
|
.icons-deletelabel
|
|
:height 14px
|
|
:width 14px
|
|
|
|
img
|
|
margin-top: 10px
|
|
|
|
&:hover
|
|
.close
|
|
@include opacity(0.5)
|
|
|
|
&:hover
|
|
@include opacity(1)
|
|
body
|
|
.popover
|
|
:z-index 1000
|
|
|
|
.nsfw-shield
|
|
@include border-radius(3px)
|
|
:background-color #eee
|
|
:width 90%
|
|
:padding 5px 10px
|
|
:border 1px solid #ddd
|
|
:color #999
|
|
|
|
#back-to-top
|
|
:display block
|
|
:color white
|
|
:position fixed
|
|
:z-index 49
|
|
:right 20px
|
|
:bottom 20px
|
|
:opacity 0
|
|
:font-size 3em
|
|
:padding 0 11px 0 12px
|
|
:border-radius 10px
|
|
:background-color #aaa
|
|
&:hover
|
|
:opacity 0.85 !important
|
|
&.visible
|
|
:opacity 0.5
|
|
|
|
.float-right
|
|
:float right
|
|
:margin-top 5px
|
|
|
|
.nsfw_off
|
|
:font-size smaller
|
|
:color #999
|
|
a
|
|
:color #666
|
|
:color #666
|
|
|
|
#fileInfo
|
|
:font-size small
|
|
:text-align right
|
|
:margin 5px 2px
|
|
|
|
.post_preview_button
|
|
:padding 3px 9px 4px
|
|
|
|
.post_preview
|
|
:padding
|
|
:top 5px
|
|
:border
|
|
:bottom 3px solid #3f8fba !important
|
|
:background
|
|
:color #e8f7ff
|
|
|
|
#publisher-images
|
|
#locator
|
|
:bottom 1px !important
|
|
:display inline-block
|
|
:margin 0
|
|
:position absolute !important
|
|
:right 30px
|
|
:cursor pointer
|
|
img
|
|
:padding-top 2px
|
|
@include opacity(0.4)
|
|
&:hover
|
|
:color #666
|
|
:cursor pointer
|
|
img
|
|
@include opacity(0.8)
|
|
.btn
|
|
:height 19px
|
|
:width 19px
|
|
|
|
#location
|
|
:border 1px solid #999
|
|
:height 20px
|
|
#location_address
|
|
:border none
|
|
:color #aaa
|
|
:height 10px
|
|
:width 430px
|
|
:float left
|
|
a#hide_location
|
|
:position absolute
|
|
:right 22px
|
|
:filter alpha(opacity=30)
|
|
:-moz-opacity 0.3
|
|
:-khtml-opacity 0.3
|
|
:opacity 0.3
|
|
:z-index 5
|
|
a#hide_location:hover
|
|
@include opacity(0)
|
|
:-khtml-opacity 1
|
|
:opacity 1
|
|
:cursor pointer
|