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;
+}