Team:UNITN-Trento/Team
From 2013.igem.org
Line 1: | Line 1: | ||
- | + | @import url(http://fonts.googleapis.com/css?family=Contrail+One); | |
- | + | ||
- | + | .tn-title { | |
- | + | display: block; | |
- | + | margin-bottom: 0; | |
- | + | ||
- | + | color: #bf1b39; | |
- | + | ||
- | + | ||
- | + | font-family: "Trebuchet MS",Helvetica,sans-serif; | |
- | + | font-variant: small-caps; | |
- | + | font-size: 3em; | |
- | + | ||
- | + | text-align: center; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | /*jmslideshow*/ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .jms-slideshow, | |
- | + | .jms-wrapper { | |
- | + | height: 600px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | font-size: 16px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .jms-slideshow .step { | |
- | + | height: 600px; | |
- | + | height: 500px; | |
- | + | font-size: 1.5em; | |
- | + | text-align: center; | |
- | + | border-radius: 1em; | |
- | + | -webkit-box-shadow: 0 8px 6px -6px black; | |
- | + | -moz-box-shadow: 0 8px 6px -6px black; | |
- | + | box-shadow: 0 8px 6px -6px black; | |
- | + | background-image: url(http://i40.tinypic.com/wlvibc.png); | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .jms-slideshow .step .title { | |
- | + | font-family: "Contrail One"; | |
- | + | font-size: 2.5em; | |
- | + | font-weight: bold; | |
- | + | text-align: center; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .jms-slideshow .step table { | |
- | + | width: 100%; | |
- | + | height: 100%; | |
- | + | border-radius: 1em; | |
- | + | background-color: rgba(250,250,250,0.6); | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .jms-slideshow .step table th { | |
+ | width: 150px; | ||
+ | |||
+ | font-size: 0.9em; | ||
+ | font-variant: small-caps; | ||
+ | |||
+ | text-align: right; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .jms-slideshow .step table td:not(.title):not(.image) { | ||
+ | width: 350px; | ||
+ | |||
+ | padding: 0.5em; | ||
+ | |||
+ | font-size: 0.8em; | ||
+ | |||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | .jms-slideshow .step table .image { | ||
+ | position: relative; | ||
+ | |||
+ | padding: 0; | ||
+ | |||
+ | width: 200px; | ||
+ | |||
+ | text-align: center; | ||
+ | vertical-align: top; | ||
+ | |||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .jms-slideshow .step table .image img { | ||
+ | border-radius: 1em; | ||
+ | } | ||
+ | |||
+ | .jms-slideshow .step table td:not(.image), | ||
+ | .jms-slideshow .step table th { | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | /*hashtags*/ | ||
+ | #tn-content a { | ||
+ | display: inline-block; | ||
+ | margin: 2px; | ||
+ | padding: 10px; | ||
+ | background-color: #323232; | ||
+ | border-radius: 5px; | ||
+ | box-shadow: 1px 1px 0 1px rgba(18,18,18,.3); | ||
+ | color: #dadada; | ||
+ | font-size: 0.8em; | ||
+ | font-variant: small-caps; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .jms-slideshow .color-1, | ||
+ | #tn-content .color-1 a { | ||
+ | background-color: #000000!important; | ||
+ | } | ||
+ | |||
+ | .jms-slideshow .color-2, | ||
+ | #tn-content .color-2 a { | ||
+ | background-color: #68C9B6!important; | ||
+ | color: #323232!important; | ||
+ | } | ||
+ | |||
+ | #tn-content .color-2 a { | ||
+ | background-color: #68C9B6!important; | ||
+ | } | ||
+ | |||
+ | .jms-slideshow .color-3, | ||
+ | #tn-content .color-3 a { | ||
+ | background-color: #D67500!important; | ||
+ | } | ||
+ | |||
+ | .jms-slideshow .color-4, | ||
+ | #tn-content .color-4 a { | ||
+ | background-color: #7F0A06!important; | ||
+ | } | ||
+ | |||
+ | .jms-slideshow .color-5, | ||
+ | #tn-content .color-5 a { | ||
+ | background-color: #BA301B!important; | ||
+ | } | ||
+ | |||
+ | .jms-slideshow .color-6, | ||
+ | #tn-content .color-6 a { | ||
+ | background-color: #97D900!important; | ||
+ | color: #323232; | ||
+ | } | ||
+ | |||
+ | .jms-slideshow .color-7, | ||
+ | #tn-content .color-7 a { | ||
+ | background-color: #239435!important; | ||
+ | } | ||
+ | |||
+ | .jms-slideshow .color-8, | ||
+ | #tn-content .color-8 a { | ||
+ | background-color: #C7004C!important; | ||
+ | } | ||
+ | |||
+ | #tn-content a:hover { | ||
+ | background-color: #dadada!important; | ||
+ | box-shadow: 1px 1px 0 1px rgba(18,18,18,.3) inset; | ||
+ | color: #323232; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /*hoverTag*/ | ||
+ | |||
+ | .tn-hoverTag { | ||
+ | display: table; | ||
+ | position: fixed; | ||
+ | top: 0; left: 0; right: 0; bottom: 0; | ||
+ | width: 100%; height: 100%; | ||
+ | z-index: 10; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .tn-hoverTag div { | ||
+ | display: table-cell; | ||
+ | max-width: 600px; | ||
+ | padding: 1em; | ||
+ | background-color: rgba(250,250,250,.8); | ||
+ | border-radius: 1em; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .tn-hoverTag span { | ||
+ | display: inline-block; | ||
+ | max-width: 200px; | ||
+ | background-color: white; | ||
+ | font-size: 2em; | ||
+ | } | ||
+ | |||
+ | .tn-hoverTag .title { | ||
+ | padding: 15px; | ||
+ | max-width: 800px; | ||
+ | font-family: "Contrail One"; | ||
+ | font-size: 4em; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
+ | } |
Revision as of 10:02, 26 August 2013
@import url(http://fonts.googleapis.com/css?family=Contrail+One);
.tn-title {
display: block;
margin-bottom: 0;
color: #bf1b39;
font-family: "Trebuchet MS",Helvetica,sans-serif; font-variant: small-caps; font-size: 3em; text-align: center;
}
/*jmslideshow*/
.jms-slideshow, .jms-wrapper {
height: 600px;
font-size: 16px;
}
.jms-slideshow .step {
height: 600px; height: 500px; font-size: 1.5em; text-align: center; border-radius: 1em; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; background-image: url(http://i40.tinypic.com/wlvibc.png);
}
.jms-slideshow .step .title {
font-family: "Contrail One"; font-size: 2.5em; font-weight: bold; text-align: center;
}
.jms-slideshow .step table {
width: 100%; height: 100%; border-radius: 1em; background-color: rgba(250,250,250,0.6);
}
.jms-slideshow .step table th {
width: 150px;
font-size: 0.9em; font-variant: small-caps;
text-align: right; vertical-align: top;
}
.jms-slideshow .step table td:not(.title):not(.image) {
width: 350px;
padding: 0.5em;
font-size: 0.8em;
text-align: justify;
}
.jms-slideshow .step table .image {
position: relative;
padding: 0;
width: 200px;
text-align: center; vertical-align: top;
background-color: transparent;
}
.jms-slideshow .step table .image img {
border-radius: 1em;
}
.jms-slideshow .step table td:not(.image), .jms-slideshow .step table th {
vertical-align: middle;
}
/*hashtags*/
- tn-content a {
display: inline-block; margin: 2px; padding: 10px; background-color: #323232; border-radius: 5px; box-shadow: 1px 1px 0 1px rgba(18,18,18,.3); color: #dadada; font-size: 0.8em; font-variant: small-caps; font-weight: bold;
}
.jms-slideshow .color-1,
- tn-content .color-1 a {
background-color: #000000!important;
}
.jms-slideshow .color-2,
- tn-content .color-2 a {
background-color: #68C9B6!important; color: #323232!important;
}
- tn-content .color-2 a {
background-color: #68C9B6!important;
}
.jms-slideshow .color-3,
- tn-content .color-3 a {
background-color: #D67500!important;
}
.jms-slideshow .color-4,
- tn-content .color-4 a {
background-color: #7F0A06!important;
}
.jms-slideshow .color-5,
- tn-content .color-5 a {
background-color: #BA301B!important;
}
.jms-slideshow .color-6,
- tn-content .color-6 a {
background-color: #97D900!important; color: #323232;
}
.jms-slideshow .color-7,
- tn-content .color-7 a {
background-color: #239435!important;
}
.jms-slideshow .color-8,
- tn-content .color-8 a {
background-color: #C7004C!important;
}
- tn-content a:hover {
background-color: #dadada!important; box-shadow: 1px 1px 0 1px rgba(18,18,18,.3) inset; color: #323232; text-decoration: none;
}
/*hoverTag*/
.tn-hoverTag {
display: table; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 10; text-align: center;
}
.tn-hoverTag div {
display: table-cell; max-width: 600px; padding: 1em; background-color: rgba(250,250,250,.8); border-radius: 1em; vertical-align: middle;
}
.tn-hoverTag span {
display: inline-block; max-width: 200px; background-color: white; font-size: 2em;
}
.tn-hoverTag .title {
padding: 15px; max-width: 800px; font-family: "Contrail One"; font-size: 4em; font-weight: bold; text-align: center;
}