"
Team:UNITN-Trento/CSS/Styles/Labpost
From 2013.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
.tn-post { | .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: 'Kameron', serif; | |
| - | + | background: rgba(255,255,255,.8); | |
} | } | ||
.tn-post div.tn-faces { | .tn-post div.tn-faces { | ||
| - | + | position: absolute; | |
| - | + | top: -8px; | |
| - | + | left: -86px; | |
} | } | ||
.tn-faces img { | .tn-faces img { | ||
| - | + | display: block; | |
| - | + | width: 75px; | |
| - | + | margin: 0.2em; | |
| - | + | border-radius: 5px; | |
| - | + | border: 2px solid transparent; | |
} | } | ||
.tn-postdate { | .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 { | .tn-postdate a { | ||
| - | + | text-decoration: none; | |
| - | + | line-height: 30px; | |
| - | + | font-style: italic; | |
| - | + | color: #ffffff; | |
} | } | ||
.tn-postdate a .yy { | .tn-postdate a .yy { | ||
| - | + | font-size: 0.7em; | |
} | } | ||
.tn-postdate a .ddmm { | .tn-postdate a .ddmm { | ||
| - | + | font-size: 1.5em; | |
| - | + | font-weight: bold; | |
} | } | ||
.tn-posttitle { | .tn-posttitle { | ||
| - | + | padding: 0 10px; | |
| - | + | padding-right: 100px; | |
| - | + | margin: 0; | |
| - | + | font-family: 'Boogaloo', cursive; | |
| - | + | font-size: 1.8em; | |
| - | + | text-align: justify; | |
| - | + | font-weight: bold; | |
| - | + | ||
| - | + | ||
} | } | ||
.tn-text { | .tn-text { | ||
| - | + | padding: 0 10px; | |
| - | + | margin: 0; | |
| - | + | text-align: justify; | |
| - | + | font-size: 1.0em; | |
| - | + | line-height: 1.3em; | |
| - | + | font-family: 'PT Sans', sans-serif; | |
} | } | ||
.tn-tags { | .tn-tags { | ||
| - | + | padding: 0 10px; | |
| - | + | margin: 0; | |
| - | + | text-align: right; | |
| - | + | font-size: 1.2em; | |
} | } | ||
.tn-tags span.tag { | .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 { | .tn-tags span.tag:hover { | ||
| - | + | color: #c01b39; | |
} | } | ||
a.tn-editpost { | a.tn-editpost { | ||
| - | + | display: block; | |
| - | + | position: absolute; | |
| - | + | top: 0; | |
| - | + | right: 0; | |
| - | + | width: 50px; | |
| - | + | text-align: center; | |
} | } | ||
a.tn-editpost img { | a.tn-editpost img { | ||
| - | + | width: 30px; | |
} | } | ||
.tn-text > a { | .tn-text > a { | ||
| - | + | text-decoration: none; | |
| - | + | font-variant: small-caps; | |
} | } | ||
.tn-text > a:link, .tn-text > a:visited { | .tn-text > a:link, .tn-text > a:visited { | ||
| - | + | color: rgba(4,140,126,1); | |
| - | + | text-shadow: 1px 1px #323232; | |
} | } | ||
.tn-text > a:hover { | .tn-text > a:hover { | ||
| - | + | color: rgb(191, 27, 57); | |
| - | + | text-shadow: 1px 1px #989898; | |
} | } | ||
.tn-text img { | .tn-text img { | ||
| - | + | max-width: 450px !important; | |
| - | + | max-height: 450px !important; | |
} | } | ||
.tn-text table { | .tn-text table { | ||
| - | + | background: none; | |
| - | + | margin: 2px; | |
} | } | ||
.tn-text table td, .tn-text table th { | .tn-text table td, .tn-text table th { | ||
| - | + | padding: 2px; | |
| - | + | border: 1px solid; | |
| - | + | text-align: center; | |
} | } | ||
Revision as of 09:48, 20 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: 'Kameron', 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; margin: 0; font-family: 'Boogaloo', cursive; 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; font-family: 'PT Sans', sans-serif;
}
.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;
}
.tn-text > a:link, .tn-text > a:visited {
color: rgba(4,140,126,1); text-shadow: 1px 1px #323232;
}
.tn-text > a:hover {
color: rgb(191, 27, 57); text-shadow: 1px 1px #989898;
}
.tn-text img {
max-width: 450px !important; max-height: 450px !important;
}
.tn-text table {
background: none; margin: 2px;
}
.tn-text table td, .tn-text table th {
padding: 2px; border: 1px solid; text-align: center;
}
