diff options
author | Justyna Ilczuk <justyna.ilczuk@gmail.com> | 2013-01-28 19:52:30 +0100 |
---|---|---|
committer | Justyna Ilczuk <justyna.ilczuk@gmail.com> | 2013-01-28 19:52:30 +0100 |
commit | 2bbb7c02c9d04d822e7d762747b961fb0328e459 (patch) | |
tree | 6e6131078d76926e3f87920f01426bcb33814aa9 | |
parent | 57f76f98ac9ea9ef73b665808ce772a17ad0d885 (diff) | |
download | nooz-2bbb7c02c9d04d822e7d762747b961fb0328e459.tar.gz nooz-2bbb7c02c9d04d822e7d762747b961fb0328e459.tar.bz2 nooz-2bbb7c02c9d04d822e7d762747b961fb0328e459.tar.xz nooz-2bbb7c02c9d04d822e7d762747b961fb0328e459.zip |
Layout changes, actually index :D
-rw-r--r-- | static/bootstrap/css/bootstrap.css | 6 | ||||
-rw-r--r-- | templates/index.html | 50 | ||||
-rw-r--r-- | templates/layout.html | 1 |
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">← Previous</a> + <a href="" id="older">← Previous page</a> </li> <li class="next"> - <a href="" id="newer">Next →</a> + <a href="" id="newer">Next page→</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; |