changeset 1711:6ba24e1114d5

Fix blog's layout (fixate the sidebar).
author Pavel Sviderski <pavel@psviderski.name>
date Sat, 18 Aug 2012 17:43:19 +0200
parents 2bd2dad3cc74
children ed2bfccada9b
files MoinMoin/templates/blog_layout.html MoinMoin/themes/modernized/static/css/common.css MoinMoin/themes/modernized/static/css/stylus/main.styl
diffstat 3 files changed, 18 insertions(+), 10 deletions(-) [+]
line wrap: on
line diff
--- a/MoinMoin/templates/blog_layout.html	Sat Aug 18 17:33:50 2012 +0200
+++ b/MoinMoin/templates/blog_layout.html	Sat Aug 18 17:43:19 2012 +0200
@@ -93,14 +93,16 @@
                     {{ 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 %}
--- a/MoinMoin/themes/modernized/static/css/common.css	Sat Aug 18 17:33:50 2012 +0200
+++ b/MoinMoin/themes/modernized/static/css/common.css	Sat Aug 18 17:43:19 2012 +0200
@@ -308,8 +308,9 @@
 .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}
--- a/MoinMoin/themes/modernized/static/css/stylus/main.styl	Sat Aug 18 17:33:50 2012 +0200
+++ b/MoinMoin/themes/modernized/static/css/stylus/main.styl	Sat Aug 18 17:43:19 2012 +0200
@@ -573,13 +573,18 @@
 #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