Team:Buenos Aires/Pruebas

From 2013.igem.org

(Difference between revisions)
 
(38 intermediate revisions not shown)
Line 7: Line 7:
<link rel="stylesheet" type="text/css" rel="stylesheet" href="https://2013.igem.org/Team:Buenos_Aires/css/style.css?action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" rel="stylesheet" href="https://2013.igem.org/Team:Buenos_Aires/css/style.css?action=raw&ctype=text/css" />
-
<link  href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold" rel="stylesheet" type="text/css" />
+
<link  href="http://fonts.googleapis.com/css?family=PT+Sans+Narrow:regular,bold" rel="stylesheet" type="text/css" /> <!-- Font -->
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.css?action=raw&ctype=text/css" />
<link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.css?action=raw&ctype=text/css" />
Line 19: Line 19:
#content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: scroll; height:100%;overflow:hidden;}
#content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: scroll; height:100%;overflow:hidden;}
#bodyContent {background-color:transparent; border: none; padding:0; margin:0; width:100%; height:100%;}
#bodyContent {background-color:transparent; border: none; padding:0; margin:0; width:100%; height:100%;}
-
#top-section {width:100%;background-color:transparent; height: 15px; margin: 10px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;
+
#top-section {display: block;position:fixed; height:3px; width:100%;z-index:999;}
-
padding:0; border: none; font-size: 10px;}
+
#p-logo {display: none;}
-
#p-logo { height:1px; overflow:scroll; display: none;}
+
#search-controls {display: none;}
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
+
#footer-box {display: none;}
-
#footer-box {position:relative; width: 99%; margin: -10px auto 0 auto; padding: 20px 0;}
+
.visualClear { display: none; }
.visualClear { display: none; }
#footer { border: none; width: 100%; margin: 0 auto; padding: 0;}
#footer { border: none; width: 100%; margin: 0 auto; padding: 0;}
Line 30: Line 29:
#f-list a:hover { color: #666;}
#f-list a:hover { color: #666;}
.printfooter { display: none; }
.printfooter { display: none; }
-
#footer ul { margin: 0; padding: 0;}
 
-
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
 
#search-controls { display:none; }
#search-controls { display:none; }
h3#siteSub { display: none;}
h3#siteSub { display: none;}
Line 44: Line 41:
h1{
h1{
-
color:#FFF;
 
border:none;
border:none;
-
}
 
-
 
-
iframe{
 
-
/*los tamaños los puedo editar con jquery para que sean justo al borde del submenu*/
 
-
width:90%;
 
-
height:400px;
 
-
overflow:auto;
 
-
border:none;
 
}
}
Line 65: Line 53:
<div id="contenedor">
<div id="contenedor">
 +
<div id="ac_background" class="ac_background">
<div id="ac_background" class="ac_background">
-
<img class="ac_bgimage" src="https://static.igem.org/mediawiki/2013/thumb/7/77/B1.jpg/800px-B1.jpg" alt="Background"/>
+
<img class="ac_bgimage" src="https://static.igem.org/mediawiki/2013/thumb/b/b3/B4.jpg/800px-B4.jpg" alt="Background"/>
<div class="ac_overlay"></div>
<div class="ac_overlay"></div>
<div class="ac_loading"></div>
<div class="ac_loading"></div>
Line 79: Line 68:
<div class="ac_menu">
<div class="ac_menu">
<ul>
<ul>
 +
                                        <li>
 +
<a href="https://static.igem.org/mediawiki/2013/thumb/8/85/B5.jpg/800px-B5.jpg">Tour</a>
 +
<div class="ac_subitem">
 +
<span class="ac_close"></span>
 +
<h2>Tour</h2>
 +
<ul>
 +
<li>Take a wiki tour!</li>
 +
</ul>
 +
</div>
 +
</li>
<li>
<li>
-
<a href="https://static.igem.org/mediawiki/2013/thumb/0/01/B2.jpg/800px-B2.jpg">Project</a>
+
<a href="https://static.igem.org/mediawiki/2013/thumb/b/b3/B4.jpg/800px-B4.jpg">Project</a>
<div class="ac_subitem">
<div class="ac_subitem">
<span class="ac_close"></span>
<span class="ac_close"></span>
Line 88: Line 87:
toxic pollutants in water</li>
toxic pollutants in water</li>
<li><a class="sub_menu_link" id="Obj" href="_objetive">Objetive</a></li>
<li><a class="sub_menu_link" id="Obj" href="_objetive">Objetive</a></li>
-
<li><a class="sub_menu_link" id="Mot" href="#nada">Motivation</a></li>
+
<li><a class="sub_menu_link" id="Mot" href="_motivation">Motivation</a></li>
<!-- <li><a class="sub_menu_link" id="App" href="#nada">Application</a></li>-->
<!-- <li><a class="sub_menu_link" id="App" href="#nada">Application</a></li>-->
</ul>
</ul>
Line 104: Line 103:
</li>
</li>
<li>
<li>
-
<a href="https://static.igem.org/mediawiki/2013/thumb/b/b3/B4.jpg/800px-B4.jpg">Team</a>
+
<a href="https://static.igem.org/mediawiki/2013/thumb/0/01/B2.jpg/800px-B2.jpg">Team</a>
<div class="ac_subitem">
<div class="ac_subitem">
<span class="ac_close"></span>
<span class="ac_close"></span>
Line 110: Line 109:
<ul>
<ul>
<li>The Team.</li>
<li>The Team.</li>
 +
 +
<li><a class="sub_menu_link" id="Obj" href="_members">Members</a></li>
</ul>
</ul>
Line 126: Line 127:
<!--Objetive-->
<!--Objetive-->
<!-- <iframe class="restricted" id="textObj" scrolling="no"-->
<!-- <iframe class="restricted" id="textObj" scrolling="no"-->
 +
<div class="text_loading"></div>
 +
<div class="texto" id="textExt"> Hola
-
<div class="texto" id="textObj">
 
-
<!--<iframe name="textObjetivo" src="2013.igem.org/Team:Buenos_Aires/blanco"></iframe>-->
 
-
sadasd
 
</div>
</div>
Line 173: Line 173:
     <script src="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.js?action=raw&ctype=text/js"></script>
     <script src="https://2013.igem.org/Team:Buenos_Aires/css/jquery.pageslide.js?action=raw&ctype=text/js"></script>
 +
 +
<!--Para mover a las bacterias-->
<script type="text/javascript">
<script type="text/javascript">
-
$(function() {
+
function beeLeft() {
-
      $('a').click(function() { // When a menu item is selected
+
    $("#a1").animate({left: "-=50", top: "-=100"}, 4000, "swing", beeRight);
-
            $('#textObj').load($(this).attr('href')+ " #hola"); // Load its linked page into the div
+
$("#a2").animate({left: "-=50", top: "+=100"}, 4000, "swing");
-
            return false; // And prevent it following the link
+
$("#a3").animate({left: "+=50", top: "+=50"}, 4000, "swing");
-
      });
+
-
});
+
}
-
</script>
+
function beeRight() {
 +
    $("#a1").animate({left: "+=50",top: "+=100"}, 4000, "swing", beeLeft);
 +
$("#a2").animate({left: "+=50",top: "-=100"}, 4000, "swing");
 +
$("#a3").animate({left: "-=50",top: "-=50"}, 4000, "swing");
 +
}
 +
beeRight();
 +
 +
</script>
Line 189: Line 198:
$ac_bgimage = $ac_background.find('.ac_bgimage'),
$ac_bgimage = $ac_background.find('.ac_bgimage'),
$ac_loading = $ac_background.find('.ac_loading'),
$ac_loading = $ac_background.find('.ac_loading'),
 +
$ac_content = $('#ac_content'),
$ac_content = $('#ac_content'),
Line 222: Line 232:
5- initializes the menu items events
5- initializes the menu items events
*/
*/
 +
$ac_loading.show();//show loading status image
$ac_loading.show();//show loading status image
$.when(loadImages()).done(function(){
$.when(loadImages()).done(function(){
Line 235: Line 246:
});
});
},
},
 +
 +
 +
 +
showBGImage = function() {
showBGImage = function() {
return $.Deferred(
return $.Deferred(
Line 297: Line 312:
$sub_menu = $item.find('.ac_subitem'),
$sub_menu = $item.find('.ac_subitem'),
$ac_close = $sub_menu.find('.ac_close');
$ac_close = $sub_menu.find('.ac_close');
 +
$text_loading = $('.text_loading');
Line 305: Line 321:
openSubMenu($item, $sub_menu, el_image);
openSubMenu($item, $sub_menu, el_image);
});
});
 +
return false;
return false;
});
});
Line 311: Line 328:
toggleMenuItems('up');
toggleMenuItems('up');
$(".ac_subitem").css("height", "0px");
$(".ac_subitem").css("height", "0px");
-
/* all other text opacity to 0*/
+
/* all other text display is none*/
-
$('.texto').css({opacity: '0.0', height: "0px"});
+
$('.texto').css({opacity: '0.0', display: 'none'});
 +
return false;
return false;
});
});
Line 318: Line 336:
-
$(".sub_menu_link").bind('click.Menu', function(e){
+
$(".sub_menu_link").bind('click.Menu', function(){
-
+
loadText(this);
-
var currentId = $(this).attr('id');
+
-
/* all other text display is none*/
+
-
$('.texto').css({opacity:'0.0',display: 'none'});
+
-
/* show text: */
+
-
$('#text' + currentId).css({display: 'block'});
+
-
$('#text' + currentId).stop()
+
-
.animate({opacity: '0.8'}, 1400, function(){});
+
-
 
+
return false;
return false;
 +
});
});
 +
 +
});
});
 +
},
 +
 +
 +
loadText = function(link) {
 +
 +
 +
/* Change opacity for later animatation*/
 +
$('.texto').css({opacity:'0.0'});
 +
 +
new_link = $(link).attr('href')+ " #external";
 +
 +
$text_loading.show();
 +
 +
$('#textExt').load(new_link, function() {
 +
/* hide loading text: */
 +
                                        $text_loading.hide();
 +
/*show external div in textExt*/
 +
$('#textExt').css({display: 'block'});
 +
$('#textExt').stop()
 +
.animate({opacity: '1'}, 1400, function(){});
 +
/*Bind function recursivily in the links of the external*/
 +
                                                        $('.texto a').css({color:"#68A"});
 +
$('.texto a').bind('click.Menu', function(){
 +
loadText(this);
 +
return false;
 +
});
 +
});
 +
 +
 +
},
},
Line 392: Line 435:
new_w = w_w;
new_w = w_w;
}
}
-
$("#texto").css({
+
-
width : new_w + 'px',
+
-
height : new_h + 'px',
+
-
+
-
});
+
$img.css({
$img.css({
width : new_w + 'px',
width : new_w + 'px',

Latest revision as of 19:50, 1 July 2013

iGem Buenos Aires

Background

Buenos AiresiGem

Hola

Retrieved from "http://2013.igem.org/Team:Buenos_Aires/Pruebas"