Team:Columbia-Cooper-NYC/trial

From 2012.igem.org

(Difference between revisions)
 
(21 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;
 
-
height:100%;
 
-
width:780px;
 
-
z-index:3px;
 
-
overflow:hidden;
 
-
}
 
-
 
-
 
-
/*******************************************************/
 
-
.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;
 
-
width:100%;
 
-
/* 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;
 
-
border:1px solid red;
 
-
}
 
-
.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(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{
 
-
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;
 
-
right:10px;
 
-
width:780px;
 
-
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: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(https://static.igem.org/mediawiki/2011/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(https://static.igem.org/mediawiki/2011/9/98/IGEM_HokkaidoU_Index_Slideshow_Arrow-r.png) no-repeat left center;
 
-
}
 
-
 
-
</style>
 
-
 
-
 
-
        <style>
 
-
 
-
#hokkaidou-container{
 
-
    width: 780px;
 
-
    margin: 0 auto;
 
-
    padding: 0;
 
-
}
 
-
</style>
 
-
 
-
 
-
        <style>
 
-
            #hokkaidou-content
 
-
            {
 
-
                zoom: 1;
 
-
            }
 
-
            #hokkaidou-content:after
 
-
            {
 
-
                content: "";
 
-
            }
 
-
            #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 () {
 
-
                $('img').each(function () {
 
-
                    var thumb = $(this).attr('src');
 
-
                    var reg = new RegExp('^(\/wiki\/images)\/thumb');
 
-
                    if (thumb.match(reg)) {
 
-
                        var image = thumb.replace(reg, '$1');
 
-
                        image = image.replace(/[^\/]+?$/, '').replace(/\/$/, '');
 
-
                        var $tag = $('<img>').attr('src', image);
 
-
                        $(this).closest('a').bind('click', function () {
 
-
                            $('<div>').append($tag).lightbox_me();
 
-
                            return false;
 
-
                        });
 
-
                    }
 
-
                });
 
-
            });
 
-
        </script>
 
-
 
-
                        <script type="text/javascript">
 
-
                            $(document).ready(function () {
 
-
                                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 type="text/javascript" src="https://static.igem.org/mediawiki/2011/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script>
 +
    <link rel="Stylesheet" href="http://tsouris.net/igem/css/Igem_slider_styles.css" />
Line 278: Line 11:
         <div id="hokkaidou-content">
         <div id="hokkaidou-content">
-
                            <div id="lofslidecontent45" class="lof-slidecontent">
+
                    <div id="lofslidecontent45" class="lof-slidecontent">
                         <div style="display: none;" class="preload">
                         <div style="display: none;" class="preload">
                             <div>
                             <div>
                             </div>
                             </div>
                         </div>
                         </div>
-
                         <div class="lof-main-outer" style="height: 340px;">
+
                         <div class="lof-main-outer">
                             <ul  class="lof-main-wapper">
                             <ul  class="lof-main-wapper">
                                 <li>
                                 <li>
Line 337: Line 70:
                         </div>
                         </div>
                         <div class="lof-navigator-wapper">
                         <div class="lof-navigator-wapper">
-
                             <div style="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 373: Line 106:
                 <div id="hokkaidou-right-content">
                 <div id="hokkaidou-right-content">
                 </div>
                 </div>
 +
 +
 +
        </div>
 +
    </div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
    <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);
 +
            });
 +
 +
 +
            $(function () {
 +
                $('img').each(function () {
 +
                    var thumb = $(this).attr('src');
 +
                    var reg = new RegExp('^(\/wiki\/images)\/thumb');
 +
                    if (thumb.match(reg)) {
 +
                        var image = thumb.replace(reg, '$1');
 +
                        image = image.replace(/[^\/]+?$/, '').replace(/\/$/, '');
 +
                        var $tag = $('<img>').attr('src', image);
 +
                        $(this).closest('a').bind('click', function () {
 +
                            $('<div>').append($tag).lightbox_me();
 +
                            return false;
 +
                        });
 +
                    }
 +
                });
 +
            });
 +
 +
 +
 +
 +
 +
 +
 +
            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>
 +
 +
 +
 +
 +
 +
 +
 +
</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)