Team:UNITN-Trento/CSS/Team
From 2013.igem.org
@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: 550px; 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 {
height: 1em; width: 200px;
font-size: 0.9em; font-variant: small-caps;
text-align: right; vertical-align: top;
}
.jms-slideshow .step table td:not(.title):not(.image) {
width: 400px;
padding: 0 1em;
font-size: 0.8em;
text-align: justify;
}
.jms-slideshow .step table .image {
position: relative;
padding: 0;
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;
}