add style tweaks

Author: Evan You

themes/vue/layout/layout.ejs

@@ -28,8 +28,5 @@
         <% } %>
         </div>
         <script src="/js/common.js"></script>
-        <div id="ad">
-            <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=vuejs" id="_carbonads_js"></script>
-        </div>
     </body>
 </html>

themes/vue/layout/page.ejs

@@ -3,6 +3,9 @@
 <% } %>
 <div class="content <%- page.type ? page.type + ' with-sidebar' : '' %>">
     <h1><%- page.title %><%- page.type === 'examples' ? ' Example' : '' %></h1>
+    <div id="ad">
+        <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=vuejs" id="_carbonads_js"></script>
+    </div>
     <%- page.content %>
     <div class="footer">Caught a mistake or want to contribute to the documentation? <a href="https://github.com/vuejs/vuejs.org" target="_blank">Fork this site on Github</a>!</div>
 </div>

themes/vue/layout/partials/index.ejs

@@ -32,6 +32,7 @@
     </div>
     <div class="down"><img src="/images/down.png"></div>
 </div>
+
 <div id="example">
     <h2>10 Second Example</h2>
     <div class="block">

themes/vue/layout/post.ejs

@@ -18,6 +18,9 @@
 </div>
 <div class="content blog">
     <h1><%- page.title %></h1>
+    <div id="ad">
+        <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=vuejs" id="_carbonads_js"></script>
+    </div>
     <h4><%- page.date.format('MMM D[,] YYYY') %></h4>
     <%- page.content %>
 </div>

themes/vue/source/css/_common.styl

@@ -113,9 +113,8 @@ a.button
     .carbon-img, .carbon-text
         display block
         margin-bottom 6px
+        font-weight normal
+        color $medium
     .carbon-poweredby
         color #aaa
-
-@media screen and (max-width: 720px)
-    #ad
-        display none
+        font-weight normal

themes/vue/source/css/index.styl

@@ -282,6 +282,10 @@ html, body
             font-size 1.1em
         h2
             font-size 1.35em
+    #ad
+        position static
+        .carbon-img, .carbon-text, .carbon-poweredby
+            display inline-block
 
 @media screen and (max-width: 860px)
     #features, #hero

themes/vue/source/css/page.styl

@@ -209,4 +209,22 @@ $header-height = 40px
             margin-left 0
     .footer
         margin-left 0
-        text-align center
+        text-align center
+    #ad
+        position relative
+        width auto
+        height 100px
+        padding 0
+        bottom 0
+        right 0
+        margin 30px 0 35px
+        .carbon-wrap, .carbon-img, .carbon-text, .carbon-poweredby
+            display inline-block
+            vertical-align top
+        .carbon-text
+            width 130px
+            margin-left 15px
+        .carbon-poweredby
+            position absolute
+            bottom 0
+            left 145px