diaspora/public/stylesheets/sass/mobile.sass

204 lines
3 KiB
Sass

@import "mixins"
#landing_content
:text-align center
.info_pane
:text-align left
#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
.alpha-warning
@include mobile-box
.login_form
@include mobile-box
label
:font-weight bold
img
:border-radius 5px
ul
:list-style none
.avatar
:width 50px
:height 50px
:padding 0
li.message
:width 90%
:position relative
:margin
:top 1em
:padding
:bottom 1.5em
:border
:bottom 1px #eee solid
:line-height 19px
:font
:family 'Arial', 'Helvetica', sans-serif
:color #777
.avatar
:float left
:margin
:right 15px
.content
:margin
:top 0
:padding
:left 65px
.aspect
:display inline
:color #444
:font
:weight normal
:size 14px
.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 10px
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
.right .reshare_pane .reshare_button a.inactive
:color #ccc
&:hover
:text
:decoration none
:cursor default
.right .reshare_pane .reshare_button
:padding 5px
&.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
:list
:style none
: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