Template:CSS/js-image-slider

From 2014.igem.org

(Difference between revisions)
 
(17 intermediate revisions not shown)
Line 11: Line 11:
left:300px;
left:300px;
top:96px;
top:96px;
-
background-image: url(https://static.igem.org/mediawiki/2014/8/89/Slide1.png);
+
 
}
}
-
.content h1 {
 
-
font-size:48px;
 
-
color:#000;
 
-
text-shadow:0px 10px 10px #4796ff;
 
-
text-align:center;
 
-
alignment-adjust:middle;
 
-
padding:60px 0 30px;
 
-
}
 
/* LAYOUT */
/* LAYOUT */
Line 29: Line 21:
overflow:hidden;
overflow:hidden;
width:1032px;
width:1032px;
-
position:relative;
+
height:384px;
 +
position:absolute;
top:0px;
top:0px;
left:0px;
left:0px;
Line 36: Line 29:
/* CONTENT SLIDER */
/* CONTENT SLIDER */
#content-slider {
#content-slider {
-
width:100%;
+
width:100%;
-
height:384px;
+
height:384px;
 +
position:absolute;
 +
top:0px;
 +
left:0px;
}
}
/* SLIDER */
/* SLIDER */
#slider {
#slider {
-
background:#000;
+
height:384px;
height:384px;
Line 48: Line 44:
margin:40px auto 0;
margin:40px auto 0;
overflow:hidden;
overflow:hidden;
-
position:relative;
+
position:absolute;
 +
top:-50px;
 +
left:0px;
 +
}
}
#mask {
#mask {
overflow:hidden;
overflow:hidden;
height:384px;
height:384px;
 +
}
}
#slider ul {
#slider ul {
Line 63: Line 63:
height:384px;
height:384px;
position:absolute;
position:absolute;
-
top:0px;
 
list-style:none;
list-style:none;
}
}

Latest revision as of 11:15, 13 September 2014