"
Team:UniSalento Lecce/css/slider.css
From 2013.igem.org
- slider, #carousel, #carousel > div {
width: 1000px; height: 350px; }
- slider {
margin-top: 20px; position: relative; }
- bg {
background-color: white; width: 998px; height: 270px; position: absolute; z-index: 1; top: 0; left: 0; border:1px solid #d5d5d5; border-radius: 7px; }
- carousel {
position: relative; z-index: 2; }
- carousel div {
position: relative; float: left; }
- carousel div > * {
position: absolute; }
- carousel img.img-front,
- carousel img.img-back{
box-shadow: 0 1px 10px #222; -moz-box-shadow: 0 1px 10px #222; -webkit-box-shadow: 0 1px 10px #222; border-radius:5px; }
- carousel img.img-front {
left: 70px; top: 30px; z-index: 4; }
- carousel img.img-back {
left: 300px; top: 60px; z-index: 3; }
- carousel h3 {
font-size: 32px; line-height:30px; font-weight: bold; color: #999; text-transform: uppercase; width: 300px; left: 615px; top: 60px; margin: 0; }
- carousel p {
color: #999; font-size: 16px; width: 275px; left: 615px; top: 130px; margin: 0; }
- carousel a {
color: #fff; font-size: 18px; text-decoration: none; text-align: center; line-height: 40px; outline: none; display: block; background-color: #a0a0a0; width: 175px; height: 40px; left: 615px; top: 250px; border-radius: 5px; }
- carousel a:hover {
background-color: #777; }
- prev, #next {
position: absolute; top: 100px; z-index: 10; }
- prev span, #next span {
width: 41px; height: 80px; display: block; position: absolute; top: 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
- prev {
left: -80px; }
- prev span {
background: url(
);
left: 30px;
}
- prev:hover span {
left: 26px; }
- next {
right: -80px; }
- next span {
background: url(
);
right: 30px;
}
- next:hover span {
right: 26px; } .carousel_team { width: 866px; height: 400px; overflow: hidden; } .carousel_protocols { width: 866px; height: 280px; overflow: hidden; }
