Mercurial > libervia-web
changeset 802:8faaaa6ec7ca
browser_side (CSS): add some style to display blogs from Movim
author | souliane <souliane@mailoo.org> |
---|---|
date | Thu, 10 Dec 2015 11:19:46 +0100 |
parents | 68eadda8a59a |
children | 89a0cd2aa763 |
files | src/browser/public/libervia.css |
diffstat | 1 files changed, 48 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
--- 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; +}