Team:UCLA/Aal/Csstemplate

From 2014.igem.org

(Difference between revisions)
 
(16 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 52: Line 106:
top: 550px;
top: 550px;
left: 1200px;
left: 1200px;
 +
z-index: 0;
}
}
.spiderline{
.spiderline{
position: fixed;
position: fixed;
-
left:130px;
+
left:896px;
-
top: 10px
+
top: -95px;
 +
z-index: -1;
 +
}
 +
.spiderweb{
 +
position: fixed;
 +
right: 0px;
 +
top: 0px;
 +
z-index:1;
}
}
</style>
</style>
</html>
</html>

Latest revision as of 23:36, 8 September 2014