# HG changeset patch # User souliane # Date 1449742786 -3600 # Node ID 8faaaa6ec7ca3525c7c379e3da18b2ad176c6322 # Parent 68eadda8a59ac9e5ffa5ee7886ef36db4d49b709 browser_side (CSS): add some style to display blogs from Movim diff -r 68eadda8a59a -r 8faaaa6ec7ca src/browser/public/libervia.css --- a/src/browser/public/libervia.css Wed Dec 09 11:19:41 2015 +0100 +++ b/src/browser/public/libervia.css Thu Dec 10 11:19:46 2015 +0100 @@ -1598,3 +1598,51 @@ .blank hr { border: 0px; } + + +/* Some CSS to style the quote XHTML generated by Movim */ + +.mb_entry_dialog .bubble div.quote { + display: block; + border-radius: 2px; + border: 1px solid rgba(0, 0, 0, 0.12); + padding: 2rem; + box-sizing: border-box; +} + +.mb_entry_dialog .bubble div.quote:before, +.mb_entry_dialog .bubble div.quote:after { + content: ''; + display: none; +} + +.mb_entry_dialog .bubble div.quote ul { + display: flex; + flex-flow: row wrap; +} + +.mb_entry_dialog .bubble div.quote li { + flex: 1 25%; + list-style-type: none; + padding-left: 0; +} + +.mb_entry_dialog .bubble div.quote ul li > * { + margin-right: 1rem; +} + +.mb_entry_dialog .bubble div.quote li:first-child { + flex: 1 75%; +} + +@media screen and (max-width: 1024px) { + .mb_entry_dialog .bubble div.quote li { + flex: 1 100%; + } +} + +.mb_entry_dialog .bubble div.quote li img { + max-height: 10rem; + max-width: 100%; + float: right; +}