skinny header in the documentation page

froucoux · Jan 12, 2012 · cff8431 · cff8431
1 parent 64e76f4
commit cff8431
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 4 deletions.
diff --git a/css/documentation.css b/css/documentation.css
@@ -5,7 +5,16 @@
 
 #header {
     text-align: left;
-    margin: 20px;
+    margin: 20px 0;
+}
+
+#header .left {
+    float: left;
+    margin-right: 20px;
+}
+
+#header h1 {
+    margin: 10px 0;
 }
 
 .documentation {
@@ -28,6 +37,7 @@
     border: 1px solid #ccc;
     background: #eee;
     padding: 5px;
+    margin: 0 20px;
 }
 
 .documentation code {

diff --git a/documentation.html b/documentation.html
@@ -16,9 +16,12 @@
     <div id="wrapper"> 
 
       <div id="header"> 
-	<h1>Documentation</h1>
-	<h2>Version 0.9.1</h2>
-	<img src="images/amber.png"/> 
+	<img class="left" src="images/amber_small.png"/> 
+	<div class="left">
+	  <h1>Documentation</h1>
+	  <h2>Version 0.9.1</h2>
+	</div>
+	<div class="clear"></div>
       <ul id="tabs"> 
 	<li><a href="./index.html">Overview</a></li> · 
 	<li><a href="./learn.html">Learn</a></li> ·

diff --git a/images/amber_small.png b/images/amber_small.png