Template:CSS/js-image-slider

From 2014.igem.org

(Difference between revisions)
 
(40 intermediate revisions not shown)
Line 5: Line 5:
-
.content h1 {
+
.slider2{
-
font-size:48px;
+
width:1032px;
-
color:#000;
+
height:384px;
-
text-shadow:0px 10px 10px #4796ff;
+
position:absolute;
-
text-align:center;
+
left:300px;
-
alignment-adjust:middle;
+
top:96px;
-
padding:60px 0 30px;
+
 
}
}
 +
 +
/* LAYOUT */
/* LAYOUT */
-
.container {
+
.container3 {
margin:0 auto;
margin:0 auto;
overflow:hidden;
overflow:hidden;
-
width:960px;
+
width:1032px;
 +
height:384px;
 +
position:absolute;
 +
top:0px;
 +
left:0px;
}
}
/* CONTENT SLIDER */
/* CONTENT SLIDER */
#content-slider {
#content-slider {
-
width:100%;
+
width:100%;
-
height:320px;
+
height:384px;
-
margin:10px auto 0;
+
position:absolute;
 +
top:0px;
 +
left:0px;
 +
}
}
/* SLIDER */
/* SLIDER */
#slider {
#slider {
-
background:#000;
+
-
border:5px solid #4796ff;
+
-
border-radius:8px;
+
height:384px;
-
box-shadow:1px 1px 5px rgba(0,0,0,0.7);
+
width:1032px;
-
height:320px;
+
-
width:680px;
+
margin:40px auto 0;
margin:40px auto 0;
-
overflow:visible;
+
overflow:hidden;
-
position:relative;
+
position:absolute;
 +
top:-50px;
 +
left:0px;
 +
}
}
#mask {
#mask {
overflow:hidden;
overflow:hidden;
-
height:360px;
+
height:384px;
 +
 
}
}
#slider ul {
#slider ul {
Line 49: Line 60:
}
}
#slider li {
#slider li {
-
width:680px;
+
width:1032px;
-
height:400px;
+
height:384px;
position:absolute;
position:absolute;
-
top:-325px;
 
list-style:none;
list-style:none;
}
}

Latest revision as of 11:15, 13 September 2014

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