comparison src/browser/public/libervia.css @ 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 4caf2caa898a
children f2a76ee020f6
comparison
equal deleted inserted replaced
801:68eadda8a59a 802:8faaaa6ec7ca
1596 } 1596 }
1597 1597
1598 .blank hr { 1598 .blank hr {
1599 border: 0px; 1599 border: 0px;
1600 } 1600 }
1601
1602
1603 /* Some CSS to style the quote XHTML generated by Movim */
1604
1605 .mb_entry_dialog .bubble div.quote {
1606 display: block;
1607 border-radius: 2px;
1608 border: 1px solid rgba(0, 0, 0, 0.12);
1609 padding: 2rem;
1610 box-sizing: border-box;
1611 }
1612
1613 .mb_entry_dialog .bubble div.quote:before,
1614 .mb_entry_dialog .bubble div.quote:after {
1615 content: '';
1616 display: none;
1617 }
1618
1619 .mb_entry_dialog .bubble div.quote ul {
1620 display: flex;
1621 flex-flow: row wrap;
1622 }
1623
1624 .mb_entry_dialog .bubble div.quote li {
1625 flex: 1 25%;
1626 list-style-type: none;
1627 padding-left: 0;
1628 }
1629
1630 .mb_entry_dialog .bubble div.quote ul li > * {
1631 margin-right: 1rem;
1632 }
1633
1634 .mb_entry_dialog .bubble div.quote li:first-child {
1635 flex: 1 75%;
1636 }
1637
1638 @media screen and (max-width: 1024px) {
1639 .mb_entry_dialog .bubble div.quote li {
1640 flex: 1 100%;
1641 }
1642 }
1643
1644 .mb_entry_dialog .bubble div.quote li img {
1645 max-height: 10rem;
1646 max-width: 100%;
1647 float: right;
1648 }