"
Team:UNITN-Trento/CSS/Styles/Labpost
From 2013.igem.org
m |
|||
| Line 104: | Line 104: | ||
a.tn-editpost img { | a.tn-editpost img { | ||
width: 30px; | 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); | ||
} | } | ||
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); }
