"

From 2013.igem.org

.tn-post { position: relative; padding-bottom: 10px; width: 600px; border-right: 5px solid #c01b39; text-align: justify; font-family: "Trebuchet MS", Helvetica, sans-serif; }

.tn-post div.tn-faces { position: absolute; top: -8px; left: -86px; }

.tn-faces img { display: block; width: 75px; margin: 0.2em; border-radius: 5px; }

.tn-postdate { position: absolute; top: -5px; right: -120px; width: 100px; padding: 0 10px 10px 10px; background: #048c7e; text-align: center; font-size: 25px; font-family: Arial, Helvetica, sans-serif; }

.tn-postdate a { text-decoration: none; line-height: 30px; font-style: italic; color: #ffffff; }

.tn-postdate a .yy { font-size: 0.7em; }

.tn-postdate a .ddmm { font-size: 1.5em; font-weight: bold; }

.tn-posttitle { padding: 0 10px; margin: 0; font-size: 3em; font-weight: bold; }

.tn-text { padding: 0 10px; margin: 0; text-align: justify; font-size: 1.0em; line-height: 1.3em; }

.tn-tags { padding: 0 10px; margin: 0; text-align: right; font-size: 1.2em; }

.tn-tags span.tag { display: inline-table; margin: 4px 0 0 4px; padding: 1px 3px; font-size: 0.8em; border: 2px solid #048c7e; color: #048c7e; }

.tn-tags span.tag:hover { color: #c01b39; }

a.tn-editpost { display: block; position: absolute; top: 0; right: 0; width: 50px; text-align: center; }

a.tn-editpost img { width: 30px; }