Commits

psviderski committed 6ba24e1

Fix blog's layout (fixate the sidebar).

  • Participants
  • Parent commits 2bd2dad

Comments (0)

Files changed (3)

File MoinMoin/templates/blog_layout.html

                     {{ blog_header }}
                 {% endif %}
             </div>
-            <div id="moin-blog-content">
-            {% block blog_content %}<br />{% endblock %}
+            <div id="moin-blog-body">
+                <div id="moin-blog-content">
+                {% block blog_content %}<br />{% endblock %}
+                </div>
+                {% if blog_name and supertags %}
+                    <div id="moin-blog-sidebar">
+                        {{ widget_supertags(blog_name, supertags) }}
+                    </div>
+                {% endif %}
             </div>
-            {% if blog_name and supertags %}
-                <div id="moin-blog-sidebar">
-                    {{ widget_supertags(blog_name, supertags) }}
-                </div>
-            {% endif %}
         </div>
     {% endblock %}
 {% endblock %}

File MoinMoin/themes/modernized/static/css/common.css

 .moin-hist-rev input{float:left}
 .moin-hist-rev{margin:0}
 #moin-blog-header{margin:1em 0 -1em 0}
-#moin-blog-content{padding:0 2em 0 0;display:table-cell}
-#moin-blog-sidebar{width:15em;display:table-cell}
+#moin-blog-body{display:table;width:100%}
+#moin-blog-content{padding:0 2em 0 0;display:table-cell;width:80%}
+#moin-blog-sidebar{display:table-cell;width:20%}
 .moin-blog-icon{font-size:1.6em}
 .moin-blog-entry-info{font-size:.8em;color:#737373}
 .moin-blog-entry-bottominfo{font-size:.8em;color:#737373;padding:0 1em;border:1px solid #4e7da9}

File MoinMoin/themes/modernized/static/css/stylus/main.styl

 #moin-blog-header
     margin 1em 0 -1em 0
 
+#moin-blog-body
+    display table
+    width 100%
+
 #moin-blog-content
     padding 0 2em 0 0
     display table-cell
+    width 80%
 
 #moin-blog-sidebar
-    width 15em
     display table-cell
+    width 20%
 
 .moin-blog-icon
     font-size 1.6em