diaspora/public/stylesheets/sass/ui.sass
2010-11-21 16:30:46 -08:00

113 lines
2 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.
.button, .button_set
:font
:style normal
:weight normal
:display inline
:padding 4px 7px
:min-width 26px
:font-size 12px
:line-height 100%
:text-shadow 0 1px 0 #fff
:min-height 10px
:background -webkit-gradient(linear, 0% 39%, 0% 100%, from(#F6F6F6), to(#d0d0d0))
:background -moz-linear-gradient(top, #F6F6F6, #d0d0d0)
:border 1px solid #aaa
:top 1px solid #bbb
:bottom 1px solid #888
:border-radius 4px
:-moz-border-radius 4px
:-webkit-border-radius 4px
:cursor default
:color #444
&:hover
:color #444
:background -webkit-gradient(linear, 0% 39%, 0% 100%, from(#D6D6D6), to(#b0b0b0))
:background -moz-linear-gradient(top, #D6D6D6, #b0b0b0)
&:active
:color #111
:text-shadow 0 1px 0 #ccc
:background -webkit-gradient(linear, 0% 39%, 0% 100%, from(#ACACAC), to(#808080))
:background -moz-linear-gradient(top, #ACACAC, #808080)
:border 1px solid #666
:top 1px solid #333
:bottom 1px solid #888
ul.button_set
:padding
:left 0
:right 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(#F0F0F0), to(#FAFAFA))
:background -moz-linear-gradient(top, #F0F0F0, #fafafa)
:border
:top 1px solid #aaa
.right
:position absolute
:right 0
.contextual_pane
:z-index 20
:position absolute
:display none
:background
:color #fff
:border 4px solid #000
:border-radius 3px
:-moz-border-radius 3px
:-webkit-border-radius 3px
:box-shadow 0 0 5px #000
:-webkit-box-shadow 0 0 10px #000
:padding 2em