Team:Penn

From 2013.igem.org

(Difference between revisions)
Line 60: Line 60:
     -------------------------------------------------- */
     -------------------------------------------------- */
-
    /* Carousel base class */
+
 
-
    .carousel .container {
+
-
      position: relative;
+
-
      z-index: 9;
+
-
    }
+
     .carousel-control {
     .carousel-control {
Line 74: Line 70:
       border: 0;
       border: 0;
       z-index: 10;
       z-index: 10;
-
    }
 
-
 
-
  .carousel .item {
 
-
        height: 500px;
 
     }
     }
      
      
-
    .carousel img {
+
.carousel img {
-
      position: absolute;
+
  min-width: 100%;
-
      top: -100px;
+
}
-
      left: 0;
+
 
-
      min-width: 100%;
+
      
-
 
+
 
-
     }
+
     .carousel-caption {
     .carousel-caption {
-
       background-color: rgba(0,0,0,.4);
+
       background-color: rgba(0,0,0,.3);
-
    position: static;
+
-
      max-width: 500px;
+
-
      padding: 5 20px;
+
-
      margin-top: 250px;
+
     }
     }
      
      
Line 104: Line 91:
     }
     }
      
      
-
    .carousel-caption .btn {
 
-
      margin-top: 0px;
 
-
    }
 
Line 112: Line 96:
/*Position/size hero unit*/
/*Position/size hero unit*/
.hero-unit {
.hero-unit {
-
     width: 300px;
+
     width: 475px;
     float: left;
     float: left;
     margin-left: 50px;
     margin-left: 50px;
}
}
 +
.hero-unit p {
 +
  font-size: 13px;
 +
}
 +
 +
#logo {
 +
  height: 45px;
 +
  float: right;
 +
  margin-right: -250px;
 +
}
     </style>
     </style>
   </head>
   </head>
Line 164: Line 157:
                   </ul>
                   </ul>
                 </li>
                 </li>
 +
                <li><img id = "logo" src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png"></li>
               </ul>
               </ul>
             </div><!--/.nav-collapse -->
             </div><!--/.nav-collapse -->
Line 176: Line 170:
       <div class="carousel-inner">
       <div class="carousel-inner">
         <div class="item active">
         <div class="item active">
-
           <img src="https://googledrive.com/host/0B4ZBZOYYKBzES3Jrc042WTlMR3c/" alt="">
+
           <img src="https://googledrive.com/host/0B4ZBZOYYKBzES3Jrc042WTlMR3c/" alt="" style="top:0px;">
           <div class="container">
           <div class="container">
             <div class="carousel-caption">
             <div class="carousel-caption">
Line 216: Line 210:
     <div class="two">
     <div class="two">
         <div class="hero-unit">
         <div class="hero-unit">
-
   <h1>The project</h1>
+
   <h1>Accomplishments</h1>
-
   <p>A brief overview</p>
+
  <br/>
-
  <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
+
   <p><a href="">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</a></p>
-
    <a class="btn btn-primary btn-large">
+
  <p><a href="">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</a></p>
-
      Learn more
+
  <p><a href="">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</a></p>
-
    </a>
+
  <p><a href="">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus.</a></p>
-
  </p>
+
</div>
</div>
</div>
</div>
Line 299: Line 292:
             });*/
             });*/
          
          
-
         /*Temporary toggle that doesn't really work*/
+
         /*Temporary toggle that doesn't really work
         var t = 2;
         var t = 2;
           $("td").click(function(){
           $("td").click(function(){
Line 312: Line 305:
             }
             }
             });
             });
-
            
+
           */
            
            

Revision as of 19:13, 15 July 2013

Homepage