Browse code

initial work to make a mockup

Docker-DCO-1.1-Signed-off-by: SvenDowideit <SvenDowideit@home.org.au> (github: SvenDowideit)

SvenDowideit authored on 2014/06/25 10:59:43
Showing 2 changed files
... ...
@@ -48,11 +48,28 @@
48 48
   <div id="content" class="container">
49 49
 {% if current_page.title != '**HIDDEN**' %}
50 50
     <div class="row" id="top-header">
51
-      <div class="span8">
51
+      <div class="span7">
52 52
         <h1 class="header2">{{ current_page.title }}</h1>
53 53
       </div>
54
-      <div class="span4 text-right edit-on-github">
55
-        <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>
54
+      <div class="span5">
55
+        <div class="span2 NOtext-right edit-on-github">
56
+		<a class="home-link3 tertiary-nav" href="https://github.com/dotcloud/docker/blob/master/docs/sources/{{ current_page.input_path }}" >Edit on GitHub</a>
57
+        </div>
58
+        <div id="versionnav" class="span2 pull-right">
59
+          <ul class="nav version">
60
+            <li class="dropdown">
61
+              <a id="logged-in-header-username" class="dropdown-toggle" data-toggle="dropdown" href="#">
62
+  	  	  Latest (v1.3)
63
+              </a>
64
+              <ul class="dropdown-menu pull-right">
65
+                <li><a href="https://hub.docker.com/">v1.3</a></li>
66
+                <li><a href="https://hub.docker.com/">v1.2</a></li>
67
+                <li><a href="https://hub.docker.com/">v1.1</a></li>
68
+                <li><a href="https://hub.docker.com/">v1.0</a></li>
69
+              </ul>
70
+            </li>
71
+          </ul>
72
+        </div>
56 73
       </div>
57 74
     </div>
58 75
 {% endif %}
... ...
@@ -847,7 +847,8 @@ div + .form-inline {
847 847
 .navbar #usernav .nav li {
848 848
   padding-top: 15px;
849 849
 }
850
-.navbar #usernav .nav li a {
850
+.navbar #usernav .nav li a,
851
+#versionnav .nav li a.dropdown-toggle {
851 852
   font-size: 14px;
852 853
   font-weight: 400;
853 854
   color: #394d54;
... ...
@@ -856,10 +857,12 @@ div + .form-inline {
856 856
   padding: 0 20px 0 0;
857 857
   background: url("../img/nav/caret-down-user-icon.svg") no-repeat 100% 50%;
858 858
 }
859
-.navbar #usernav .nav li a:hover {
859
+.navbar #usernav .nav li a:hover,
860
+#versionnav .nav li a.dropdown-toggle:hover {
860 861
   background-image: url("../img/nav/caret-down-user-icon-over.svg");
861 862
 }
862
-.navbar #usernav .nav li ul li {
863
+.navbar #usernav .nav li ul li,
864
+#versionnav .version {
863 865
   padding: 0;
864 866
   margin: 0;
865 867
   height: 28px;