Mercurial > libervia-web
comparison themes/default/styles/blog.css @ 864:d8c2203998df
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 } |