Template:CSS/js-image-slider

From 2014.igem.org

(Difference between revisions)
 
(22 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 */
-
.container {
+
.container3 {
margin:0 auto;
margin:0 auto;
overflow:hidden;
overflow:hidden;
width:1032px;
width:1032px;
 +
height:384px;
 +
position:absolute;
 +
top:0px;
 +
left:0px;
}
}
/* CONTENT SLIDER */
/* CONTENT SLIDER */
#content-slider {
#content-slider {
-
width:100%;
+
width:100%;
-
height:384px;
+
height:384px;
-
margin:10px auto 0;
+
position:absolute;
 +
top:0px;
 +
left:0px;
 +
}
}
/* SLIDER */
/* SLIDER */
#slider {
#slider {
-
background:#000;
+
-
border:12px solid #4796ff;
+
-
border-radius:24px;
+
-
box-shadow:2px 2px 10px rgba(0,0,0,0.7);
+
height:384px;
height:384px;
width:1032px;
width:1032px;
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 62: Line 63:
height:384px;
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"