417 lines
5.6 KiB
Sass
Executable file
417 lines
5.6 KiB
Sass
Executable file
// Copyright (c) 2010-2011, Diaspora Inc. This file is
|
|
// licensed under the Affero General Public License version 3 or later. See
|
|
// the COPYRIGHT file.
|
|
|
|
|
|
@import "mixins"
|
|
|
|
$blue: #3F8FBA
|
|
|
|
a:not([role='button']):not(.arrow)
|
|
:text
|
|
:decoration none
|
|
:font
|
|
:weight normal !important
|
|
:-webkit-tap-highlight-color rgba(200, 200, 200, 1) !important
|
|
|
|
a
|
|
:color #2489CE
|
|
|
|
body
|
|
:background #555
|
|
:max-width 100%
|
|
|
|
#landing_content
|
|
:text-align center
|
|
|
|
.info_pane
|
|
:text-align left
|
|
#login_form
|
|
:padding 15px
|
|
:padding-top 0px
|
|
|
|
#diaspora_description
|
|
:background
|
|
:image url('../images/ball_small.png')
|
|
:repeat no-repeat
|
|
:position top center
|
|
|
|
:padding
|
|
:top 195px
|
|
:margin
|
|
:top -18px
|
|
|
|
:font
|
|
:size 1.3em
|
|
:weight bold
|
|
:text-shadow 0 1px 3px #999
|
|
:line-height 1.5
|
|
|
|
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
|
|
|
|
.tapped
|
|
:background
|
|
:color rgba(100, 103, 103, .2)
|
|
@include border-radius(3px)
|
|
a
|
|
:padding 2px
|
|
.alpha-warning
|
|
@include mobile-box
|
|
|
|
.login_form
|
|
@include mobile-box
|
|
:padding 10px
|
|
label
|
|
:font-weight bold
|
|
|
|
.message
|
|
:padding
|
|
:left 2px
|
|
|
|
.stream_element,
|
|
.comments
|
|
:overflow auto
|
|
:position relative
|
|
|
|
*
|
|
:max-width 100%
|
|
|
|
:min-height 34px
|
|
|
|
.avatar
|
|
:float left
|
|
:height 35px
|
|
:width 35px
|
|
:margin
|
|
:right 10px
|
|
|
|
.from
|
|
a
|
|
:margin
|
|
:left -2px
|
|
:color #aaa !important
|
|
:font
|
|
:weight bold !important
|
|
|
|
:margin-bottom 2px
|
|
:height 45px
|
|
|
|
.content
|
|
:padding 10px
|
|
:bottom 0
|
|
|
|
:padding 10px 0
|
|
|
|
.info
|
|
:margin
|
|
:top 0
|
|
|
|
.photo_attachments
|
|
:margin
|
|
:top 6px
|
|
|
|
.time
|
|
:font
|
|
:weight normal
|
|
p
|
|
:margin 0 auto
|
|
:font-size 14px
|
|
:line-height 19px
|
|
|
|
.black
|
|
:color #333
|
|
|
|
:margin 10px
|
|
:top 10px
|
|
:bottom 0
|
|
:padding 0 !important
|
|
|
|
.comments
|
|
:color #ccc
|
|
|
|
.from
|
|
a
|
|
:color #888 !important
|
|
|
|
.new_comment
|
|
:padding 10px
|
|
|
|
.comment
|
|
:padding 4px 0
|
|
:border
|
|
:bottom 1px dotted #444
|
|
|
|
|
|
.stream_element
|
|
@include border-radius(3px)
|
|
@include box-shadow(0,1px,5px,rgba(0,0,0,1))
|
|
|
|
:background
|
|
:color #fff
|
|
:border
|
|
:top 1px solid #000
|
|
:bottom 1px solid #000
|
|
|
|
|
|
.photo_attachments
|
|
:position relative
|
|
:left 0
|
|
:top 0
|
|
:padding 0
|
|
:margin 0
|
|
|
|
img
|
|
:margin 0
|
|
:padding 0
|
|
|
|
|
|
.reshare
|
|
.content
|
|
:padding
|
|
:left 15px
|
|
:top 10px
|
|
.from
|
|
:font
|
|
:style italic
|
|
.reshare_action
|
|
:font
|
|
:size 0.8em
|
|
|
|
#main_stream
|
|
:font
|
|
:size 0.95em
|
|
|
|
.from
|
|
:font
|
|
:size larger
|
|
|
|
.more-link
|
|
:display block
|
|
:text-align center
|
|
:padding 0 10px
|
|
:margin 0 10px
|
|
:-webkit-box-shadow inset 0 1px 5px #111
|
|
:border-radius 3px
|
|
:background
|
|
:color #333
|
|
|
|
h1
|
|
:color #ccc
|
|
:padding 20px
|
|
:text-shadow 0 -2px 0 #000
|
|
|
|
.time, .via
|
|
:color #ccc
|
|
:font
|
|
:size smaller
|
|
:weight bold
|
|
a
|
|
:color #ccc
|
|
|
|
.comment
|
|
.time
|
|
:color #777
|
|
|
|
.info
|
|
:margin
|
|
:top -2px
|
|
|
|
#show_content
|
|
:padding 12px
|
|
:bottom 24px
|
|
:border
|
|
:bottom 1px solid #bbb
|
|
:background
|
|
:color #fff
|
|
|
|
:font
|
|
:size larger
|
|
|
|
img
|
|
:max-width 100%
|
|
|
|
.photo
|
|
:text-align center
|
|
|
|
.controls
|
|
:font
|
|
:size smaller
|
|
|
|
&.photo
|
|
:background
|
|
:color #000
|
|
|
|
#photo_controls
|
|
:margin
|
|
:bottom -42px
|
|
|
|
.arrow
|
|
:color white !important
|
|
:font
|
|
:size 26pt
|
|
:text
|
|
:shadow 0 1px 2px #333
|
|
:decoration none
|
|
:padding 0
|
|
|
|
ul
|
|
:margin 0
|
|
:padding 0
|
|
:list
|
|
:style none
|
|
|
|
#author_info.profile
|
|
:background
|
|
:color #eee
|
|
:border
|
|
:bottom 1px solid #000
|
|
:height 90px
|
|
:padding 6px
|
|
:margin
|
|
:bottom 6px
|
|
|
|
img
|
|
:float left
|
|
:height 90px
|
|
:width 90px
|
|
|
|
.content
|
|
:padding
|
|
:left 100px
|
|
|
|
.description
|
|
:font
|
|
:weight normal
|
|
:size small
|
|
:color #999
|
|
|
|
.stream_marker
|
|
:background
|
|
:color #eee
|
|
:border
|
|
:bottom 1px solid #aaa
|
|
:top 1px solid #ccc
|
|
:font
|
|
:weight bold
|
|
:size smaller
|
|
:color #666
|
|
:padding 3px 6px
|
|
|
|
.right
|
|
:float right
|
|
|
|
.hidden
|
|
:display none
|
|
|
|
.grey_back
|
|
:background
|
|
:color #eee
|
|
:border
|
|
:bottom 1px solid #999
|
|
:padding 8px
|
|
:top 3px
|
|
:margin
|
|
:bottom 12px
|
|
|
|
#aspect_title
|
|
:padding 0 6px
|
|
:bottom 6px
|
|
:font
|
|
:weight bold
|
|
:text
|
|
:align left
|
|
|
|
header
|
|
@include linear-gradient(#444, #000)
|
|
|
|
:padding 12px 5px
|
|
|
|
:border
|
|
:bottom 1px solid #444
|
|
|
|
.right
|
|
:float right
|
|
|
|
footer
|
|
:background
|
|
:color #ccc
|
|
.inset
|
|
:padding 10px
|
|
|
|
.notification_day_header
|
|
:padding 6px
|
|
:background
|
|
:color #eee
|
|
:border
|
|
:top 1px solid #ddd
|
|
:bottom 1px solid #ccc
|
|
:font
|
|
:weight bold
|
|
:color #666
|
|
|
|
.bottom_bar
|
|
@include border-radius(0, 0, 3px, 3px)
|
|
:display block
|
|
:padding 10px
|
|
:background #eee
|
|
:margin
|
|
:top 10px
|
|
:border
|
|
:top 1px solid #ddd
|
|
:height 24px
|
|
:font
|
|
:size larger
|
|
|
|
img
|
|
:height 24px
|
|
|
|
a
|
|
:color #999 !important
|
|
:font-weight bold !important
|
|
|
|
|
|
.floater
|
|
:float right
|
|
|
|
.stream_element .photo_attachments
|
|
img
|
|
@include border-radius(3px, 3px, 0, 0)
|
|
a
|
|
:padding 0
|
|
:margin-top 0
|
|
|
|
.photo_area
|
|
:text-align center
|
|
|
|
.image_link
|
|
:display inline-block
|
|
:background
|
|
:size 24px
|
|
:repeat no-repeat
|
|
:position center
|
|
:height 16px
|
|
:width 24px
|
|
:padding 5px
|
|
:margin
|
|
:left 5px
|
|
|
|
.like_action
|
|
:background-image url('/images/icons/heart_mobile_grey.png')
|
|
.active
|
|
:background-image url('/images/icons/heart_mobile_red.png')
|
|
|
|
.comment_action
|
|
:background-image url('/images/icons/pencil_mobile_grey.png')
|
|
|
|
form
|
|
:position relative
|
|
textarea,
|
|
input
|
|
:font
|
|
:size larger
|