"
Team:UNITN-Trento/CSS/Home
From 2013.igem.org
m |
|||
| Line 170: | Line 170: | ||
background-color: rgba(245, 90, 0,.75); | background-color: rgba(245, 90, 0,.75); | ||
background-image: url( https://static.igem.org/mediawiki/2013/b/bf/Tn-2013_Onda-fruitripening.png); | background-image: url( https://static.igem.org/mediawiki/2013/b/bf/Tn-2013_Onda-fruitripening.png); | ||
| + | } | ||
| + | |||
| + | .row.third .cell.first .tn-title { | ||
| + | display: block; | ||
| + | |||
| + | color: white; | ||
| + | font-family: "Boogaloo", cursive; | ||
| + | font-size: 2.5em; | ||
| + | text-align: center; | ||
| + | text-shadow: 2px 2px 4px #323232; | ||
| + | } | ||
| + | |||
| + | .row.third .cell.first ul { | ||
| + | display: inline-block; | ||
| + | |||
| + | margin: 0; | ||
| + | padding: 15px; | ||
| + | padding-left: 30px; | ||
| + | |||
| + | max-height: 75px; | ||
| + | width: 270px; | ||
| + | |||
| + | background-color: rgba(255,255,255,.8); | ||
| + | border-radius: 1em; | ||
| + | |||
| + | line-height: 1.2em; | ||
| + | list-style: disc; | ||
| + | vertical-align: middle; | ||
} | } | ||
Revision as of 15:45, 27 September 2013
- tn-central-container,
- tn-content-wrap,
- tn-content {
padding-bottom: 0 !important;
}
/*PRE-GRID*/
.pre-footer {
width: 960px; margin: 0 auto;
}
.pre-footer .sheet {
width: 915px; min-height: 100px;
margin-left: 17px;
background-color: rgba(32,86,54,.9); background-image: url(); border: 3px solid white;
box-shadow: 2px -2px 4px #323232;
text-align: justify;
}
.pre-footer .sheet .container {
margin: 20px; padding: 15px 25px; background-color: rgba(250,250,250,.7); border-radius: 10px;
}
.pre-footer p {
margin: 0.4em auto;
line-height: 1.2em;
}
.pre-footer .silhouette {
display: block; margin: 0 auto;
}
/*GRID*/
.grid {
width: 960px; margin: 0 auto; padding-bottom: 2em;
}
.row {
display: block; margin: 0; padding: 0; width: 100%;
}
.cell {
display: inline-block;
padding: 0;
background-color: white; border: 3px solid white; box-shadow: 2px 2px 4px black; vertical-align: top;
}
.row.first .cell.first {
background-image: url();
margin: 17px 7px 7px 17px; height: 300px; width: 290px;
}
.row.first .cell.first a {
display: block; height: 100%; width: 100%;
}
.row.first .cell.first:hover {
box-shadow: inset 0 0 4px black;
}
.row.first .cell.second {
position: relative; margin: 17px 17px 7px 17px; height: 300px; width: 592px;
}
.row.first #jms-slideshow .jms-wrapper {
margin: 0 auto; padding: 0;
height: 300px; min-width: 560px; width: 590px; background-color: transparent; border: none; overflow: hidden;
}
.row.first #jms-slideshow .jms-wrapper .step {
height: 510px; width: 1000px; background-repeat: no-repeat; background-size: auto 100%;
}
.row.first #jms-slideshow .jms-dots {
bottom: 0px
}
.row.second .cell {
height: 222px; width: 293px;
}
.row.second .cell.first {
margin: 7px 5px 7px 17px;
background-image: url();
}
.row.second .cell.second {
margin: 7px 4px; background-image: url();
}
.row.second .cell.third {
margin: 7px 17px 7px 5px; background-image: url();
}
.row.second .cell.first:hover, .row.second .cell.second:hover, .row.second .cell.third:hover {
box-shadow: 2px 2px 4px #323232 inset;
}
.row.second .cell.first a, .row.second .cell.second a, .row.second .cell.third a {
display: block;
height: 100%; width: 100%;
}
.row.third .cell.first {
margin: 7px 17px 17px 17px; height: 300px; width: 918px; background-color: rgba(245, 90, 0,.75); background-image: url();
}
.row.third .cell.first .tn-title {
display: block; color: white; font-family: "Boogaloo", cursive; font-size: 2.5em; text-align: center; text-shadow: 2px 2px 4px #323232;
}
.row.third .cell.first ul {
display: inline-block; margin: 0; padding: 15px; padding-left: 30px; max-height: 75px; width: 270px; background-color: rgba(255,255,255,.8); border-radius: 1em; line-height: 1.2em; list-style: disc; vertical-align: middle;
}
