From 8a4b79ca5016ae8de0f530ae394064dc5142e5a6 Mon Sep 17 00:00:00 2001
From: SvenDowideit <SvenDowideit@home.org.au>
Date: Wed, 25 Jun 2014 11:59:43 +1000
Subject: [PATCH] initial work to make a mockup

Docker-DCO-1.1-Signed-off-by: SvenDowideit <SvenDowideit@home.org.au> (github: SvenDowideit)
---
 docs/theme/mkdocs/base.html    | 23 ++++++++++++++++++++---
 docs/theme/mkdocs/css/main.css |  9 ++++++---
 2 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/docs/theme/mkdocs/base.html b/docs/theme/mkdocs/base.html
index 8f2bd0603a..0768b4c8f9 100644
--- a/docs/theme/mkdocs/base.html
+++ b/docs/theme/mkdocs/base.html
@@ -48,11 +48,28 @@
   <div id="content" class="container">
 {% if current_page.title != '**HIDDEN**' %}
     <div class="row" id="top-header">
-      <div class="span8">
+      <div class="span7">
         <h1 class="header2">{{ current_page.title }}</h1>
       </div>
-      <div class="span4 text-right edit-on-github">
-        <a class="home-link3" href="https://github.com/dotcloud/docker/blob/master/docs/sources/{{ current_page.input_path }}" class="tertiary-nav">Edit on GitHub</a>
+      <div class="span5">
+        <div class="span2 NOtext-right edit-on-github">
+		<a class="home-link3 tertiary-nav" href="https://github.com/dotcloud/docker/blob/master/docs/sources/{{ current_page.input_path }}" >Edit on GitHub</a>
+        </div>
+        <div id="versionnav" class="span2 pull-right">
+          <ul class="nav version">
+            <li class="dropdown">
+              <a id="logged-in-header-username" class="dropdown-toggle" data-toggle="dropdown" href="#">
+  	  	  Latest (v1.3)
+              </a>
+              <ul class="dropdown-menu pull-right">
+                <li><a href="https://hub.docker.com/">v1.3</a></li>
+                <li><a href="https://hub.docker.com/">v1.2</a></li>
+                <li><a href="https://hub.docker.com/">v1.1</a></li>
+                <li><a href="https://hub.docker.com/">v1.0</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div>
       </div>
     </div>
 {% endif %}
diff --git a/docs/theme/mkdocs/css/main.css b/docs/theme/mkdocs/css/main.css
index 6b6ec3f731..3375f797da 100644
--- a/docs/theme/mkdocs/css/main.css
+++ b/docs/theme/mkdocs/css/main.css
@@ -847,7 +847,8 @@ div + .form-inline {
 .navbar #usernav .nav li {
   padding-top: 15px;
 }
-.navbar #usernav .nav li a {
+.navbar #usernav .nav li a,
+#versionnav .nav li a.dropdown-toggle {
   font-size: 14px;
   font-weight: 400;
   color: #394d54;
@@ -856,10 +857,12 @@ div + .form-inline {
   padding: 0 20px 0 0;
   background: url("../img/nav/caret-down-user-icon.svg") no-repeat 100% 50%;
 }
-.navbar #usernav .nav li a:hover {
+.navbar #usernav .nav li a:hover,
+#versionnav .nav li a.dropdown-toggle:hover {
   background-image: url("../img/nav/caret-down-user-icon-over.svg");
 }
-.navbar #usernav .nav li ul li {
+.navbar #usernav .nav li ul li,
+#versionnav .version {
   padding: 0;
   margin: 0;
   height: 28px;