Team:UCLA/Template/CSS

From 2014.igem.org

(Difference between revisions)
 
(22 intermediate revisions not shown)
Line 596: Line 596:
     position: relative;
     position: relative;
     width: 1150px;
     width: 1150px;
-
     height: 350px;
+
     height: 400px;
     margin: auto;
     margin: auto;
     overflow: hidden;
     overflow: hidden;
Line 616: Line 616:
     width: 100%;
     width: 100%;
     height: 200px;
     height: 200px;
-
     top: 25%;
+
     top: 27%;
     left: 10px;
     left: 10px;
}
}
Line 633: Line 633:
     width: 100%;
     width: 100%;
     height: 200px;
     height: 200px;
-
     top: 25%;
+
     top: 27%;
     left: -10px;
     left: -10px;
}
}
Line 642: Line 642:
   float: left;
   float: left;
   width: 1150px;
   width: 1150px;
-
   height: 350px;
+
   height: 400px;
}
}
.hpslider .hpslider_imgs #slide1{
.hpslider .hpslider_imgs #slide1{
Line 653: Line 653:
.hpslider .hpslider_imgs #slide2{
.hpslider .hpslider_imgs #slide2{
   float: left;
   float: left;
-
     background-image:url('http://2014.igem.org/wiki/images/8/81/Classroom.JPG');
+
     background-image:url('http://2014.igem.org/wiki/images/f/fa/Cocoons.JPG');
     background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
-
    background-position: 0% 50%;
 
}
}
.hpslider .hpslider_imgs #slide3{
.hpslider .hpslider_imgs #slide3{
-
  float: left;
 
-
    background-image:url('http://2014.igem.org/wiki/images/f/fa/Cocoons.JPG');
 
-
    background-size: cover;
 
-
    background-repeat: no-repeat;
 
-
}
 
-
.hpslider .hpslider_imgs #slide4{
 
-
  float: left;
 
-
    background-image:url('http://2014.igem.org/wiki/images/f/fd/Uclateam.JPG');
 
-
    background-size: cover;
 
-
    background-repeat: no-repeat;
 
-
    background-position: 0% 65%;
 
-
}
 
-
.hpslider .hpslider_imgs #slide5{
 
   float: left;
   float: left;
     background-image:url('http://2014.igem.org/wiki/images/2/28/Fahrion_UCLA_iGEM_statement.JPG');
     background-image:url('http://2014.igem.org/wiki/images/2/28/Fahrion_UCLA_iGEM_statement.JPG');
Line 678: Line 664:
     background-position: 0% 65%;
     background-position: 0% 65%;
}
}
-
.hpslider .hpslider_imgs #slide6{
+
.hpslider .hpslider_imgs #slide4{
   float: left;
   float: left;
     background-image:url('http://2014.igem.org/wiki/images/9/96/Fahrion_Non_Fluoresce.JPG');
     background-image:url('http://2014.igem.org/wiki/images/9/96/Fahrion_Non_Fluoresce.JPG');
Line 685: Line 671:
     background-position: 0% 65%;
     background-position: 0% 65%;
}
}
-
.hpslider .hpslider_imgs #slide7{
+
.hpslider .hpslider_imgs #slide5{
   float: left;
   float: left;
     background-image:url('http://2014.igem.org/wiki/images/b/b3/Fahrion_Blue_Fluoresce_side.JPG');
     background-image:url('http://2014.igem.org/wiki/images/b/b3/Fahrion_Blue_Fluoresce_side.JPG');
Line 692: Line 678:
     background-position: 0% 65%;
     background-position: 0% 65%;
}
}
-
.hpslider .hpslider_imgs #slide8{
+
.hpslider .hpslider_imgs #slide6{
   float: left;
   float: left;
     background-image:url('http://2014.igem.org/wiki/images/4/4c/Fahrion_process_Anuved_Dewal.JPG');
     background-image:url('http://2014.igem.org/wiki/images/4/4c/Fahrion_process_Anuved_Dewal.JPG');
     background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
-
     background-position: 0% 65%;
+
     background-position: 0% 40%;
}
}
-
.hpslider .hpslider_imgs #slide9{
+
.hpslider .hpslider_imgs #slide7{
   float: left;
   float: left;
     background-image:url('http://2014.igem.org/wiki/images/9/95/Fahrion_Process_full.JPG');
     background-image:url('http://2014.igem.org/wiki/images/9/95/Fahrion_Process_full.JPG');
     background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
-
     background-position: 0% 65%;
+
     background-position: 10% 50%;
}
}
-
.hpslider .hpslider_imgs #slide10{
+
.hpslider .hpslider_imgs #slide8{
   float: left;
   float: left;
     background-image:url('http://2014.igem.org/wiki/images/f/f4/Fahrion_full_nonfluoresce.JPG');
     background-image:url('http://2014.igem.org/wiki/images/f/f4/Fahrion_full_nonfluoresce.JPG');
     background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
-
     background-position: 0% 65%;
+
     background-position: 0% 30%;
}
}
-
.hpslider .hpslider_imgs #slide11{
+
.hpslider .hpslider_imgs #slide9{
   float: left;
   float: left;
     background-image:url('http://2014.igem.org/wiki/images/5/58/Fahrion_Group.JPG');
     background-image:url('http://2014.igem.org/wiki/images/5/58/Fahrion_Group.JPG');
     background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
-
     background-position: 0% 65%;
+
     background-position: 0% 45%;
}
}
-
.hpslider .hpslider_imgs #slide12{
+
.hpslider .hpslider_imgs #slide10{
   float: left;
   float: left;
     background-image:url('http://2014.igem.org/wiki/images/b/be/Fahrion_David_Discussion.JPG');
     background-image:url('http://2014.igem.org/wiki/images/b/be/Fahrion_David_Discussion.JPG');
     background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
-
     background-position: 0% 65%;
+
     background-position: 0% 40%;
}
}
-
.hpslider .hpslider_imgs #slide13{
+
.hpslider .hpslider_imgs #slide11{
   float: left;
   float: left;
     background-image:url('http://2014.igem.org/wiki/images/5/59/Fahrion_Process_Aal.JPG');
     background-image:url('http://2014.igem.org/wiki/images/5/59/Fahrion_Process_Aal.JPG');
     background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
-
     background-position: 0% 65%;
+
     background-position: 0% 40%;
}
}
-
.hpslider .hpslider_imgs #slide14{
+
.hpslider .hpslider_imgs #slide12{
   float: left;
   float: left;
     background-image:url('http://2014.igem.org/wiki/images/f/fa/Cocoons.JPG');
     background-image:url('http://2014.igem.org/wiki/images/f/fa/Cocoons.JPG');
Line 741: Line 727:
     background-position: 0% 65%;
     background-position: 0% 65%;
}
}
-
.hpslider .hpslider_imgs #slide15{
+
.hpslider .hpslider_imgs #slide13{
   float: left;
   float: left;
     background-image:url('http://2014.igem.org/wiki/images/e/ef/Fahrion_Blue_Straight.JPG');
     background-image:url('http://2014.igem.org/wiki/images/e/ef/Fahrion_Blue_Straight.JPG');
Line 748: Line 734:
     background-position: 0% 65%;
     background-position: 0% 65%;
}
}
-
.hpslider .hpslider_imgs #slide16{
+
.hpslider .hpslider_imgs #slide14{
   float: left;
   float: left;
     background-image:url('http://2014.igem.org/wiki/images/6/62/Fahrion_Process_Observers.JPG');
     background-image:url('http://2014.igem.org/wiki/images/6/62/Fahrion_Process_Observers.JPG');
     background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
-
     background-position: 0% 65%;
+
     background-position: 0% 50%;
}
}
-
.hpslider .hpslider_imgs #slide17{
+
.hpslider .hpslider_imgs #slide15{
-
  float: left;
+
-
    background-image:url('http://2014.igem.org/wiki/images/f/fd/Uclateam.JPG');
+
-
    background-size: cover;
+
-
    background-repeat: no-repeat;
+
-
    background-position: 0% 65%;
+
-
}
+
-
.hpslider .hpslider_imgs #slide18{
+
   float: left;
   float: left;
     background-image:url('http://2014.igem.org/wiki/images/5/57/Fahrion_Historical_Wall.JPG');
     background-image:url('http://2014.igem.org/wiki/images/5/57/Fahrion_Historical_Wall.JPG');
     background-size: cover;
     background-size: cover;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
-
     background-position: 0% 65%;
+
     background-position: 0% 45%;
}
}
</style>
</style>
Line 824: Line 803:
     left:70%;
     left:70%;
     opacity: 0.5;
     opacity: 0.5;
 +
}
 +
</style>
 +
 +
 +
<!--HP PAGE HEADERS-->
 +
<style type="text/css">
 +
.hppage_header{
 +
    position: absolute;
 +
    background-image: url('http://2014.igem.org/wiki/images/b/b3/Debut_dark.png');
 +
    width: 100%;
 +
    height: 475px;
 +
    z-index: 0;
 +
    margin-bottom: 200px;
 +
}
 +
.hppage_header .hppage_header_box{
 +
    position: absolute;
 +
    overflow: hidden;
 +
    z-index: 0;
}
}
</style>
</style>

Latest revision as of 02:41, 18 October 2014