CSS: blockquote box with quotemarks

Categories: code

<htmL> <body style=”background-color:#c7b8a0C3;”> <blockquote class=”cblockquote”> Brutus, quia reges eiecit, consul primus factus est; <br> Hic, quia consules eiecit, rex postremo factus est. </blockquote> </body> </html> To do: change colours to RGBA. Adjust spacing & padding. blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: “\201C” “\201D” “\2018” “\2019”; } … Read More

CSS: bordered paper boxes with drop shadows

Categories: code

<div class=”main-box”> <div class=”box_shadow”> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat <div class=”sh_bottom”></div> </div> </div>   .class_box_shadow{ width: 80% ; min-width: 300px; min-height: 130px; margin: auto; … Read More