Mercurial > libervia-web

changeset 864:d8c2203998df

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
themes (default): fixes static blog messages width according to the screen size
author souliane <souliane@mailoo.org>
date Thu, 18 Feb 2016 09:44:50 +0100
parents 20fbca3c949a
children f024fc5744d0
files themes/default/styles/blog.css
diffstat 1 files changed, 28 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/themes/default/styles/blog.css	Fri Feb 12 19:32:43 2016 +0100
+++ b/themes/default/styles/blog.css	Thu Feb 18 09:44:50 2016 +0100
@@ -46,7 +46,7 @@
 }
 
 .mblog_entry {
-    width: 60%;
+    width: 750px;
     text-align: justify;
     border: 1px solid LightGray;
     margin: 5px auto 20px auto;
@@ -66,8 +66,8 @@
 
 .mblog_comment {
     position: relative;
-    left: 2%;
-    width: 56%;
+    left: 20px;
+    width: 710px;
 }
 
 .mblog_header {
@@ -227,3 +227,28 @@
     width: 16px;
     heigth: 16px;
 }
+
+@media (min-width: 600px) and (max-width: 750px) {
+    .mblog_entry {
+        width: 600px;
+    }
+    .mblog_comment {
+        width: 560px;
+    }
+}
+@media (min-width: 480px) and (max-width: 600px) {
+    .mblog_entry {
+        width: 480px;
+    }
+    .mblog_comment {
+        width: 440px;
+    }
+}
+@media (max-width: 480px) {
+    .mblog_entry {
+        width: 360px;
+    }
+    .mblog_comment {
+        width: 320px;
+    }
+}