more visual recovery
This commit is contained in:
parent
fdd1a5d93b
commit
e6d2f51675
2 changed files with 122 additions and 0 deletions
BIN
public/images/loader.gif
Normal file
BIN
public/images/loader.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
122
public/stylesheets/sass/ui.sass
Normal file
122
public/stylesheets/sass/ui.sass
Normal file
|
|
@ -0,0 +1,122 @@
|
|||
.button, .button_set
|
||||
:font
|
||||
:family "Lucida Grande", sans-serif
|
||||
|
||||
: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))
|
||||
|
||||
: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))
|
||||
: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
|
||||
Loading…
Reference in a new issue