"
Team:UNITN-Trento/CSS/Team
From 2013.igem.org
(Difference between revisions)
| Line 70: | Line 70: | ||
.jms-slideshow .step table th { | .jms-slideshow .step table th { | ||
vertical-align: middle; | vertical-align: middle; | ||
| + | } | ||
| + | |||
| + | .color-1 { | ||
| + | background-color: #000000; | ||
| + | } | ||
| + | .color-2 { | ||
| + | background-color: #68C9B6; | ||
| + | } | ||
| + | .color-3 { | ||
| + | background-color: #D67500; | ||
| + | } | ||
| + | .color-4 { | ||
| + | background-color: #7F0A06; | ||
| + | } | ||
| + | .color-5 { | ||
| + | background-color: #BA301B; | ||
| + | } | ||
| + | .color-7 { | ||
| + | background-color: #239435; | ||
} | } | ||
Revision as of 12:04, 12 August 2013
@import url(http://fonts.googleapis.com/css?family=Contrail+One);
.tn-title {
/*font-family: 'Contrail One', cursive;*/ font-family: "Trebuchet MS",Helvetica,sans-serif; font-variant: small-caps; font-size: 3em; margin-bottom: 0; color: #bf1b39;
}
/*jmslideshow*/
.jms-slideshow {
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;
}
.jms-slideshow .step table td:not(.title) {
width: 350px; padding-left: 0.5em; text-align: left;
}
.jms-slideshow .step table td.image {
width: 100px; padding: 0; text-align: right; vertical-align: top; background-color: transparent;
}
.jms-slideshow .step table td.image img {
border-radius: 1em;
}
.jms-slideshow .step table td:not(.image), .jms-slideshow .step table th {
vertical-align: middle;
}
.color-1 {
background-color: #000000;
} .color-2 {
background-color: #68C9B6;
} .color-3 {
background-color: #D67500;
} .color-4 {
background-color: #7F0A06;
} .color-5 {
background-color: #BA301B;
} .color-7 {
background-color: #239435;
}
