"
Team:UNITN-Trento/CSS/Home
From 2013.igem.org
(Difference between revisions)
| Line 62: | Line 62: | ||
border: 3px solid white; | border: 3px solid white; | ||
box-shadow: 2px 2px 4px black; | box-shadow: 2px 2px 4px black; | ||
| + | |||
| + | vertical-align: top; | ||
} | } | ||
| Line 67: | Line 69: | ||
margin: 17px 7px 7px 17px; | margin: 17px 7px 7px 17px; | ||
height: 300px; | height: 300px; | ||
| - | width: | + | width: 290px; |
} | } | ||
| Line 74: | Line 76: | ||
margin: 17px 17px 7px 17px; | margin: 17px 17px 7px 17px; | ||
height: 300px; | height: 300px; | ||
| - | width: | + | width: 592px; |
} | } | ||
| - | .row. | + | .row.first #jms-slideshow .jms-wrapper { |
| - | margin: 0; | + | margin: 0 auto; |
padding: 0; | padding: 0; | ||
height: 300px; | height: 300px; | ||
| - | min-width: | + | min-width: 560px; |
| - | width: | + | width: 560px; |
background-color: transparent; | background-color: transparent; | ||
| Line 91: | Line 93: | ||
} | } | ||
| - | .row. | + | .row.first #jms-slideshow .jms-wrapper .step { |
| - | height: | + | height: 490px; |
width: 1000px; | width: 1000px; | ||
| Line 105: | Line 107: | ||
.row.second .cell.first { | .row.second .cell.first { | ||
| - | margin: | + | margin: 7px 5px 7px 17px; |
} | } | ||
.row.second .cell.second { | .row.second .cell.second { | ||
| - | margin: 7px; | + | margin: 7px 4px; |
} | } | ||
.row.second .cell.third { | .row.second .cell.third { | ||
| - | margin: 7px 17px 7px | + | margin: 7px 17px 7px 5px; |
} | } | ||
Revision as of 07:07, 26 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: #13913f; border: 3px solid white;
box-shadow: 2px -2px 4px #323232;
text-align: justify;
}
.pre-footer .sheet .container {
margin: 20px; padding: 25px; background-color: rgba(250,250,250,.7); border-radius: 10px;
}
.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 {
margin: 17px 7px 7px 17px; height: 300px; width: 290px;
}
.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: 560px; background-color: transparent; border: none; overflow: hidden;
}
.row.first #jms-slideshow .jms-wrapper .step {
height: 490px; width: 1000px; background-repeat: no-repeat; background-size: auto 100%;
}
.row.second .cell {
height: 222px; width: 293px;
}
.row.second .cell.first {
margin: 7px 5px 7px 17px;
}
.row.second .cell.second {
margin: 7px 4px;
}
.row.second .cell.third {
margin: 7px 17px 7px 5px;
}
.row.third .cell.first {
margin: 7px 17px 17px 17px; height: 300px; width: 918px;
}
