Team:UCLA/anuved verma ucla2014 workspace/CSS

From 2014.igem.org

(Difference between revisions)
Line 464: Line 464:
<style type="text/css">
<style type="text/css">
.slider{
.slider{
-
width:800px;
+
    position: relative;
-
height:350px;
+
    background-color:blue;
-
overflow:hidden;
+
    width: 500px;
-
margin:0px auto;
+
    height: 200px;
-
background-image:url("https://2014.igem.org/File:Loader.gif");
+
    margin: auto;
-
background-repeat:no-repeat;
+
-
background-position:center;
+
-
position: relative;
+
-
}
+
-
.slider img{
+
-
width:800px;
+
-
height:350px;
+
-
display:none;
+
-
}
+
-
.slider_nav{
+
-
width:800px;
+
-
margin:0 auto;
+
-
position:relative;
+
-
top:-200px;
+
-
z-index:10;
+
-
}
+
-
.shadow{
+
-
background-image:url("https://2014.igem.org/File:Slider-shadow.jpg");
+
-
background-repeat:no-repeat;
+
-
background-position:top;
+
-
width:864px;
+
-
height:144px;
+
-
margin:0px auto;
+
}
}
-
#container {
 
-
    width: 100px;
 
-
    height: 100px;
 
-
    position: relative;
 
-
}
 
-
 
-
#navi,
 
-
#infoi {
 
-
    width: 100%;
 
-
    height: 100%;
 
-
    position: absolute;
 
-
    top: 0;
 
-
    left: 0;
 
-
}
 
-
 
-
#infoi {
 
-
    z-index: 10;
 
-
}
 
</style>
</style>
</html>
</html>

Revision as of 06:33, 20 September 2014

Retrieved from "http://2014.igem.org/Team:UCLA/anuved_verma_ucla2014_workspace/CSS"