Team:UCLA/Aal/Csstemplate

From 2014.igem.org

(Difference between revisions)
 
(38 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
.container{
 +
width:800px;
 +
height:400px;
 +
padding:20px;
 +
border:1px solid gray;
 +
-webkit-box-sizing:border-box;
 +
-moz-box-sizing:border-box;
 +
box-sizing:border-box;
 +
background: black;
 +
}
 +
.slider_wrapper{
 +
overflow: hidden;
 +
position:relative;
 +
height:280px;
 +
top:auto;
 +
}
 +
#image_slider{
 +
 +
position: relative;
 +
height: auto;
 +
list-style: none;
 +
overflow: hidden;
 +
float: left;
 +
/*Chrom default padding for ul is 40px */
 +
padding:0px;
 +
margin:0px;
 +
}
 +
#image_slider li{
 +
position: relative;
 +
float: left;
 +
}
 +
.nvgt{
 +
position:absolute;
 +
top: 120px;
 +
height: 50px;
 +
width: 30px;
 +
opacity: 0.6;
 +
}
 +
.nvgt:hover{
 +
opacity: 0.9;
 +
}
 +
#prev{
 +
background: #000 url('https://dl.dropboxusercontent.com/u/65639888/image/prev.png') no-repeat center;
 +
left: 0px;
 +
}
 +
#next{
 +
background: #000 url('https://dl.dropboxusercontent.com/u/65639888/image/next.png') no-repeat center;
 +
right: 0px;
 +
}
 +
 +
 +
 +
 +
.test{
.test{
background-color:red;
background-color:red;
Line 48: Line 102:
background-color:blue;
background-color:blue;
}
}
-
.banner_area img
+
.spiderbutton{
-
{
+
position: fixed;
-
    display:none;
+
top: 550px;
-
    position: fixed;
+
left: 1200px;
-
    right: 100px;
+
z-index: 0;
-
    top: 600px;
+
-
    width: 10px;
+
-
    height: 10px;
+
}
}
-
.banner_area img:first-child
+
.spiderline{
-
{
+
position: fixed;
-
    display:block;
+
left:896px;
 +
top: -95px;
 +
z-index: -1;
}
}
-
.banner_area > img /* Use this to resize all image's container */
+
.spiderweb{
-
{
+
position: fixed;
-
    width:100px;
+
right: 0px;
-
    height:50px;
+
top: 0px;
 +
z-index:1;
}
}
-
#slides-container{
 
-
width: 100%;
 
-
height:100%;
 
-
}
 
-
#slides{
 
-
position:fixed;
 
-
background-color:red;
 
-
width:200px;
 
-
height:100px;
 
-
top:100px;
 
-
height:100px;
 
-
}
 
-
.slide {
 
-
    position: absolute;
 
-
    top:0px;
 
-
    left:0px;
 
-
    width:50%;
 
-
    height:50%;
 
-
}
 
-
 
</style>
</style>
</html>
</html>

Latest revision as of 23:36, 8 September 2014

Retrieved from "http://2014.igem.org/Team:UCLA/Aal/Csstemplate"