Template:CSS/js-image-slider

From 2014.igem.org

(Difference between revisions)
Line 3: Line 3:
/* Common */
/* Common */
 +
 +
 +
.slider2{
 +
width:1032px;
 +
height:384px;
 +
position:absolute;
 +
left:300px;
 +
top:96px;
 +
background-image: url(https://static.igem.org/mediawiki/2014/8/89/Slide1.png);
 +
}
Line 18: Line 28:
margin:0 auto;
margin:0 auto;
overflow:hidden;
overflow:hidden;
-
width:960px;
+
width:1032px;
}
}
Line 24: Line 34:
#content-slider {
#content-slider {
width:100%;
width:100%;
-
height:400px;
+
height:384px;
margin:10px auto 0;
margin:10px auto 0;
}
}
Line 33: Line 43:
border-radius:24px;
border-radius:24px;
box-shadow:2px 2px 10px rgba(0,0,0,0.7);
box-shadow:2px 2px 10px rgba(0,0,0,0.7);
-
height:360px;
+
height:384px;
-
width:720px;
+
width:1032px;
margin:40px auto 0;
margin:40px auto 0;
overflow:hidden;
overflow:hidden;
Line 41: Line 51:
#mask {
#mask {
overflow:hidden;
overflow:hidden;
-
height:480px;
+
height:384px;
}
}
#slider ul {
#slider ul {
Line 49: Line 59:
}
}
#slider li {
#slider li {
-
width:720px;
+
width:1032px;
-
height:540px;
+
height:384px;
position:absolute;
position:absolute;
top:-325px;
top:-325px;

Revision as of 07:56, 13 September 2014

Retrieved from "http://2014.igem.org/Template:CSS/js-image-slider"