Team:Columbia-Cooper-NYC/trial

From 2012.igem.org

(Difference between revisions)
(Undo revision 257887 by Ymakita (talk))
 
(34 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<body>
+
<body>
-
<script type="text/javascript" src="https://static.igem.org/mediawiki/2011/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script>
+
-
<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(https://static.igem.org/mediawiki/2011/5/5d/IGEM_HokkaidoU_Index_Slideshow_Load-indicator.gif) no-repeat scroll 50% 50%;
+
-
}
+
-
.lof-main-outer{
+
-
position:relative;f
+
-
height:100%;
+
-
width:900px;
+
-
z-index:3px;
+
-
overflow:hidden;
+
-
}
+
-
/*******************************************************/
+
    <script type="text/javascript" src="https://static.igem.org/mediawiki/2011/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script>
-
.lof-main-item-desc{
+
-
z-index:100px;
+
-
position:absolute;
+
-
bottom:55px;
+
-
left:0px;
+
-
background:url(https://static.igem.org/mediawiki/2011/e/eb/IGEM_HokkaidoU_Index_Slideshow_Bg_trans.png);
+
-
height:1.5em;
+
-
/* filter:0.7(opacity:60) */
+
-
padding:10px;
+
-
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:15px 0 0 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;
+
    <link rel="Stylesheet" href="http://tsouris.net/igem/css/Igem_slider_styles.css" />
-
}
+
-
.lof-main-item-desc h3 i {
+
-
font-size:70%;
+
-
}
+
-
/* main flash */
 
-
ul.lof-main-wapper{
 
-
/* margin-right:auto; */
 
-
overflow:hidden;
 
-
background:transparent url(https://static.igem.org/mediawiki/2011/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{
+
    <div id="hokkaidou-container">
-
overflow:hidden;
+
        <div id="hokkaidou-content">
-
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;
+
-
right:10px;
+
-
background:url(https://static.igem.org/mediawiki/2011/b/b8/IGEM_HokkaidoU_Index_Slideshow_Transparent_bg.png) repeat;
+
-
padding:5px 0px;
+
-
}
+
-
.lof-navigator-outer{
+
-
position:relative;
+
-
z-index:100;
+
-
height:180px;
+
-
width:310px;
+
-
overflow:hidden;
+
-
color:#FFF;
+
-
float:left
+
-
}
+
-
ul.lof-navigator{
+
-
top:0;
+
-
padding:0;
+
-
margin:0;
+
-
position:absolute;
+
-
width:100%;
+
-
}
+
-
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;
+
                    <div id="lofslidecontent45" class="lof-slidecontent">
 +
                        <div style="display: none;" class="preload">
 +
                            <div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="lof-main-outer">
 +
                            <ul  class="lof-main-wapper">
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8456/8049457082_5814030096_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Columbia & Cooper 2012 Team</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8038/8049568856_b4d1d26031_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Columbia University</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8312/8049592851_58d8d91127_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            The Cooper Union for the Advancement of Science and Art</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8173/8049607828_34eedef20f_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Genetics</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8039/8049606505_8dedbcd5c7_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Copper Etching</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8176/8049610201_05aecf6db9_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            The Effects of A. ferrooxidans</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8316/8049640302_5ae1a9a049_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Maker Faire (Copyright © Andrew Cribb)</h2>
 +
                                    </div>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                        <div class="lof-navigator-wapper">
 +
                            <div class="lof-navigator-outer">
-
}
 
-
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;
 
-
}
+
                                <ul class="lof-navigator">
-
.lof-navigator-wapper .lof-next {
+
                                    <li class="" style="height: 32px; width: 80px;">
-
float:left;
+
                                        <img src="http://farm9.staticflickr.com/8181/8049658043_cffa2b28e0_t.jpg">
-
text-indent:-999px;
+
                                    </li>
-
margin-right:5px;
+
                                    <li class="" style="height: 32px; width: 80px;">
-
background:url(https://static.igem.org/mediawiki/2011/9/9c/IGEM_HokkaidoU_Index_Slideshow_Arrow-l.png) no-repeat right center;
+
                                        <img src="http://farm9.staticflickr.com/8030/8049658065_76d444054c_t.jpg">
-
}
+
                                    </li>
-
.lof-navigator-wapper .lof-previous {
+
                                    <li class="" style="height: 32px; width: 80px;">
-
float:left;
+
                                        <img src="http://farm9.staticflickr.com/8313/8049658081_5522c4a121_t.jpg">
-
text-indent:-999px;
+
                                    </li>
-
margin-left:5px;
+
                                    <li class="" style="height: 32px; width: 80px;">
-
background:url(https://static.igem.org/mediawiki/2011/9/98/IGEM_HokkaidoU_Index_Slideshow_Arrow-r.png) no-repeat left center;
+
                                        <img src="http://farm9.staticflickr.com/8041/8049663090_89a1de0f3c_t.jpg">
-
}
+
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8035/8049658117_e74a561066_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8034/8049663114_8d3b7152a9_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8461/8049658157_20b02010b7_t.jpg">
 +
                                    </li>
 +
                                </ul>
-
</style>
 
-
</p><p><style>
 
-
}
 
-
#hokkaidou-container{
 
-
    width: 980px;
 
-
    margin: 0 auto;
 
-
    padding: 0;
 
-
}
 
-
</style>
 
-
</p><p><style>
+
                            </div>
-
#hokkaidou-content{zoom: 1;}
+
                        </div>
-
#hokkaidou-content:after { content: ""; }
+
                    </div>
-
#hokkaidou-content #hokkaidou-right-content{
+
-
    float: right;
+
-
    width: 680px;
+
-
}
+
-
</style>
+
-
<script type="text/javascript">
 
-
jQuery.cookie=function(d,f,b){function e(j,i){if(j){if(i){return true}}return false}if(e(arguments.length>1,String(f)!=="[object Object]")){b=jQuery.extend({},b);if(f===null||f===undefined){b.expires=-1}if(typeof b.expires==="number"){var h=b.expires,c=b.expires=new Date();c.setDate(c.getDate()+h)}f=String(f);return(document.cookie=[encodeURIComponent(d),"=",b.raw?f:encodeURIComponent(f),b.expires?"; expires="+b.expires.toUTCString():"",b.path?"; path="+b.path:"",b.domain?"; domain="+b.domain:"",b.secure?"; secure":""].join(""))}b=f||{};var a,g=b.raw?function(i){return i}:decodeURIComponent;return(a=new RegExp("(?:^|; )"+encodeURIComponent(d)+"=([^;]*)").exec(document.cookie))?g(a[1]):null};
 
-
</script>
 
-
<script type="text/javascript">
 
-
$('.right-menu, .left-menu').fadeTo(0, 0);
 
-
$('.right-menu, .left-menu').bind('mouseover', function(){
 
-
$(this).fadeTo('slow', 1);
 
-
});
 
-
</script>
 
-
<script>
+
 
-
$(function(){
+
                <div id="hokkaidou-right-content">
-
    $('img').each(function(){
+
                </div>
-
        var thumb = $(this).attr('src');
+
 
-
        var reg = new RegExp('^(\/wiki\/images)\/thumb');
+
 
-
        if(thumb.match(reg)){
+
        </div>
-
            var image = thumb.replace(reg, '$1');
+
    </div>
-
            image = image.replace(/[^\/]+?$/, '').replace(/\/$/, '');
+
 
-
             var $tag = $('<img>').attr('src', image);
+
 
-
             $(this).closest('a').bind('click', function(){
+
 
-
                 $('<div>').append($tag).lightbox_me();
+
 
-
                return false;
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
    <script type="text/javascript">
 +
        $(document).ready(function () {
 +
 
 +
 
 +
            jQuery.cookie = function (d, f, b) { function e(j, i) { if (j) { if (i) { return true } } return false } if (e(arguments.length > 1, String(f) !== "[object Object]")) { b = jQuery.extend({}, b); if (f === null || f === undefined) { b.expires = -1 } if (typeof b.expires === "number") { var h = b.expires, c = b.expires = new Date(); c.setDate(c.getDate() + h) } f = String(f); return (document.cookie = [encodeURIComponent(d), "=", b.raw ? f : encodeURIComponent(f), b.expires ? "; expires=" + b.expires.toUTCString() : "", b.path ? "; path=" + b.path : "", b.domain ? "; domain=" + b.domain : "", b.secure ? "; secure" : ""].join("")) } b = f || {}; var a, g = b.raw ? function (i) { return i } : decodeURIComponent; return (a = new RegExp("(?:^|; )" + encodeURIComponent(d) + "=([^;]*)").exec(document.cookie)) ? g(a[1]) : null };
 +
 
 +
 
 +
             $('.right-menu, .left-menu').fadeTo(0, 0);
 +
             $('.right-menu, .left-menu').bind('mouseover', function () {
 +
                 $(this).fadeTo('slow', 1);
             });
             });
-
        }
 
-
    });
 
-
});
 
-
</script>
 
-
</p>
+
 
-
<div id="hokkaidou-container">
+
            $(function () {
-
    <div id="hokkaidou-content">
+
                $('img').each(function () {
-
</script>
+
                    var thumb = $(this).attr('src');
-
<p>
+
                    var reg = new RegExp('^(\/wiki\/images)\/thumb');
-
<script type="text/javascript">
+
                    if (thumb.match(reg)) {
-
$(document).ready(function(){
+
                        var image = thumb.replace(reg, '$1');
-
    var buttons = {
+
                        image = image.replace(/[^\/]+?$/, '').replace(/\/$/, '');
-
        previous: $('#lofslidercontent45 .lof-previous'),
+
                        var $tag = $('<img>').attr('src', image);
-
        next: $('#lofslidercontent45 .lof-next')
+
                        $(this).closest('a').bind('click', function () {
-
    };
+
                            $('<div>').append($tag).lightbox_me();
-
    $obj = $('#lofslidecontent45').lofJSidernews({
+
                            return false;
-
        interval: 5000,
+
                        });
-
        direction: 'opacitys',
+
                    }
-
        easing: 'easeInOutExpo',
+
                });
-
        duration: 1200,
+
            });
-
        auto: true,
+
 
-
        maxItemDisplay: 7,
+
 
-
        startItem: 0,
+
 
-
        navPosition: 'horizontal', // horizontal
+
 
-
        navigatorHeight: 32,
+
 
-
        navigatorWidth: 80,
+
 
-
        mainWidth: 780,
+
 
-
        buttons: buttons
+
            var buttons = {
-
    });
+
                previous: $('#lofslidercontent45 .lof-previous'),
-
});
+
                next: $('#lofslidercontent45 .lof-next')
 +
            };
 +
            $obj = $('#lofslidecontent45').lofJSidernews({
 +
                interval: 5000,
 +
                direction: 'opacitys',
 +
                easing: 'easeInOutExpo',
 +
                duration: 1200,
 +
                auto: true,
 +
                maxItemDisplay: 7,
 +
                startItem: 0,
 +
                navPosition: 'horizontal', // horizontal
 +
                navigatorHeight: 32,
 +
                navigatorWidth: 80,
 +
                mainWidth: 780,
 +
                buttons: buttons
 +
            });
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
        });
</script>
</script>
Line 262: Line 210:
-
<div id="hokkaidou-right-content">
 
-
    <div id="lofslidecontent45" class="lof-slidecontent">
 
-
        <div style="display: none;" class="preload"><div></div></div>
 
-
            <div class="lof-main-outer" style="width:900px; height:340px;">
 
-
            <ul style="left: -4200px; width: 6300px;" class="lof-main-wapper">
 
-
                <li>
 
-
                    <img src="http://farm9.staticflickr.com/8456/8049457082_5814030096_b.jpg">         
 
-
                    <div class="lof-main-item-desc">
 
-
                        <h2>Columbia & Cooper 2012 Team</h2>
 
-
                    </div>
 
-
                </li>
 
-
                <li>
 
-
                    <img src="http://farm9.staticflickr.com/8038/8049568856_b4d1d26031_b.jpg">         
 
-
                    <div class="lof-main-item-desc">
 
-
                        <h2>Columbia University</h2>
 
-
                    </div>
 
-
                </li>
 
-
                <li>
 
-
                    <img src="http://farm9.staticflickr.com/8312/8049592851_58d8d91127_b.jpg">         
 
-
                    <div class="lof-main-item-desc">
 
-
                        <h2>The Cooper Union for the Advancement of Science and Art</h2>
 
-
                    </div>
 
-
                </li>
 
-
                <li>
 
-
                    <img src="http://farm9.staticflickr.com/8173/8049607828_34eedef20f_b.jpg">           
 
-
                    <div class="lof-main-item-desc">
 
-
                        <h2>Genetics</h2>
 
-
                    </div>
 
-
                </li>
 
-
                <li>
 
-
                    <img src="http://farm9.staticflickr.com/8039/8049606505_8dedbcd5c7_b.jpg">           
 
-
                    <div class="lof-main-item-desc">
 
-
                        <h2>Copper Etching</h2>
 
-
                    </div>
 
-
                </li>
 
-
                <li>
 
-
                    <img src="http://farm9.staticflickr.com/8176/8049610201_05aecf6db9_b.jpg">           
 
-
                    <div class="lof-main-item-desc">
 
-
                        <h2>The Effects of A. ferrooxidans</h2>
 
-
                    </div>
 
-
                </li>
 
-
                <li>
 
-
                    <img src="http://farm9.staticflickr.com/8316/8049640302_5ae1a9a049_b.jpg">           
 
-
                    <div class="lof-main-item-desc">
 
-
                        <h2>Maker Faire (Copyright © Andrew Cribb)</h2>
 
-
                    </div>
 
-
                </li>
 
-
            </ul>   
 
-
        </div>
 
-
        <div class="lof-navigator-wapper">
 
-
            <div style="width: 320px; height: 32px;" class="lof-navigator-outer">
 
-
                <ul style="width: 54px; left: -160px;" class="lof-navigator">
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://farm9.staticflickr.com/8181/8049658043_cffa2b28e0_t.jpg">
 
-
</li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://farm9.staticflickr.com/8030/8049658065_76d444054c_t.jpg">
 
-
</li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://farm9.staticflickr.com/8313/8049658081_5522c4a121_t.jpg">
 
-
</li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://farm9.staticflickr.com/8041/8049663090_89a1de0f3c_t.jpg">
 
-
</li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://farm9.staticflickr.com/8035/8049658117_e74a561066_t.jpg">
 
-
</li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://farm9.staticflickr.com/8034/8049663114_8d3b7152a9_t.jpg">
 
-
</li>
 
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://farm9.staticflickr.com/8461/8049658157_20b02010b7_t.jpg">
 
-
</li>
 
-
                </ul>
 
-
            </div>
 
-
        </div>
 
-
    </div>
 
-
</div>
 
-
</body>
 
 +
 +
 +
 +
</body>
</html>
</html>

Latest revision as of 14:12, 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)