flobox200.css
flobox200.css — CSS stylesheet, 1 KB (1001 bytes)
File contents
/* ------------------------------------------------------------------------- -------- FLOBOX 200 --------- ------------------------------------------------------------------------- */ .flobox { /* the container for image, header and description */ border-bottom: 1px dotted #ccc; padding-left: 240px; margin-bottom: 25px; display: block; } .flobox img { /* floats image left and clears text around it */ float: left; width: 200px; margin: 0px 15px 25px -240px; } #content-body .flobox h2, #content-body .flobox h3 {margin-top: 0px} @media screen and (max-width: 500px) { /* unfloats image at mobile resolutions */ .flobox {padding-left: 0px; margin-bottom: 30px; border: 1px dotted #ccc;} .flobox img {float: none; margin: 0px 0px 0px 0px; width: 100%} #content-body .flobox p, #content-body .flobox h2, #content-body .flobox h3 {padding:0px 15px;} #content-body .flobox h2, #content-body .flobox h3 {margin-top: 10px} }