Update doc styles to better match yuilibrary.com.

yui · Apr 12, 2012 · 8bfe7a1 · 8bfe7a1
1 parent 7645371
commit 8bfe7a1
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 20 deletions.
diff --git a/doc/yeti/index.mustache b/doc/yeti/index.mustache
@@ -1,11 +1,9 @@
 <h1>Yeti</h1>
-<h2>Reloading is obsolete.</h2>
+<h2>The YUI Easy Testing Interface</h2>
 
-<p>
+<h3>One-Line Install</h3>
-<a href="http://travis-ci.org/yui/yeti">
+<p>Requires <a href="http://nodejs.org">Node.js</a> v0.6.</p>
-<img src="https://secure.travis-ci.org/yui/yeti.png?branch=master">
+<p style="font-size: 200%; margin-bottom: 1%"><code>npm install -g http://latest.yeti.cx</code></p>
-</a>
-</p>
 
 <h3>Documentation for {{yetiVersion}}</h3>
 
@@ -20,3 +18,9 @@
 <h3>Source Code</h3>
 
 <p><a href="https://github.com/yui/yeti">Yeti on GitHub</a></p>
+
+<p>
+<a href="http://travis-ci.org/yui/yeti">
+<img src="https://secure.travis-ci.org/yui/yeti.png?branch=master">
+</a>
+</p>
diff --git a/doc/yeti/layouts/component.mustache b/doc/yeti/layouts/component.mustache
@@ -3,16 +3,28 @@
 <head>
     <meta charset="utf-8">
     <title>Yeti {{yetiVersion}} - {{htmlTitle}}</title>
-    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Maven+Pro:400,700">
+    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic">
     <link rel="stylesheet" href="{{yuiGridsUrl}}">
     <link rel="stylesheet" href="{{projectAssets}}/css/main.css">
     <link rel="stylesheet" href="{{projectAssets}}/vendor/prettify/prettify-min.css">
     <style>
+    body, h1, h2, h3, h4, h5, h6 {
+        font-family: 'PT Sans', 'DejaVu Sans', 'Bitstream Vera Sans', Verdana, sans-serif;
+    }
+    body {
+        font-size: 14px;
+    }
+    .sidebox .bd {
+        font-size: 12px;
+    }
+    .toc li {
+        font-weight: normal;
+    }
     .yeti-hd {
         border-bottom: 1px solid #ddd;
     }
     .yeti-hd h1 {
-        font: bold 300% "Helvetica Neue", Helvetica, sans-serif;
+        font-size: 300%;
         letter-spacing: -1px;
         margin: 5px 0 0;
         padding: 0 20px;
@@ -26,9 +38,14 @@
         height: 52px;
         width: 117px;
     }
-    .yeti-hd .product {
+    .yeti-hd .version {
-        line-height: 52px;
+        font-size: 40%;
-        vertical-align: 25%;
+        font-weight: normal;
+        padding: 5px;
+        background: #30418C;
+        color: #fff;
+        vertical-align: 60%;
+        border-radius: 10px;
     }
     .yeti-hd .links {
         text-align: right;
@@ -45,7 +62,7 @@
     <div class="yeti-hd yui3-g">
         <div class="yui3-u-3-4">
         <h1>
-            <span class="product"><a href="../index.html">Yeti</a> {{yetiVersion}} Documentation</span>
+            <span class="product"><a href="../index.html">Yeti</a></span> <span class="version">{{yetiVersion}}</span>
         </h1>
         </div>
         <div class="yui3-u-1-4">

diff --git a/doc/yeti/layouts/main.mustache b/doc/yeti/layouts/main.mustache
@@ -3,13 +3,19 @@
 <head>
     <meta charset="utf-8">
     <title>{{htmlTitle}}</title>
-    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Maven+Pro:400,700">
+    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic">
     <link rel="stylesheet" href="{{yuiGridsUrl}}">
     <link rel="stylesheet" href="{{projectAssets}}/css/main.css">
     <link rel="stylesheet" href="{{projectAssets}}/vendor/prettify/prettify-min.css">
     <style>
+    body, h1, h2, h3, h4, h5, h6 {
+        font-family: 'PT Sans', 'DejaVu Sans', 'Bitstream Vera Sans', Verdana, sans-serif;
+    }
+    body {
+        font-size: 14px;
+    }
     .yeti-widget, .yeti-widget h1, .yeti-widget h2 {
-        font: 120% "Helvetica Neue", Helvetica, sans-serif;
+        font-size: 120%;
         text-align: center;
     }
     .yeti-widget h1 {
@@ -19,9 +25,9 @@
         margin: 0;
     }
     .yeti-widget h2 {
-        font-size: 470%;
+        font-style: italic;
-        font-weight: 100;
+        font-size: 250%;
-        margin-top: -2%;
+        margin-top: -1%;
         margin-bottom: 3%;
     }
     .yeti-widget h3 {

diff --git a/doc/yeti/partials/footer.mustache b/doc/yeti/partials/footer.mustache
@@ -1,7 +1,7 @@
 <style>
     .ft {
         margin: 100px;
-        font-size: 74%;
+        font-size: 13px;
     }
     #doc .ft {
         border-top: 1px solid #ddd;
@@ -13,8 +13,7 @@
     <a href="http://yeti.cx">Yeti</a> is a product of <a href="http://yuilibrary.com/">YUI Library</a>.
         &bull; <a href="http://yuilibrary.com/security/">Security</a>
         &bull; <a href="http://twitter.com/yuilibrary">@yuilibrary</a>
-    </p>
+    <br>
-    <p>
     Copyright &copy; 2012 Yahoo! Inc. <a href="http://yuilibrary.com/license/">BSD licensed</a>.
     </p>
 </div>