Template:Cquote/styles.css

/* Cquote styles */ .cquote-sandbox { margin: auto; min-width: 150px; max-width: max-content; overflow: hidden; } .cquote-body { display: inline-block; /* IE11 */ position: relative; margin: 0; border: none; padding: 0.25em 50px; font-size: inherit; font-family: inherit; } .cquote-body[data-quote-size="10px"] { padding: 0.25em 25px; } .cquote-body[data-quote-size="30px"] { padding: 0.25em 75px; } .cquote-body[data-quote-size="40px"] { padding: 0.25em 100px; } .cquote-body[data-quote-size="50px"] { padding: 0.25em 125px; } .cquote-body[data-quote-size="60px"] { padding: 0.25em 150px; } .cquote-body:before, .cquote-body:after { position: absolute; color: #b2b7f2; font-size: 40px; font-family: 'Times New Roman', Times, serif; font-weight: bold; } .cquote-body:before { top: -0.25em; left: 0.25em; content: "“"; } .cquote-body:after { bottom: -0.75em; right: 0.25em; content: "”"; } .cquote-body[data-quote-size="10px"]:before, .cquote-body[data-quote-size="10px"]:after { font-size: 20px; } .cquote-body[data-quote-size="30px"]:before, .cquote-body[data-quote-size="30px"]:after { font-size: 60px; } .cquote-body[data-quote-size="40px"]:before, .cquote-body[data-quote-size="40px"]:after { font-size: 80px; } .cquote-body[data-quote-size="50px"]:before, .cquote-body[data-quote-size="50px"]:after { font-size: 100px; } .cquote-body[data-quote-size="60px"]:before, .cquote-body[data-quote-size="60px"]:after { font-size: 120px; } .cquotecite-sandbox { padding-right: 4%; font-size: smaller; line-height: normal; text-align: right; /* IE11 */ text-align: end; } .cquotecite-sandbox:before { content: "\2014"; /* &mdash; */ } .cquote-sandbox[dir="rtl"] .cquotecite-sandbox { text-align: left; /* IE11 */ text-align: end; }