tweak code highlight styles

Author: yyx990803

themes/vue/source/css/_common.styl

@@ -61,21 +61,19 @@ a.button
     padding 0
     background-color $codebg
     padding .8em .8em .4em
-    box-shadow 0 1px 1px rgba(0,0,0,0.125)
     line-height 1.1em
+    border-radius $radius
     table, tr, td
         width 100%
         border-collapse collapse
         padding 0
         margin 0
-    pre
-        padding 1.2em 1.5em 
-        margin 0
     .gutter
         width 1.5em
     .code
         pre
-            padding-left .5em
+            padding 1.2em 1.4em 
+            margin 0
     &.html, &.js, &.bash, &.css
         .code:after
             position absolute

themes/vue/source/css/_demo.styl

@@ -1,6 +1,5 @@
 #demo, .demo
-    border 1px solid #f0f0f0
-    box-shadow 0 1px 1px rgba(0,0,0,.1)
+    border 1px solid #eee
     border-radius $radius
     padding 25px 35px
     margin-bottom 40px

themes/vue/source/css/_settings.styl

@@ -13,7 +13,7 @@ $medium = #34495e
 $light  = #7f8c8d
 $green  = #42b983
 $border = #dddddd
-$codebg = #f9f9f9
+$codebg = #f8f8f8
 $red = #ff6666
 
-$radius = 0px
+$radius = 2px

themes/vue/source/css/page.styl

@@ -208,11 +208,10 @@ $header-height = 40px
         padding 12px 24px 12px 30px
         margin 2em 0
         border-left 4px solid $red
-        background-color #f9f9f9
+        background-color $codebg
         position relative
-        border-top-left-radius $radius
+        border-bottom-right-radius $radius
         border-top-right-radius $radius
-        box-shadow 0 1px 1px rgba(0,0,0,0.125)
         &:before
             position absolute
             top 14px