diaspora/public/stylesheets/sass/ui.sass
2010-07-28 15:33:27 -07:00

126 lines
1.9 KiB
Sass

.button, .button_set
:font
:family "Lucida Grande", sans-serif
:style normal
:display inline
:color #777
:font-size 12px
:line-height 100%
:text-shadow 0 1px 0 #fff
:min-height 14px
:background -webkit-gradient(linear, 0% 29%, 0% 85%, from(#FAFAFA), to(#E0E0E0))
:background -moz-linear-gradient(top, #FAFAFA, #E0E0E0)
:border 1px solid #ccc
:bottom 1px solid #666
:left 1px solid #999
:right 1px solid #999
:border-radius 3px
:-moz-border-radius 3px
:-webkit-border-radius 3px
:cursor pointer
:box-shadow 0 1px 1px #ccc
:-webkit-box-shadow 0 1px 1px #ccc
:-moz-box-shadow 0 1px 1px #ccc
a
:font-weight normal
:color #777
.button
:padding 5px
&:active
:box-shadow 0 0px 2px #000
:-webkit-box-shadow 0 0px 2px #000
:-moz-box-shadow 0 0px 2px #000
:color #555
ul.button_set
:padding 5px 0
> li
:padding 5px
:display inline
:height 100%
:border
:left 1px solid #ccc
:right 1px solid #fff
:margin
:left -3px
:right -3px
&:first-child
:margin
:left 0
:border
:left none
&:last-child
:margin
:right 0
:border
:right none
.button .selected, .button_set .selected
:background -webkit-gradient(linear, 0% 29%, 0% 85%, from(#E0E0E0), to(#FAFAFA))
:background -moz-linear-gradient(top, #e0e0e0, #fafafa)
:border
:top 1px solid #aaa
.right
:position absolute
:right 0
:margin
:top 5px
.contextual_pane
:z-index 20
:position absolute
:display none
:right 0
:background
:color rgba( 30,30,30,0.95 )
:border 2px solid #999
:border-radius 5px
:-moz-border-radius 5px
:-webkit-border-radius 5px
:color #999
:font
:size 12px
:weight normal
:line-height auto
form
:margin 0
:padding 10px
:color #999
input[type='text']
:width 80%
:display block
p
:padding 10px
:display inline