1011 lines
15 KiB
Sass
1011 lines
15 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.
|
|
|
|
|
|
@font-face
|
|
:font-family 'BrandonGrotesqueLightRegular'
|
|
:src url('brandongrotesque_light/Brandon_light-webfont.eot')
|
|
:src local('☺'), url('brandongrotesque_light/Brandon_light-webfont.woff') format('woff'), url('brandongrotesque_light/Brandon_light-webfont.ttf') format('truetype'), url('brandongrotesque_light/Brandon_light-webfont.svg#webfont') format('svg')
|
|
font
|
|
:weight normal
|
|
:style normal
|
|
|
|
body
|
|
:padding 2em
|
|
:margin 0
|
|
a
|
|
:color #107FC9
|
|
:text
|
|
:decoration none
|
|
&:hover
|
|
:color #22AAE0
|
|
&:active
|
|
:color #005D9C
|
|
|
|
|
|
h1, h2, h3, h4
|
|
:color #444
|
|
|
|
h3
|
|
:font
|
|
:size 18px
|
|
|
|
.avatar
|
|
:width 50px
|
|
:height 50px
|
|
|
|
#flash_notice,
|
|
#flash_error,
|
|
#flash_alert
|
|
:z-index 100
|
|
:position fixed
|
|
:color #fff
|
|
|
|
:top -100px
|
|
:left 0
|
|
|
|
:width 100%
|
|
|
|
:padding 1em
|
|
|
|
:box-shadow 0 1px 2px #333
|
|
:-moz-box-shadow 0 1px 2px #333
|
|
:-webkit-box-shadow 0 1px 2px #333
|
|
|
|
:font
|
|
:weight bold
|
|
|
|
#flash_notice
|
|
:background
|
|
:color rgba(127,255,36,0.85)
|
|
:border
|
|
:bottom solid 1px #6C6
|
|
:text
|
|
:shadow 0 1px #6C6
|
|
|
|
#flash_error,
|
|
#flash_alert
|
|
:background
|
|
:color rgba(208,49,43,0.85)
|
|
:border
|
|
:bottom solid 1px #C66
|
|
:text
|
|
:shadow 0 1px #C66
|
|
|
|
.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 4
|
|
:position relative
|
|
:margin -2em
|
|
:bottom 2em
|
|
:color #000
|
|
:background -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#222))
|
|
:background -moz-linear-gradient(19% 75% 90deg, #222, #666)
|
|
:background
|
|
:color #666
|
|
:padding 0
|
|
:top 5px
|
|
:border
|
|
:bottom 1px solid #ccc
|
|
|
|
a
|
|
:color #CCC
|
|
|
|
&:hover
|
|
:background none
|
|
:color #eee
|
|
|
|
#diaspora_text
|
|
:display inline
|
|
:font
|
|
:family 'BrandonGrotesqueLightRegular'
|
|
:size 16px
|
|
:border none
|
|
:color #fff
|
|
|
|
#session_action
|
|
:position absolute
|
|
:display inline
|
|
|
|
:top 0
|
|
:right 0
|
|
|
|
ul
|
|
:list
|
|
:style none
|
|
:padding 0
|
|
:margin 0
|
|
:display inline
|
|
|
|
li
|
|
:display inline
|
|
:margin
|
|
:right 1em
|
|
|
|
&:last-child
|
|
:margin
|
|
:right 0
|
|
|
|
#aspect_header
|
|
:-webkit-box-shadow 0px -4px 6px -2px #777
|
|
|
|
:background -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7F7F7), to(#EEEEEE))
|
|
:background -moz-linear-gradient(19% 75% 90deg, #eee, #f7f7f7)
|
|
|
|
:background
|
|
:color #eee
|
|
:border
|
|
:top 1px solid #fff
|
|
:padding 20px 0
|
|
|
|
h1
|
|
:text-shadow 0 1px 0 #fff
|
|
|
|
a
|
|
:color #444
|
|
&:hover
|
|
:background none
|
|
:color #999
|
|
|
|
.page_title
|
|
:text
|
|
:transform uppercase
|
|
:shadow 0 1px 0 #fff
|
|
|
|
|
|
ul#stream
|
|
:margin 0
|
|
:padding 0
|
|
> li
|
|
:min-height 50px
|
|
:list-style none
|
|
:padding 12px 0
|
|
:border
|
|
:bottom 1px solid #eee
|
|
|
|
&:hover
|
|
:background
|
|
:color #fafafa
|
|
:border
|
|
:bottom 1px solid #ddd
|
|
.destroy_link
|
|
:display inline
|
|
|
|
.right
|
|
:top 0
|
|
|
|
li.message
|
|
:position relative
|
|
:line-height 19px
|
|
:font
|
|
:family 'Arial', 'Helvetica', sans-serif
|
|
:color #777
|
|
|
|
.avatar
|
|
:float left
|
|
:margin
|
|
:right 15px
|
|
|
|
.delete:hover
|
|
:background #eee
|
|
|
|
.content
|
|
:max-width 610px
|
|
:margin
|
|
:top -4px
|
|
:padding
|
|
:left 65px
|
|
|
|
.from
|
|
:font
|
|
:family 'Helvetica neue', Arial, Helvetica, sans-serif
|
|
:text
|
|
:shadow 0 1px #fff
|
|
|
|
.aspect
|
|
:cursor default
|
|
:display inline
|
|
:color #bbb
|
|
:font
|
|
:size 12px
|
|
a
|
|
:font
|
|
:weight normal
|
|
:color #bbb
|
|
|
|
&:hover
|
|
:text
|
|
:decoration underline
|
|
&:active
|
|
:color #999
|
|
ul
|
|
:display inline
|
|
:margin 0
|
|
:padding 0
|
|
:list
|
|
:style none
|
|
li
|
|
:display inline
|
|
&:after
|
|
:content ","
|
|
&:last-child:after
|
|
:content ""
|
|
|
|
a
|
|
:font
|
|
:weight bold
|
|
|
|
:color #444
|
|
:font
|
|
:weight normal
|
|
:size 14px
|
|
|
|
div.info
|
|
:color #999
|
|
:font-size smaller
|
|
a
|
|
:color #ccc
|
|
.time
|
|
a
|
|
:color #bbb
|
|
:font
|
|
:weight bold
|
|
:margin
|
|
:right 5px
|
|
|
|
&:hover
|
|
div.info, .time
|
|
a
|
|
:color #107FC9
|
|
&:hover
|
|
:color #22AAE0
|
|
&:active
|
|
:color #005D9C
|
|
|
|
|
|
.destroy_link .reshare_pane .reshare_button a.inactive
|
|
:color #ccc
|
|
&:hover
|
|
:text
|
|
:decoration none
|
|
:cursor default
|
|
|
|
.destroy_link .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 5px
|
|
:padding 0
|
|
|
|
:background
|
|
:color #fafafa
|
|
|
|
:list
|
|
:style none
|
|
|
|
:border 5px solid #666
|
|
:-webkit-box-shadow 0 0 5px #666
|
|
:-moz-box-shadow 0 0 5px #666
|
|
|
|
: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
|
|
|
|
&:hover
|
|
:background
|
|
:color #eee
|
|
:text
|
|
:decoration none
|
|
&:active
|
|
:background
|
|
:color #ccc
|
|
|
|
|
|
form
|
|
:position relative
|
|
:font
|
|
:size 120%
|
|
:margin 1em
|
|
:left 0em
|
|
|
|
#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
|
|
:list-style none
|
|
|
|
> li
|
|
:display inline
|
|
:margin
|
|
:right 1em
|
|
|
|
|
|
#stream div.comments
|
|
:display none
|
|
|
|
.avatar
|
|
:width 35px
|
|
:height 35px
|
|
:margin
|
|
:right 10px
|
|
|
|
input.comment_submit
|
|
:display none
|
|
:margin
|
|
:right -10px
|
|
|
|
|
|
ul.comment_set
|
|
:margin 0
|
|
:top 1em
|
|
:padding 0
|
|
:list-style none
|
|
:max-width 610px
|
|
|
|
textarea
|
|
:width 100%
|
|
|
|
li.comment
|
|
:margin
|
|
:bottom 0.5em
|
|
:background
|
|
:color rgba(10,81,109,0.05)
|
|
:padding 0.6em
|
|
:border
|
|
:bottom 1px solid #ddd
|
|
|
|
.content
|
|
:color #777
|
|
:margin
|
|
:top -2px
|
|
:padding
|
|
:left 45px
|
|
.from
|
|
a
|
|
:color #444
|
|
:font
|
|
:size 12px
|
|
|
|
:line
|
|
:height 18px
|
|
|
|
div.time
|
|
:color #bbb
|
|
:font
|
|
:size 11px
|
|
:weight bold
|
|
|
|
form
|
|
:margin
|
|
:top -5px
|
|
:bottom 0
|
|
:font
|
|
:size 1em
|
|
textarea
|
|
:font
|
|
:size 1em
|
|
|
|
.profile_photo
|
|
img
|
|
:height 150px
|
|
:width 150px
|
|
|
|
#profile
|
|
ul
|
|
:list-style-type none
|
|
:margin 0
|
|
:padding 0
|
|
|
|
|
|
#stream, #profile,
|
|
.comments
|
|
img.person_picture
|
|
:border-radius 3px
|
|
:-webkit-border-radius 3px
|
|
:-moz-border-radius 3px
|
|
:display inline block
|
|
:height 30px
|
|
:display absolute
|
|
:float left
|
|
:margin
|
|
:right 10px
|
|
|
|
|
|
.pagination
|
|
a
|
|
:padding 3px
|
|
|
|
li.message .from .destroy_link
|
|
:display none
|
|
:position absolute
|
|
:right 0
|
|
:font
|
|
:size 12px
|
|
a
|
|
:color #999
|
|
:font
|
|
:weight normal
|
|
&:hover
|
|
:text
|
|
:decoration underline
|
|
|
|
.request_buttons
|
|
:position absolute
|
|
:right 0
|
|
:display inline
|
|
:list-style none
|
|
:margin 0
|
|
:padding 0
|
|
|
|
> li
|
|
:display inline
|
|
&:first-child
|
|
:margin-right 1em
|
|
|
|
#show_photo
|
|
:text-align center
|
|
:min-height 200px
|
|
img
|
|
:max-width 100%
|
|
|
|
.caption
|
|
:margin
|
|
:top 10px
|
|
:bottom 25px
|
|
:font
|
|
:size larger
|
|
|
|
#debug_info
|
|
:margin-top 20px
|
|
:color #ccc
|
|
|
|
h5
|
|
:color #ccc
|
|
|
|
|
|
input[type='text'],
|
|
input[type='password'],
|
|
textarea
|
|
:font
|
|
:family 'Arial', 'Helvetica', sans-serif
|
|
:size 14px
|
|
:padding 0.3em
|
|
:display block
|
|
:width 66%
|
|
:border 1px solid #ccc
|
|
:height auto
|
|
|
|
:border-radius 5px
|
|
:-webkit-border-radius 5px
|
|
:-moz-border-radius 5px
|
|
|
|
|
|
.submit_block
|
|
:text
|
|
:align right
|
|
:font
|
|
:size 12px
|
|
|
|
form p
|
|
:position relative
|
|
:padding 0
|
|
:margin 0
|
|
|
|
label
|
|
:font
|
|
:family 'Arial', 'Helvetica', sans-serif
|
|
:weight normal
|
|
:color #999
|
|
:position absolute
|
|
:top 3px
|
|
:left 0.48em
|
|
:text
|
|
:shadow 0 1px 1px #eee
|
|
|
|
#publisher
|
|
:color #999
|
|
:position relative
|
|
|
|
.avatar
|
|
:float left
|
|
:margin
|
|
:right 15px
|
|
|
|
p
|
|
:position absolute
|
|
:left 0
|
|
:top 0
|
|
|
|
form
|
|
:display inline
|
|
|
|
input[type='submit']
|
|
:display block
|
|
:margin
|
|
:right 20px
|
|
:width 100%
|
|
|
|
textarea
|
|
:width 570px
|
|
:height 42px
|
|
:margin
|
|
:top 0
|
|
:bottom 0
|
|
|
|
.buttons
|
|
:float right
|
|
|
|
#image_picker
|
|
.small_photo
|
|
:height 100px
|
|
:position relative
|
|
:display inline-block
|
|
:margin
|
|
:right 1em
|
|
:bottom 1em
|
|
|
|
img
|
|
:border-radius 3px
|
|
|
|
input[type='checkbox']
|
|
:position absolute
|
|
|
|
.selected
|
|
:-webkit-box-shadow 0 3px 6px #000
|
|
:-moz-box-shadow 0 3px 6px #000
|
|
:border 1px solid #fff
|
|
|
|
|
|
/* cycle it! */
|
|
.album
|
|
:position relative
|
|
:height 200px
|
|
:width 200px
|
|
:display inline-block
|
|
|
|
img
|
|
:width 200px
|
|
:height 200px
|
|
|
|
.name
|
|
:position absolute
|
|
:z-index 6
|
|
:padding 1em
|
|
:background rgba(0,0,0,0.8)
|
|
:bottom 20px
|
|
:font
|
|
:size 18px
|
|
|
|
:text-shadow 0 2px 0 #000
|
|
|
|
.time
|
|
:font
|
|
:size 12px
|
|
a
|
|
:font
|
|
:weight normal
|
|
|
|
div.image_cycle
|
|
img
|
|
:display none
|
|
|
|
.field_with_submit
|
|
input[type='text']
|
|
:width 82%
|
|
:display inline
|
|
|
|
h1.big_text
|
|
:position relative
|
|
:line-height auto
|
|
:border
|
|
:bottom 1px solid #666
|
|
.right
|
|
:top -6px
|
|
|
|
#content_bottom
|
|
.right
|
|
:top -5px
|
|
|
|
.right
|
|
:display inline
|
|
:float right
|
|
|
|
.back
|
|
:font
|
|
:size 12px
|
|
:weight normal
|
|
|
|
#content_bottom
|
|
:position relative
|
|
:line-height 36px
|
|
|
|
:margin 0
|
|
:top 25px
|
|
:bottom 25px
|
|
|
|
:min-height 36px
|
|
|
|
:border
|
|
:top 1px solid #999
|
|
:bottom 2px solid #eee
|
|
|
|
.show_post_comments ul.comment_set
|
|
:width 100%
|
|
|
|
.sub_header
|
|
:position relative
|
|
:text
|
|
:align center
|
|
:font
|
|
:style italic
|
|
:margin
|
|
:bottom 20px
|
|
:color #999
|
|
|
|
.image_thumb
|
|
:display inline-block
|
|
:width 100px
|
|
:min-width 100px
|
|
:height 100px
|
|
:min-height 100px
|
|
|
|
img
|
|
:display none
|
|
|
|
|
|
.image_cycle
|
|
img
|
|
:display none
|
|
|
|
#aspect_nav
|
|
:color #000
|
|
:margin
|
|
:top 8px
|
|
:bottom 1px
|
|
|
|
:font
|
|
:family 'Arial', 'Helvetica', sans-serif
|
|
|
|
#aspect_manage_button
|
|
:display inline
|
|
|
|
a
|
|
:color #999
|
|
|
|
ul
|
|
:margin 0
|
|
:padding 0
|
|
:list
|
|
:style none
|
|
|
|
> li
|
|
:padding 0
|
|
:display inline
|
|
:margin
|
|
:right 2px
|
|
|
|
a
|
|
:text-shadow 0 1px 0 #444
|
|
:line
|
|
:height 22px
|
|
|
|
:padding 3px 8px
|
|
:bottom 3px
|
|
:color #CCC
|
|
|
|
&:hover
|
|
:background
|
|
:color #4e4e4e
|
|
:color #eee
|
|
|
|
&.selected a
|
|
:-webkit-border-radius 5px 5px 0 0
|
|
:-moz-border-radius 5px 5px 0 0
|
|
|
|
:-webkit-box-shadow 0px -4px 6px -2px #777
|
|
:-moz-box-shadow 0px -4px 6px -2px #777
|
|
|
|
:text-shadow 0 1px 0 #fff
|
|
:padding
|
|
:top 4px
|
|
:bottom 5px
|
|
:line
|
|
:height 18px
|
|
:font
|
|
:weight bold
|
|
:background
|
|
:color #eee
|
|
|
|
:background -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#F7F7F7))
|
|
:background -moz-linear-gradient(19% 75% 90deg, #f7f7f7, #fff)
|
|
|
|
:border 1px solid #fff
|
|
:bottom 1px solid #F7F7F7
|
|
:color #444
|
|
&:hover
|
|
:background
|
|
:color #efefef
|
|
a
|
|
:color #000
|
|
.new_requests
|
|
:color red
|
|
|
|
#global_search
|
|
:display inline
|
|
:position relative
|
|
:opacity 0.5
|
|
|
|
form
|
|
:display inline
|
|
|
|
input
|
|
:display inline
|
|
:font
|
|
:size 12px
|
|
:border none
|
|
|
|
input[type='text']
|
|
:width 200px
|
|
:padding 2px
|
|
|
|
label
|
|
:font
|
|
:size 12px
|
|
:margin
|
|
:top -3px
|
|
|
|
|
|
.aspect,
|
|
.requests,
|
|
.remove
|
|
:list
|
|
:style none
|
|
|
|
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 5px
|
|
:right 0
|
|
:display inline
|
|
:padding 0
|
|
:margin 0
|
|
:list
|
|
:style none
|
|
li
|
|
:display inline
|
|
:margin
|
|
:right 1em
|
|
|
|
&:last-child
|
|
:margin
|
|
:right 0
|
|
|
|
.grey
|
|
:color #999
|
|
:cursor default
|
|
:text-shadow 0 1px #fff
|
|
|
|
ul.dropzone
|
|
:min-height 20px
|
|
:margin 0
|
|
:bottom 25px
|
|
:background
|
|
:color #efefef
|
|
:border 1px solid #ccc
|
|
:list
|
|
:style none
|
|
:padding 15px
|
|
|
|
&.active
|
|
:background
|
|
:color #fafafa
|
|
|
|
.person,
|
|
.requested_person
|
|
:display inline-block
|
|
:padding 5px
|
|
:cursor move
|
|
:margin 5px
|
|
:z-index 10
|
|
|
|
:text
|
|
:align center
|
|
|
|
:width 125px
|
|
:height 120px
|
|
|
|
img
|
|
:height 100px
|
|
:width 100px
|
|
:display inline-block
|
|
|
|
&:active
|
|
:z-index 20
|
|
:color #666
|
|
img
|
|
:-webkit-box-shadow 0 1px 3px #333
|
|
:-moz-box-shadow 0 2px 4px #333
|
|
:opacity 0.9
|
|
|
|
ul#settings_nav
|
|
:list
|
|
:style none
|
|
:padding 0
|
|
:marign 0
|
|
|
|
:font
|
|
:size larger
|
|
|
|
> li
|
|
a
|
|
:font
|
|
:size smaller
|
|
:display block
|
|
:height 100%
|
|
:border
|
|
:bottom 1px solid #eee
|
|
:padding 2px
|
|
|
|
|
|
.settings_pane
|
|
:display none
|
|
|
|
|
|
#fancybox-close:hover
|
|
:background
|
|
:color transparent
|
|
|
|
|
|
#friend_pictures
|
|
:margin
|
|
:top 12px
|
|
:line-height 1em
|
|
img
|
|
:margin-right -1px
|
|
:width 35px
|
|
:height 35px
|
|
|
|
#thumbnails
|
|
:line-height 14px
|
|
|
|
#aspect_list
|
|
:margin 0
|
|
:padding 0
|
|
|
|
#left_pane
|
|
ul
|
|
:margin 0
|
|
:padding 0
|
|
:list
|
|
:style none
|
|
li a
|
|
:display block
|
|
:padding 3px
|
|
:border
|
|
:bottom 1px solid #ccc
|
|
|
|
&:hover
|
|
&:after
|
|
:content " ►"
|
|
|
|
.empty_message
|
|
:margin
|
|
:top 12px
|
|
:bottom 12px
|
|
:text
|
|
:align center
|
|
|
|
:color #777
|
|
h3
|
|
:color #777
|
|
|
|
:margin
|
|
:left 70px
|
|
:padding 2em
|
|
:bottom 0.7em
|
|
|
|
:width 520px
|
|
|
|
:border 2px dashed #777
|
|
:border-radius 5px
|
|
|
|
.null_arrow
|
|
:margin
|
|
:top -14px
|
|
:font
|
|
:size 80px
|
|
:display inline-block
|
|
|