diff --git a/pics/rating-stars-small.png b/pics/rating-stars-small.png index 23d66fd..81aa97c 100644 Binary files a/pics/rating-stars-small.png and b/pics/rating-stars-small.png differ diff --git a/stylus/button.styl b/stylus/button.styl index 4e48e52..8525749 100644 --- a/stylus/button.styl +++ b/stylus/button.styl @@ -14,6 +14,9 @@ cursor: pointer vertical-align: middle text-decoration: none +.btn:hover + border-color: #8d5f5e + background-color: @border-color .btn-info .btn-info:hover @@ -24,16 +27,28 @@ .btn-info:hover background-color: #dbdbd4 +.btn-sample + border-color: #999995 + background-color: @border-color + &:hover + border-color: #b2b2ae + background-color: @border-color + .btn-minor -.btn-minor:hover color: #888 - border-color: #ddd + border-color: #ebebe5 background-color: @border-color + &:hover + color: @color + border-color: #f5f5ef + background-color: @border-color .btn-read -.btn-read:hover border-color: #6e839a background-color: @border-color + &:hover + border-color: #7a8ea3 + background-color: @border-color .btn-green .btn-green:hover @@ -66,7 +81,7 @@ button padding: 1px 0 vertical-align: middle font-size: $baseFontSize - border: none + border: none background: none &:hover color: #fff @@ -107,7 +122,7 @@ button.btn:hover input.btn _padding-top: 6px - _padding-bottom: 2px + _padding-bottom: 2px .btn-large .btn-large:hover diff --git a/stylus/mixins/css3/effect.styl b/stylus/mixins/css3/effect.styl new file mode 100644 index 0000000..a961c97 --- /dev/null +++ b/stylus/mixins/css3/effect.styl @@ -0,0 +1,7 @@ +@import "vendor" + +transform-origin() + vendor('transform-origin', arguments) + +transform() + vendor('transform', arguments) diff --git a/stylus/mixins/css3/index.styl b/stylus/mixins/css3/index.styl index a92a138..f57c5b8 100644 --- a/stylus/mixins/css3/index.styl +++ b/stylus/mixins/css3/index.styl @@ -3,3 +3,4 @@ @import 'gradients' @import 'border' @import 'select' +@import 'effect' diff --git a/stylus/mixins/polyfill.styl b/stylus/mixins/polyfill.styl index 0056fbf..daafdd7 100644 --- a/stylus/mixins/polyfill.styl +++ b/stylus/mixins/polyfill.styl @@ -1,3 +1,13 @@ +clearfix() + *zoom: 1 + &:before + &:after + display: table + content: '' + line-height: 0 + &:after + clear: both + inline-block() display: inline-block *display: inline diff --git a/stylus/mod/rating.styl b/stylus/mod/rating.styl index dc16055..d64dcfe 100644 --- a/stylus/mod/rating.styl +++ b/stylus/mod/rating.styl @@ -37,6 +37,9 @@ background-image: url(/pics/rating-stars-small.png) *vertical-align: -2px +.stars-small-0 + background-position: 0px -99px + .stars-small-1 background-position: 0px -79px @@ -89,3 +92,21 @@ inline-block() background-color: #825d5b height: 15px + +.star-region + float: left + opacity(0) + cursor: pointer +.stars-context + .star-region + width: 19px + height: 18px +.stars-small-context + .star-region + width: 13px + height: 13px + margin-right: 2px + +.rating + .label + margin-right: 5px diff --git a/stylus/type.styl b/stylus/type.styl index d22548c..856f7b0 100644 --- a/stylus/type.styl +++ b/stylus/type.styl @@ -58,7 +58,7 @@ ul, ol inline-block() vertical-align: top -.list-col2 +.list-col2 margin-right: -30px li width: 297px @@ -71,18 +71,16 @@ ul, ol margin: 0 43px 15px 0 text-align: center -.tags +.tags line-height: 0 li display: inline - font-size: 14px a inline-block() line-height: 1 margin: 0 6px 4px 0 padding: 6px 10px background-color: #ebebe4 - border-radius: 3px word-wrap: break-word overflow: hidden a:hover