Sync from Ark

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

stylus/mixins/css3/effect.styl

@@ -0,0 +1,7 @@
+@import "vendor"
+
+transform-origin()
+  vendor('transform-origin', arguments)
+
+transform()
+  vendor('transform', arguments)

stylus/mixins/css3/index.styl

@@ -3,3 +3,4 @@
 @import 'gradients'
 @import 'border'
 @import 'select'
+@import 'effect'

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

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

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