diff --git a/public_html/media/css/core.css b/public_html/media/css/core.css
index 4b42f03b..b35e7049 100644
--- a/public_html/media/css/core.css
+++ b/public_html/media/css/core.css
@@ -35,7 +35,8 @@ body {
}
.main-wrapper {
- margin: 0 1.5em;
+ margin: 0 auto;
+ padding: 0 30px;
}
@@ -151,8 +152,8 @@ footer a {
#sidebar {
float: left;
- width: 256px;
- margin-right: 1em;
+ width: 240px;
+ margin-right: 15px;
}
#sidebar h1 {
margin-top: 0;
diff --git a/public_html/media/css/index-index.css b/public_html/media/css/index-index.css
index 6abf221f..024e96fc 100644
--- a/public_html/media/css/index-index.css
+++ b/public_html/media/css/index-index.css
@@ -16,16 +16,15 @@
margin-bottom: 0;
}
-#content {
+#content .main-wrapper>* {
margin: 0 auto;
width: 70%;
- min-width: 500px;
position: relative;
}
-.small-screen #content {
- width: 100%;
- min-width: 0;
- max-width: 500px;
+@media only screen and (max-width:700px) {
+ #content .main-wrapper>* {
+ width: 100%;
+ }
}
#content .body {
@@ -45,7 +44,7 @@
#content .footer {
font-size: small;
color: dimgray;
- margin: 0.5em 0 3em 0;
+ margin: 0.5em auto 3em auto;
}
#content .footer .left {
float: left;
diff --git a/public_html/media/css/post-list.css b/public_html/media/css/post-list.css
index abf10abf..50510653 100644
--- a/public_html/media/css/post-list.css
+++ b/public_html/media/css/post-list.css
@@ -1,11 +1,11 @@
.post {
- margin: 0.5em;
+ margin: 8px;
}
.posts-wrapper {
text-align: center;
}
.posts {
- margin: 0 auto;
+ margin: -8px auto 0 auto;
}
.form-wrapper {
diff --git a/public_html/media/css/user-view.css b/public_html/media/css/user-view.css
index a70ea43a..91d714d2 100644
--- a/public_html/media/css/user-view.css
+++ b/public_html/media/css/user-view.css
@@ -1,5 +1,4 @@
#sidebar {
- width: 220px;
font-size: 90%;
}
diff --git a/public_html/media/js/core.js b/public_html/media/js/core.js
index 651eb649..6336c717 100644
--- a/public_html/media/js/core.js
+++ b/public_html/media/js/core.js
@@ -157,14 +157,30 @@ $(function()
{
$(window).resize(function()
{
+ fixSize();
if ($('body').width() == $('body').data('last-width'))
return;
$('body').data('last-width', $('body').width());
$('body').trigger('dom-update');
});
$('body').bind('dom-update', processSidebar);
+ fixSize();
});
+var fixedEvenOnce = false;
+function fixSize()
+{
+ var multiply = 168;
+ var oldWidth = $('.main-wrapper:eq(0)').width();
+ $('.main-wrapper:eq(0)').width('');
+ var newWidth = $('.main-wrapper:eq(0)').width();
+ if (oldWidth != newWidth || !fixedEvenOnce)
+ {
+ $('.main-wrapper').width(multiply * Math.floor(newWidth / multiply));
+ fixedEvenOnce = true;
+ }
+}
+
//autocomplete