Mercurial > libervia-templates

comparison default/static/blog.css @ 104:b12de12e2e5b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
css (blog): add a background image if --bg-img custom property is set (in dynamic style)
author Goffi <goffi@goffi.org>
date Mon, 22 Jan 2018 08:49:49 +0100
parents 920f03abba53
children 490114e3d9e2
comparison
equal deleted inserted replaced
103:ff7bd09911f7 104:b12de12e2e5b
112 .bottom_links a { 112 .bottom_links a {
113 display: inline-block; 113 display: inline-block;
114 text-decoration: None; 114 text-decoration: None;
115 color: inherit; 115 color: inherit;
116 font-variant: small-caps; 116 font-variant: small-caps;
117 background: rgba(200,200,200,0.6);
118 border-radius: 0.5em;
119 padding: 0.2em;
117 } 120 }
118 121
119 .bottom_links a:hover { 122 .bottom_links a:hover {
120 background-color: #ddd; 123 background-color: #ddd;
121 } 124 }
207 210
208 article.other_lang.init { 211 article.other_lang.init {
209 border: none; 212 border: none;
210 border-radius: 0; 213 border-radius: 0;
211 padding: 0; 214 padding: 0;
215 min-height: 0;
212 } 216 }
213 217
214 /*** comments ***/ 218 /*** comments ***/
215 219
216 button.comments_btn { 220 button.comments_btn {
275 } 279 }
276 280
277 /*** media queries ***/ 281 /*** media queries ***/
278 282
279 @media (min-width: 500px) { 283 @media (min-width: 500px) {
284 /*** general ***/
285
286 #main_area {
287 background-image: var(--bg-img);
288 background-repeat: no-repeat;
289 background-size: cover;
290 }
291
280 article.box { 292 article.box {
281 width: 80%; 293 width: 80%;
282 border-style: solid solid none solid; 294 border-style: solid solid none solid;
283 } 295 }
284 .comments article.box { 296 .comments article.box {