Template:CSS/SliderofTheme2

From 2014.igem.org

(Difference between revisions)
(Created page with "<html> <style rel='stylesheet' type='text/css'> /* Common */ .slider2_theme2{ width:1032px; height:384px; position:absolute; left:300px; top:96px; } - →LAYOUT: .containe...")
 
(18 intermediate revisions not shown)
Line 6: Line 6:
.slider2_theme2{
.slider2_theme2{
-
width:1032px;
+
width:100%;
-
height:384px;
+
height:520px;
position:absolute;
position:absolute;
-
left:300px;
+
left:0px;
top:96px;
top:96px;
Line 18: Line 18:
/* LAYOUT */
/* LAYOUT */
.container3 {
.container3 {
-
margin:0 auto;
+
margin:0 auto;
-
overflow:hidden;
+
overflow:hidden;
-
width:1032px;
+
width:100%;
-
height:384px;
+
height:100%;
position:absolute;
position:absolute;
top:0px;
top:0px;
Line 30: Line 30:
#content-slider {
#content-slider {
width:100%;
width:100%;
-
height:384px;
+
height:100%;
position:absolute;
position:absolute;
top:0px;
top:0px;
Line 38: Line 38:
/* SLIDER */
/* SLIDER */
#slider {
#slider {
-
+
height:100%;
-
+
width:100%;
-
height:384px;
+
margin:40px auto 0;
-
width:1032px;
+
overflow:hidden;
-
margin:40px auto 0;
+
-
overflow:hidden;
+
position:absolute;
position:absolute;
top:-50px;
top:-50px;
Line 50: Line 48:
}
}
#mask {
#mask {
-
overflow:hidden;
+
-
height:384px;
+
height:100%;
 +
width:100%;
}
}
Line 60: Line 59:
}
}
#slider li {
#slider li {
-
width:1032px;
+
width:100%;
-
height:384px;
+
height:100%;
position:absolute;
position:absolute;
list-style:none;
list-style:none;

Latest revision as of 17:45, 10 October 2014

Retrieved from "http://2014.igem.org/Template:CSS/SliderofTheme2"