Team:Columbia-Cooper-NYC/trial9

From 2012.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 165: Line 165:
</head>
</head>
</html>
</html>
 +
 +
 +
Line 209: Line 212:
}
}
.lof-main-outer{
.lof-main-outer{
-
position:relative;f
+
position:relative;
-
height:100%;
+
height:340px;
-
width:900px;
+
width:760px;
z-index:3px;
z-index:3px;
overflow:hidden;
overflow:hidden;
Line 221: Line 224:
z-index:100px;
z-index:100px;
position:absolute;
position:absolute;
-
bottom:55px;
+
top:0;
left:0px;
left:0px;
background:url(https://static.igem.org/mediawiki/2011/e/eb/IGEM_HokkaidoU_Index_Slideshow_Bg_trans.png);
background:url(https://static.igem.org/mediawiki/2011/e/eb/IGEM_HokkaidoU_Index_Slideshow_Bg_trans.png);
-
height:1.5em;
+
/*height:20px;*/
 +
width:100%;
/* filter:0.7(opacity:60) */
/* filter:0.7(opacity:60) */
-
padding:10px;
+
padding:12px;
overflow: hidden;
overflow: hidden;
}
}
Line 244: Line 248:
.lof-main-item-desc h2{
.lof-main-item-desc h2{
padding:0;
padding:0;
-
margin:15px 0 0 0;
+
margin:0;
color: #fff;
color: #fff;
border-bottom: none;
border-bottom: none;
Line 293: Line 297:
padding:0px;
padding:0px;
}
}
 +
 +
 +
 +
 +
 +
 +
/* item navigator */
/* item navigator */
.lof-navigator-wapper {
.lof-navigator-wapper {
position:absolute;
position:absolute;
bottom:10px;
bottom:10px;
-
right:10px;
+
left:10px;
 +
width:740px;
 +
height:40px;
background:url(https://static.igem.org/mediawiki/2011/b/b8/IGEM_HokkaidoU_Index_Slideshow_Transparent_bg.png) repeat;
background:url(https://static.igem.org/mediawiki/2011/b/b8/IGEM_HokkaidoU_Index_Slideshow_Transparent_bg.png) repeat;
-
padding:5px 0px;
+
padding:5px 0 0 5px;
}
}
.lof-navigator-outer{
.lof-navigator-outer{
position:relative;
position:relative;
z-index:100;
z-index:100;
-
height:180px;
+
/*height:60px;
-
width:310px;
+
width:780px;*/
overflow:hidden;
overflow:hidden;
color:#FFF;
color:#FFF;
-
float:left
+
/*float:left */
}
}
ul.lof-navigator{
ul.lof-navigator{
Line 314: Line 327:
padding:0;
padding:0;
margin:0;
margin:0;
-
position:absolute;
+
/*position:absolute;
-
width:100%;
+
width:600px;*/
}
}
ul.lof-navigator li{
ul.lof-navigator li{
Line 363: Line 376:
#hokkaidou-container{
#hokkaidou-container{
-
     width: 980px;
+
     width: 780px;
     margin: 0 auto;
     margin: 0 auto;
     padding: 0;
     padding: 0;
Line 381: Line 394:
             #hokkaidou-content #hokkaidou-right-content
             #hokkaidou-content #hokkaidou-right-content
             {
             {
-
                 float: right;
+
                 /*float: right;
-
                 width: 680px;
+
                 width: 680px; */
             }
             }
         </style>
         </style>
Line 451: Line 464:
                             </div>
                             </div>
                         </div>
                         </div>
-
                         <div class="lof-main-outer" style="width: 900px; height: 340px;">
+
                         <div class="lof-main-outer">
-
                             <ul style="left: -4200px; width: 6300px;" class="lof-main-wapper">
+
                             <ul class="lof-main-wapper">
                                 <li>
                                 <li>
                                     <img src="http://farm9.staticflickr.com/8456/8049457082_5814030096_b.jpg">
                                     <img src="http://farm9.staticflickr.com/8456/8049457082_5814030096_b.jpg">
Line 505: Line 518:
                         </div>
                         </div>
                         <div class="lof-navigator-wapper">
                         <div class="lof-navigator-wapper">
-
                             <div style="width: 320px; height: 32px;" class="lof-navigator-outer">
+
                             <div class="lof-navigator-outer">
-
                                 <ul style="width: 54px; left: -160px;" class="lof-navigator">
+
 
 +
 
 +
                                 <ul class="lof-navigator">
                                     <li class="" style="height: 32px; width: 80px;">
                                     <li class="" style="height: 32px; width: 80px;">
                                         <img src="http://farm9.staticflickr.com/8181/8049658043_cffa2b28e0_t.jpg">
                                         <img src="http://farm9.staticflickr.com/8181/8049658043_cffa2b28e0_t.jpg">
Line 529: Line 544:
                                     </li>
                                     </li>
                                 </ul>
                                 </ul>
 +
 +
                             </div>
                             </div>
                         </div>
                         </div>

Latest revision as of 13:58, 3 October 2012





  • Columbia & Cooper 2012 Team

  • Columbia University

  • The Cooper Union for the Advancement of Science and Art

  • Genetics

  • Copper Etching

  • The Effects of A. ferrooxidans

  • Maker Faire (Copyright © Andrew Cribb)