"

From 2013.igem.org

Revision as of 09:57, 5 August 2013 (view source) Mattcrow (Talk | contribs) (Created page with "#slider, #carousel, #carousel > div { width: 1000px; height: 350px; } #slider { margin-top: 20px; position: relative; } #bg { background-color: white; width: 998px; heigh...") ← Older edit		Latest revision as of 16:59, 4 October 2013 (view source) Mattcrow (Talk | contribs)
Line 124:		Line 124:
	width: 866px;		width: 866px;
	height: 400px;		height: 400px;
		+	overflow: hidden;
		+	}
		+	.carousel_protocols {
		+	width: 866px;
		+	height: 280px;
	overflow: hidden;		overflow: hidden;
	}		}

---

Latest revision as of 16:59, 4 October 2013

1. slider, #carousel, #carousel > div {

width: 1000px; height: 350px; }

1. slider {

margin-top: 20px; position: relative; }

1. bg {

background-color: white; width: 998px; height: 270px; position: absolute; z-index: 1; top: 0; left: 0; border:1px solid #d5d5d5; border-radius: 7px; }

1. carousel {

position: relative; z-index: 2; }

1. carousel div {

position: relative; float: left; }

1. carousel div > * {

position: absolute; }

1. carousel img.img-front,
2. 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; }

1. carousel img.img-front {

left: 70px; top: 30px; z-index: 4; }

1. carousel img.img-back {

left: 300px; top: 60px; z-index: 3; }

1. carousel h3 {

font-size: 32px; line-height:30px; font-weight: bold; color: #999; text-transform: uppercase; width: 300px; left: 615px; top: 60px; margin: 0; }

1. carousel p {

color: #999; font-size: 16px; width: 275px; left: 615px; top: 130px; margin: 0; }

1. 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; }

1. carousel a:hover {

background-color: #777; }

1. prev, #next {

position: absolute; top: 100px; z-index: 10; }

1. 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; }

1. prev {

left: -80px; }

1. prev span {

background: url(); left: 30px; }

1. prev:hover span {

left: 26px; }

1. next {

right: -80px; }

1. next span {

background: url(); right: 30px; }

1. next:hover span {

right: 26px; } .carousel_team { width: 866px; height: 400px; overflow: hidden; } .carousel_protocols { width: 866px; height: 280px; overflow: hidden; }