Template:Quotebox/styles.css

.quotebox { background-color: #fff; border: 1.5px solid #326275; box-sizing: border-box; padding: 10px; font-size: 90%; border-radius: 10px; max-width: max-content; } .quotebox.floatleft { margin: .5em 1.4em .8em 0; } .quotebox.floatright { margin: .5em 0 .8em 1.4em; } .quotebox.centered { overflow: hidden; position: relative; margin: .5em auto .8em auto; } .quotebox.floatleft span, .quotebox.floatright span { font-style: inherit; } .quotebox > blockquote { margin: 0; padding: 0; /* Styling from Minerva */ border-left: 0; font-family: inherit; font-size: inherit; } .quotebox-title { background-color: #fff; text-align: center; font-size: 110%; font-weight: bold; border-bottom: 1px #326275 solid; margin-bottom: 7px; color: #1a3b48;

} .quotebox-quote > :first-child { margin-top: 0; } .quotebox-quote:last-child > :last-child { margin-bottom: 0; } .quotebox-quote.quoted:before { font-family:'Times New Roman',serif; font-weight:bold; font-size: large; color: #326275; content: ' “ '; vertical-align: -45%; line-height: 0; } .quotebox-quote.quoted:after { font-family:'Times New Roman',serif; font-weight:bold; font-size: large; color: #326275; 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; font-size: 95%; }

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

.quotebox.header { border: none; background: none; padding: 7px 22px; margin: .5em auto 0 auto }

.quotebox cite { margin-top: 0.5em; margin-bottom: 0; }

.header blockquote:before { font-family:'Times New Roman', serif; font-weight:bold; font-size: 35px; color: #326275; position: absolute; line-height: 1; top: 0; left: 0; content: "“"; } .header blockquote:after { font-family:'Times New Roman', serif; font-weight:bold; font-size: 35px; color: #326275; position: absolute; float:right; line-height: 1; right: 2px; bottom: 20px; content: "”"; }

.quotebox.borderless { border: none; background: none; font-size: 100%; padding: 20px 20px 0 20px; }