Team:UNITN-Trento/CSS/Styles/Labpost

From 2013.igem.org

(Difference between revisions)
Line 106: Line 106:
}
}
-
.tn-post > a {
+
.tn-text > a {
text-decoration: none;
text-decoration: none;
font-variant: small-caps;
font-variant: small-caps;
Line 112: Line 112:
}
}
-
.tn-post > a:link, .tn-post > a:visited {
+
.tn-text > a:link, .tn-post > a:visited {
color: rgb(3, 140, 126);
color: rgb(3, 140, 126);
}
}
-
.tn-post > a:hover {
+
.tn-text > a:hover {
color: rgb(191, 27, 57);
color: rgb(191, 27, 57);
 +
}
 +
 +
.tn-text img {
 +
max-width: 450px !important;
 +
max-height: 450px !important;
}
}

Revision as of 18:56, 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-text > a { text-decoration: none; font-variant: small-caps; text-shadow: 2px 2px #323232; }

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

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

.tn-text img { max-width: 450px !important; max-height: 450px !important; }