Layout changes, actually index :D

3 files changed, 31 insertions, 26 deletions

diff --git a/static/bootstrap/css/bootstrap.css b/static/bootstrap/css/bootstrap.css
index d6eabb0..4e69803 100644
--- a/static/bootstrap/css/bootstrap.css
+++ b/static/bootstrap/css/bootstrap.css
@@ -2540,8 +2540,8 @@ table th[class*="span"],
   min-height: 20px;
   padding: 19px;
   margin-bottom: 20px;
-  background-color: #f5f5f5;
-  border: 1px solid #e3e3e3;
+  background-color: #fff0f5;
+  border: 3px solid #b22222;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
@@ -3648,7 +3648,7 @@ input[type="submit"].btn.btn-mini {
   display: block;
   padding: 17px 20px 17px;
   margin-left: -20px;
-  font-size: 20px;
+  font-size: 18px;
   font-weight: 200;
   color: #333333;
   text-shadow: 0 1px 0 #f6f6f6;
diff --git a/templates/index.html b/templates/index.html
index e43c619..0b8d3aa 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -66,31 +66,36 @@ $("document").ready( function(){
 
 </script>
 
-<div class="container ">
-  <h2>{{thumbs_info.subject}}, {{thumbs_info.datestring}}</h2>
-    <ul class="thumbnails">
-        <li class="span10">
+<div class="row-fluid ">
+  <div class="span2 well-large">
+    <h4>Click on page below to display it...</h4>
+    {% for  thumb in thumbs %}
+            <a href="#" rel="{{ url_for('static', filename=thumb.href) }}" class="image" 
+            data-number="{{loop.index}}">
+              <img class="img img-rounded well-small" src="{{ url_for('static', filename='mini/' + thumb.src) }}" alt="">
+            </a>
+    {% endfor %} 
+  </div>
+
+  <div class="span8 well">
+
+    <h2>{{thumbs_info.subject}}, {{thumbs_info.datestring}}</h2>
+          
           <a href="#"  id="image">
-              <img id="display" src="{{ url_for('static', filename=main_page_src) }}" alt="">
+              <img id="display" class="img img-rounded" src="{{ url_for('static', filename=main_page_src) }}" alt="">
           </a>
           <ul class="pager">
             <li class="previous">
-              <a href="" id="older">&larr; Previous</a>
+              <a href="" id="older">&larr; Previous page</a>
             </li>
             <li class="next">
-              <a href="" id="newer">Next &rarr;</a>
+              <a href="" id="newer">Next page&rarr;</a>
             </li>
           </ul>
-        </li>
-
-        <li class="span2">
-          {% for  thumb in thumbs %}
-            <a href="#" rel="{{ url_for('static', filename=thumb.href) }}" class="thumbnail image" 
-            data-number="{{loop.index}}">
-              <img src="{{ url_for('static', filename='mini/' + thumb.src) }}" alt="">
-            </a>
-          {% endfor %}  
-          <ul class="nav nav-pills">
+       
+  </div>
+  <div class="span2">
+    <ul class="nav nav-pills">
             <h4>Other dates...</h4>
               <ul class="nav nav-pills">
               {%- for key, year in thumbs_info.other_dates.items() recursive %}   
@@ -99,18 +104,17 @@ $("document").ready( function(){
                         <ul class="nav nav-pills">
                         
                         {% for month, days in year.items() %} 
-                        <li>
-                          <a href="#" class=" disabled"> ->{{month}}</a>
+                        <li><a href="#" class=" disabled"> ->{{month}}</a>
                           <ul class="nav nav-pills">
                             {% for day in days %}
                               {%- if day.source == thumbs_info.datestring%} 
                                 <li>
-                                  <a class="alert-danger" href="/view/{{thumbs_info.subject}}/{{day.source}}">
+                                  <a class="alert-danger small" href="/view/{{thumbs_info.subject}}/{{day.source}}">
                                     --> {{day.weekday}}, {{day.day}}
                                   </a>
                                 </li>
                               {%- else %}
-                                <li><a href="/view/{{thumbs_info.subject}}/{{day.source}}"> --> {{day.weekday}}, {{day.day}}</a></li>
+                                <li><a href="/view/{{thumbs_info.subject}}/{{day.source}}" class="small"> --> {{day.weekday}}, {{day.day}}</a></li>
                               {%-endif%}
                             {% endfor %}
                           </ul>
@@ -122,8 +126,8 @@ $("document").ready( function(){
                 {%- endfor %} 
               </ul>
           </ul>      
-        </li>
-    </ul>
+  </div>
+       </div> 
     
 
   {% endblock %} 
diff --git a/templates/layout.html b/templates/layout.html
index f6eb48e..8114309 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -49,6 +49,7 @@
         position: absolute;
         webkit-border-radius: 3px;
         }
+      
         .submenu-hide
         {
             display: none !important;