Team:UNITN-Trento/CSS/Styles/Labpost

From 2013.igem.org

Revision as of 18:53, 2 August 2013

.tn-post { position: relative; padding-bottom: 10px; padding-right: 10px; margin: 3em 0; width: 600px; border-right: 5px solid #c01b39; text-align: justify; font-family: "Trebuchet MS", Helvetica, sans-serif; background: rgba(255,255,255,.8); }

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

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

.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; padding-right: 100px; /*-ms-word-break: break-all;

word-break: break-all; */ margin: 0; font-size: 1.8em; text-align: justify; 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; }

.tn-post > a { text-decoration: none; font-variant: small-caps; text-shadow: 2px 2px #323232; }

.tn-post > a:link, .tn-post > a:visited { color: rgb(3, 140, 126); }

.tn-post > a:hover { color: rgb(191, 27, 57); }