Template:Quote box/sandbox/styles.css

/* */ .quotebox { background-color: #F9F9F9; border: 1px solid #aaa; box-sizing: border-box; padding: 4px 10px; font-size: 88%; max-width: 100%; min-width: 200px; /* this is used in conjuction with media query below */ } .quotebox.floatleft { float: left; margin: 0.5em 1.4em 0.8em 0; } .quotebox.floatright { float: right; margin: 0.5em 0 0.8em 1.4em; } .quotebox.centered { position: relative; margin: 0.5em auto 0.8em auto; text-align: center; } .quotebox.floatleft span, .quotebox.floatright span { font-style: inherit; } .quotebox-title { background-color: #F9F9F9; text-align: center; font-size: larger; font-weight: bold; } .quotebox-quote.quoted:before { font-family:'Times New Roman',serif; font-weight:bold; font-size: large; color: gray; content: ' “ '; vertical-align: -45%; line-height: 0; } .quotebox-quote.quoted:after { font-family:'Times New Roman',serif; font-weight:bold; font-size: large; color: gray; content: ' ” '; line-height: 0; } .quotebox .left-aligned { text-align: left; } .quotebox .right-aligned { text-align: right; } .quotebox .center-aligned { text-align: center; } .quotebox .quote-title, .quotebox .quotebox-quote { display: block; } .quotebox cite { display:block; font-style:normal; }

@media screen and (max-width:500px) { .quotebox { /*override inline styles */ min-width: 100%; margin: 0 0 0.8em !important; float: none !important; } }