Team:UCLA/anuved verma ucla2014 workspace/CSS

From 2014.igem.org

(Difference between revisions)
 
(64 intermediate revisions not shown)
Line 472: Line 472:
     overflow: hidden;
     overflow: hidden;
     z-index: 0;
     z-index: 0;
 +
    background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');
}
}
.slider .slider_left{
.slider .slider_left{
Line 539: Line 540:
<style type="text/css">
<style type="text/css">
.page_header{
.page_header{
-
     position:absolute;
+
     position: absolute;
-
     background-color:black;
+
     background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');
-
     width:100%;
+
     width: 100%;
-
     height:50%;
+
     height: 70%;
 +
    z-index: 0;
 +
}
 +
.page_header .page_header_box{
 +
    position: absolute;
 +
    overflow: hidden;
 +
    z-index: 0;
 +
}
 +
#box1{
 +
    background-color:#0A64A4;
 +
    width:20%;
 +
    height:80%;
 +
    top:10%;
 +
    left:10%;
 +
    opacity: 0.5;
 +
}
 +
#box2{
 +
    background-color:#0A64A4;
 +
    width:20%;
 +
    height:80%;
 +
    top:10%;
 +
    left:30%;
 +
    opacity: 0.5;
 +
}
 +
#box3{
 +
    background-color:#0A64A4;
 +
    width:20%;
 +
    height:80%;
 +
    top:10%;
 +
    left:50%;
 +
    opacity: 0.5;
 +
}
 +
#box4{
 +
    background-color:#0A64A4;
 +
    width:20%;
 +
    height:80%;
 +
    top:10%;
 +
    left:70%;
 +
    opacity: 0.5;
 +
}
 +
</style>
 +
 
 +
 
 +
<!--CONTENT SECTIONS-->
 +
<style type="text/css">
 +
.content_container{
 +
    position: absolute;
 +
    background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');
 +
    /*top: 85%;*/
 +
    width: 99%;
 +
    padding: 0 0 0 0;
 +
    margin: auto;
 +
    margin-bottom: 50px;
 +
    border-radius: 0px;
 +
    z-index: -1;
 +
}
 +
 
 +
.page_content{
 +
    position: relative;
 +
    background-color: #FFFFCC;
 +
    width: 99%;
 +
    padding: 0 0 0 0;
 +
    margin: auto;
 +
    margin-bottom: 20px;
 +
    border-radius: 25px;
 +
    z-index: -1;
 +
}
 +
.content_subsection{
 +
    position: relative;
 +
    width: 85%;
 +
    padding: 10px 10px 10px 10px;
 +
    margin: auto;
}
}
</style>
</style>
</html>
</html>

Latest revision as of 04:28, 22 September 2014