flobox300.css

CSS stylesheet icon flobox300.css — CSS stylesheet, 1 KB (1003 bytes)

File contents

/* -------------------------------------------------------------------------
   -------- FLOBOX 300 ---------
   ------------------------------------------------------------------------- */

.flobox { /* the container for image, header and description */
    border-bottom: 1px dotted #ccc;
    padding-left: 340px;
    margin-bottom: 25px;
    display: block;
}

.flobox img { /* floats image left and clears text around it */
    float: left;
    width: 300px;
    margin: 0px 15px 25px -340px;
}

#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}
}