"
Team:UNITN-Trento/CSS/Styles/Labpost
From 2013.igem.org
| Line 1: | Line 1: | ||
.tn-post { | .tn-post { | ||
position: relative; | 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; | |
| + | } | ||
| - | background: | + | .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; | ||
} | } | ||
Revision as of 09:32, 9 July 2013
.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; }
