Commits

Vlad Riscutia  committed a0feedb

Make sidebar drop below body when screen to small instead of hiding it. Update ForkMe image. Build Tinkerer website with Modern5 theme

  • Participants
  • Parent commits 24b05b4
  • Branches html5

Comments (0)

Files changed (4)

File blog/_static/fork_me.png

Old
Old image
New
New image

File blog/conf.py

 
 disqus_shortname = 'tinkerer'                                   
 html_favicon = 'tinkerer.ico'           
-html_theme = "modern"
+html_theme = "modern5"
 rss_service = "http://feeds.feedburner.com/tinkerer"
 
 extensions = ['tinkerer.ext.blog', 'tinkerer.ext.disqus'] 

File tinkerer/themes/boilerplate/layout.html

     <div class="main">
 {%- block content -%}
       <div class="content clearfix">
+      {%- block document -%}
+        <div class="documentwrapper">
+          {%- block relbar1 -%}{{ relbar() }}{% endblock -%}
+            <article class="document">
+              {% block body -%} {% endblock -%}
+            </article>
+          {%- block relbar2 -%}{{ relbar() }}{% endblock -%}
+        </div>
+      {%- endblock -%}
       {%- if render_sidebar -%}
         <aside class="sidebar">
           {%- if sidebars != None -%}
           {%- endif -%}
         </aside>
       {%- endif -%}
-      {%- block document -%}
-        <div class="documentwrapper">
-          {%- block relbar1 -%}{{ relbar() }}{% endblock -%}
-            <article class="document">
-              {% block body -%} {% endblock -%}
-            </article>
-          {%- block relbar2 -%}{{ relbar() }}{% endblock -%}
-        </div>
-      {%- endblock -%}
       </div>
 {%- endblock -%}
     </div>

File tinkerer/themes/boilerplate/static/style.css

 
 div.related li { list-style-type: none; }
 
-aside.sidebar { display: none; }
-
 /* ==|== non-semantic helper classes ========================================
    Please define your styles before this section.
    ========================================================================== */
     /* Style adjustments for viewports 768px and over go here */
     li.quicklink { display: inline; float: right; }
 
-    div.documentwrapper { margin-right: 333px; } 
+    div.documentwrapper { float: left; margin-right: 333px; } 
     
-    aside.sidebar { display: block; float: right; margin-left: -333px; width: 333px; }
+    aside.sidebar { display: block; float: left; margin-left: -333px; width: 333px; }
 }