Team:Columbia-Cooper-NYC/trial

From 2012.igem.org

(Difference between revisions)
Line 3: Line 3:
     <script type="text/javascript" src="http://2011.igem.org/wiki/images/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script>
     <script type="text/javascript" src="http://2011.igem.org/wiki/images/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script>
-
 
+
     <link rel="Stylesheet" href="http://2012.igem.org/wiki/images/2/29/Igem_slider_styles.txt" />
-
     <style type="text/css">
+
-
       
+
-
       
+
-
/*       
+
-
@charset "utf-8";
+
-
 
+
-
 
+
-
CSS Document */
+
-
 
+
-
.lof-slidecontent, .lof-slidecontent a {
+
-
color:#FFF;
+
-
}
+
-
.lof-slidecontent a.readmore{
+
-
color:#58B1EA;
+
-
font-size:95%;
+
-
+
-
}
+
-
.lof-slidecontent{
+
-
position:relative;
+
-
overflow:hidden;
+
-
border:#F4F4F4 solid 1px;
+
-
margin: 0 auto 30px auto;
+
-
border-radius: 4px;
+
-
}
+
-
.lof-slidecontent .preload{
+
-
height:100%;
+
-
width:100%;
+
-
position:absolute;
+
-
top:0;
+
-
left:0;
+
-
z-index:100000;
+
-
text-align:center;
+
-
background:#FFF
+
-
}
+
-
.lof-slidecontent .preload div{
+
-
height:100%;
+
-
width:100%;
+
-
background:transparent url(http://2011.igem.org/wiki/images/5/5d/IGEM_HokkaidoU_Index_Slideshow_Load-indicator.gif) no-repeat scroll 50% 50%;
+
-
}
+
-
.lof-main-outer{
+
-
position:relative;
+
-
height:340px;
+
-
width:760px;
+
-
z-index:3px;
+
-
overflow:hidden;
+
-
}
+
-
 
+
-
 
+
-
/*******************************************************/
+
-
.lof-main-item-desc{
+
-
z-index:100px;
+
-
position:absolute;
+
-
top:0;
+
-
left:0px;
+
-
background:url(http://2011.igem.org/wiki/images/e/eb/IGEM_HokkaidoU_Index_Slideshow_Bg_trans.png);
+
-
/*height:20px;*/
+
-
width:100%;
+
-
/* filter:0.7(opacity:60) */
+
-
padding:12px;
+
-
overflow: hidden;
+
-
}
+
-
.lof-main-item-desc p{
+
-
margin:0 8px;
+
-
padding:0 0;
+
-
font-size: small;
+
-
line-height: 1.2em;
+
-
}
+
-
.lof-main-item-desc h3{
+
-
padding:0;
+
-
margin:0;
+
-
color: #fff;
+
-
font-size: small;
+
-
border-left: none;
+
-
}
+
-
.lof-main-item-desc h2{
+
-
padding:0;
+
-
margin:0;
+
-
color: #fff;
+
-
border-bottom: none;
+
-
font-weight:bold;
+
-
}
+
-
.lof-main-item-desc h3 a{
+
-
margin:0;
+
-
background:#C01F25;
+
-
font-size:75%;
+
-
padding:2px 3px;
+
-
font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
+
-
text-transform:uppercase;
+
-
text-decoration:none
+
-
}
+
-
.lof-main-item-desc h3 a:hover{
+
-
 
+
-
text-decoration:underline;
+
-
}
+
-
.lof-main-item-desc h3 i {
+
-
font-size:70%;
+
-
}
+
-
 
+
-
/* main flash */
+
-
ul.lof-main-wapper{
+
-
/* margin-right:auto; */
+
-
overflow:hidden;
+
-
background:transparent url(http://2011.igem.org/wiki/images/5/5d/IGEM_HokkaidoU_Index_Slideshow_Load-indicator.gif) no-repeat scroll 50% 50%;
+
-
padding:0px;
+
-
margin:0;
+
-
position:absolute;
+
-
overflow:hidden;
+
-
}
+
-
 
+
-
ul.lof-main-wapper li{
+
-
overflow:hidden;
+
-
padding:0px;
+
-
margin:0px;
+
-
float:left;
+
-
position:relative;
+
-
}
+
-
.lof-opacity  li{
+
-
position:absolute;
+
-
top:0;
+
-
left:0;
+
-
float:inherit;
+
-
}
+
-
ul.lof-main-wapper li img{
+
-
padding:0px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
/* item navigator */
+
-
.lof-navigator-wapper {
+
-
position:absolute;
+
-
bottom:10px;
+
-
left:10px;
+
-
width:740px;
+
-
height:40px;
+
-
background:url(http://2011.igem.org/wiki/images/b/b8/IGEM_HokkaidoU_Index_Slideshow_Transparent_bg.png) repeat;
+
-
padding:5px 0 0 5px;
+
-
}
+
-
.lof-navigator-outer{
+
-
position:relative;
+
-
z-index:100;
+
-
/*height:60px;
+
-
width:780px;*/
+
-
overflow:hidden;
+
-
color:#FFF;
+
-
/*float:left */
+
-
}
+
-
ul.lof-navigator{
+
-
top:0;
+
-
padding:0;
+
-
margin:0;
+
-
/*position:absolute;
+
-
width:600px;*/
+
-
}
+
-
ul.lof-navigator li{
+
-
cursor:hand;
+
-
cursor:pointer;
+
-
list-style:none;
+
-
padding:0;
+
-
margin-left:0px;
+
-
overflow:hidden;
+
-
float:left;
+
-
display:block;
+
-
 
+
-
text-align:center;
+
-
 
+
-
}
+
-
ul.lof-navigator li img{
+
-
border:#666 solid 3px;
+
-
}
+
-
ul.lof-navigator li.active img, ul.lof-navigator li:hover img {
+
-
border:#A8A8A8 solid 3px;
+
-
}
+
-
.lof-navigator-wapper .lof-next,  .lof-navigator-wapper .lof-previous{
+
-
display:block;
+
-
width:22px;
+
-
height:30px;
+
-
color:#FFF;
+
-
cursor:pointer;
+
-
 
+
-
}
+
-
.lof-navigator-wapper .lof-next {
+
-
float:left;
+
-
text-indent:-999px;
+
-
margin-right:5px;
+
-
background:url(http://2011.igem.org/wiki/images/9/9c/IGEM_HokkaidoU_Index_Slideshow_Arrow-l.png) no-repeat right center;
+
-
}
+
-
.lof-navigator-wapper .lof-previous {
+
-
float:left;
+
-
text-indent:-999px;
+
-
margin-left:5px;
+
-
background:url(http://2011.igem.org/wiki/images/9/98/IGEM_HokkaidoU_Index_Slideshow_Arrow-r.png) no-repeat left center;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#hokkaidou-container{
+
-
    width: 780px;
+
-
    margin: 0 auto;
+
-
    padding: 0;
+
-
}
+
-
 
+
-
            #hokkaidou-content
+
-
            {
+
-
                zoom: 1;
+
-
            }
+
-
            #hokkaidou-content:after
+
-
            {
+
-
                content: "";
+
-
            }
+
-
            #hokkaidou-content #hokkaidou-right-content
+
-
            {
+
-
                /*float: right;
+
-
                width: 680px; */
+
-
            }
+
-
        </style>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
     <div id="hokkaidou-container">
     <div id="hokkaidou-container">
Line 348: Line 114:
-
    <script type="text/javascript">
 
-
        $(document).ready(function () {
 
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
    <script type="text/javascript">
 +
        $(document).ready(function () {

Revision as of 14:09, 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)