Mercurial > libervia-web

comparison themes/default/styles/blog.css @ 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 3eb26b269539
children a12f8d138ae2
comparison
equal deleted inserted replaced
863:20fbca3c949a 864:d8c2203998df
44 text-decoration: none; 44 text-decoration: none;
45 color: rgb(51, 51, 51); 45 color: rgb(51, 51, 51);
46 } 46 }
47 47
48 .mblog_entry { 48 .mblog_entry {
49 width: 60%; 49 width: 750px;
50 text-align: justify; 50 text-align: justify;
51 border: 1px solid LightGray; 51 border: 1px solid LightGray;
52 margin: 5px auto 20px auto; 52 margin: 5px auto 20px auto;
53 padding: 5px 10px; 53 padding: 5px 10px;
54 -moz-border-radius: 15px; 54 -moz-border-radius: 15px;
64 padding: 0px 0px 0px 18px; 64 padding: 0px 0px 0px 18px;
65 } 65 }
66 66
67 .mblog_comment { 67 .mblog_comment {
68 position: relative; 68 position: relative;
69 left: 2%; 69 left: 20px;
70 width: 56%; 70 width: 710px;
71 } 71 }
72 72
73 .mblog_header { 73 .mblog_header {
74 font-size: small; 74 font-size: small;
75 border-bottom: 1px dotted #ccc; 75 border-bottom: 1px dotted #ccc;
225 .powered img, .feed img { 225 .powered img, .feed img {
226 vertical-align: bottom; 226 vertical-align: bottom;
227 width: 16px; 227 width: 16px;
228 heigth: 16px; 228 heigth: 16px;
229 } 229 }
230
231 @media (min-width: 600px) and (max-width: 750px) {
232 .mblog_entry {
233 width: 600px;
234 }
235 .mblog_comment {
236 width: 560px;
237 }
238 }
239 @media (min-width: 480px) and (max-width: 600px) {
240 .mblog_entry {
241 width: 480px;
242 }
243 .mblog_comment {
244 width: 440px;
245 }
246 }
247 @media (max-width: 480px) {
248 .mblog_entry {
249 width: 360px;
250 }
251 .mblog_comment {
252 width: 320px;
253 }
254 }