Team:Sevilla/test3

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:Sevilla/templateMenu}}
+
 
-
{{:Team:Sevilla/templateSides}}
+
{{:Team:Sevilla/styles}}
{{:Team:Sevilla/styles}}
<html>  
<html>  
Line 121: Line 120:
</script>
</script>
</body>
</body>
 +
 +
</html>
 +
 +
<html>
 +
 +
 +
<!--=====================acordeon=============================-->
 +
<div id="menuizq">
 +
 +
<div id="firstpane" class="menu_list">
 +
  <p class="menu_head" id="m1">        <a  href="/Team:Sevilla">Home</a>          </p>
 +
    <div class="menu_body">
 +
 +
    </div>
 +
  <p class="menu_head" id="m2">        <a href="/Team:Sevilla/components">The team</a>          </p>
 +
 
 +
  <p class="menu_head">        <a href="#">The Project</a>          </p>
 +
      <div class="menu_body">
 +
        <a href="/Team:Sevilla/project">Project summary</a>
 +
        <a href="/Team:Sevilla/project/ubbit">Ubbit Standard</a>         
 +
        <a href="/Team:Sevilla/project/adder">Full adder module</a>         
 +
        <a href="/Team:Sevilla/project/applications">Applications</a> 
 +
  </div>
 +
  <p class="menu_head" id="m3">        <a href="/Team:Sevilla/modeling">Modeling</a>          </p>
 +
    <div class="menu_body">
 +
       
 +
    </div>
 +
<p class="menu_head">        <a href="/Team:Sevilla/safety">Safety</a>          </p>
 +
    <div class="menu_body">
 +
       
 +
    </div>
 +
<p class="menu_head">        <a href="/Team:Sevilla/attributions">Attributions</a>          </p>
 +
    <div class="menu_body">
 +
       
 +
    </div>
 +
<p class="menu_head">        <a href="/Team:Sevilla/notebook">Notebook</a>          </p>
 +
 
 +
<p class="menu_head">        <a href="/Team:Sevilla/sponsors">Sponsors</a>          </p>
 +
   
 +
</div>
 +
 +
<div id=followus class="menu_list" >
 +
 +
<!-- Los botones sociales -->
 +
<p style="color:#272BB8; float:left; font-weight: bold; clear:both;margin-bottom:none;" >Follow us: </p>
 +
</html>
 +
{{:Team:Sevilla/Templates/hr|colour=#4D4D4D}}
 +
<html>
 +
 +
<a href='http://twitter.com/iGEMSevilla11'><img src="https://static.igem.org/mediawiki/2011/7/7e/Twitter-32x32.png"  style="margin-top:5px;margin-bottom:5px; margin-right:5px;  float:left;" /> </a>
 +
<a href='http://www.facebook.com/pages/Sevilla-iGEM2011-Acanum-Project/187115714638929'><img src="https://static.igem.org/mediawiki/2011/c/c8/Facebook-32x32.png"  style="margin-top:5px;margin-bottom:5px;  margin-right:5px; float:left;" /> </a>
 +
 +
<a href='http://www.youtube.com/user/iGEMSevilla11'><img src="https://static.igem.org/mediawiki/2011/3/38/Youtube-32x32.png"  style="margin-top:5px;margin-bottom:5px; float:left; margin-right:5px; " /> </a>
 +
 +
<!-- <hr style="clear:both; align:center; float:left;"> -->
 +
</html>
 +
{{:Team:Sevilla/Templates/hr|colour=#4D4D4D}}
 +
<html>
 +
</div>
 +
 +
 +
 +
</div>
 +
 +
<div id=menudcha>
 +
 +
<div id=sponsors style="margin-left:-20px;">
 +
<p style="color:#272BB8; float:left; font-weight: bold; clear:both;margin-bottom:none;" >Sponsors: </p>
 +
 +
</html>
 +
{{:Team:Sevilla/Templates/hr|colour=#4D4D4D}}
 +
<html>
 +
 +
<a href='http://www.us.es'><img src="https://static.igem.org/mediawiki/2011/5/52/Logo_US.gif" height=75px  style="margin-top:5px;margin-bottom:5px; clear:both; float:left;"/>  </a>
 +
 +
<a href='http://estudiantes.us.es/'><img src="https://static.igem.org/mediawiki/2011/0/02/Vice.png" width=90px style="margin-top:5px;margin-bottom:5px; clear:both; align:center; float:left;" /> </a>
 +
 +
<a href='http://www.micinn.es/'><img src="https://static.igem.org/mediawiki/2011/a/a1/LogoMci.jpg" width=90px style="margin-top:5px;margin-bottom:5px; clear:both; align:center; float:left;" /> </a>
 +
 +
<a href='http://www.eppendorf.com/'><img src="https://static.igem.org/mediawiki/2011/1/11/EP_L_rgb.jpg" width=90px style="margin-top:5px;margin-bottom:5px; clear:both; align:center; float:left;" /> </a>
 +
 +
<a href='http://otri.us.es/web/'><img src="https://static.igem.org/mediawiki/2011/4/46/LogoOTRI.gif" width=90px style="margin-top:5px;margin-bottom:5px; clear:both; align:center; float:left;" /> </a>
 +
<hr style="clear:both; align:center; float:left;">
 +
 +
<!-- <a href='#'><img alt='ir arriba' border='0' src='http://espacioforos.miarroba.st/1671161/dfs.png' style="margin-top:20px;margin-bottom:5px; clear:both; aling:center; float:left;"/></a> -->
 +
 +
<!-- Flecha que aparece solo si la página es larga -->
 +
 +
<p id="back-top">
 +
<a href="#top"><span></span>Back to Top</a>
 +
</p>
 +
 +
 +
<script>
 +
$(document).ready(function(){
 +
 +
// hide #back-top first
 +
$("#back-top").hide();
 +
 +
// fade in #back-top
 +
$(function () {
 +
$(window).scroll(function () {
 +
if ($(this).scrollTop() > 100) {
 +
$('#back-top').fadeIn();
 +
} else {
 +
$('#back-top').fadeOut();
 +
}
 +
});
 +
 +
// scroll body to 0px on click
 +
$('#back-top a').click(function () {
 +
$('body,html').animate({
 +
scrollTop: 0
 +
}, 800);
 +
return false;
 +
});
 +
});
 +
 +
});
 +
</script>
 +
 +
</div>
 +
 +
</div>
 +
 +
 +
 +
 +
<!--======================acordeon estilo=========================-->
 +
 +
<!-- http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html -->
 +
 +
 +
<script type="text/javascript"> /*colorear menu al pasar encima*/
 +
$(function(){
 +
  $(".menu_head").mouseenter(function(){
 +
    $(this).css({'background-color': 'white'});
 +
  }).mouseleave(function(){
 +
    $(this).css({'background-color': '#eef4d3'});
 +
  });
 +
});
 +
</script>
 +
 +
<script type="text/javascript">
 +
$("#firstpane p.menu_head").click(function()
 +
{
 +
  $(this).css({backgroundImage:"url(down.png)"}).next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
 +
  $(this).siblings().css({backgroundImage:"url(left.png)"});
 +
});
 +
</script>
 +
</body>
 +
 +
 +
<style>
 +
 +
 +
/* menu perseguidor */
 +
#menuizq {
 +
 +
  float:left;
 +
}
 +
 +
#menudcha{
 +
/* position:fixed;*/
 +
  margin-left:30px!important;
 +
  float:right;
 +
 
 +
 +
}
 +
 +
 +
/*===================TEMPLATE SLIDES====================*/
 +
 +
#followus {
 +
float:left;
 +
clear:both;
 +
margin-top:5px;;
 +
 +
}
 +
 +
/*flechita que se esconde*/
 +
 +
#back-top {
 +
margin-top:20px;margin-bottom:5px; clear:both; aling:center; float:left;
 +
}
 +
#back-top a {
 +
width: 50px;
 +
display: block;
 +
text-align: center;
 +
font: 11px/100% Arial, Helvetica, sans-serif;
 +
text-transform: uppercase;
 +
text-decoration: none;
 +
color: #bbb;
 +
 +
/* transition */
 +
-webkit-transition: 1s;
 +
-moz-transition: 1s;
 +
transition: 1s;
 +
}
 +
#back-top a:hover {
 +
color: #000;
 +
}
 +
 +
/* arrow icon (span tag) */
 +
#back-top span {
 +
width: 50px;
 +
height: 50px;
 +
display: block;
 +
margin-bottom: 7px;
 +
background: #ddd url(http://espacioforos.miarroba.st/1671161/dfs.png) no-repeat center center;
 +
 +
/* rounded corners */
 +
-webkit-border-radius: 15px;
 +
-moz-border-radius: 15px;
 +
border-radius: 15px;
 +
 +
/* transition */
 +
-webkit-transition: 1s;
 +
-moz-transition: 1s;
 +
transition: 1s;
 +
}
 +
#back-top a:hover span {
 +
background-color: #777;
 +
}
 +
   
 +
/*===========================TEMPLATE MENU================*/
 +
/*Efecto acordeon*/ 
 +
.menu_list {
 +
width: 150px;
 +
        float:left;
 +
}
 +
 +
.menu_head {
 +
padding: 5px 10px;
 +
cursor: pointer;
 +
position: relative;
 +
        font-weight:bold;
 +
        background: #eef4d3 url(left.png) center right no-repeat;
 +
        margin:1px;
 +
        margin-right: 12px;
 +
        text-align:center;
 +
}
 +
.menu_head a{  text-decoration:none;}
 +
.menu_body {
 +
display:none;
 +
width:136px;
 +
}
 +
.menu_body a {
 +
  display:block;
 +
  color:#006699;
 +
  background-color:#EFEFEF;
 +
  padding-left:10px;
 +
  font-weight:bold;
 +
  text-decoration:none;
 +
}
 +
.menu_body a:hover {/*ponerse encima de los links internos*/
 +
  color: black;
 +
  background-color: white;
 +
}
 +
 +
/*=====================/Templates/hr==========*/
 +
 +
hr {
 +
  border: 0;
 +
  width: 80%;
 +
  height: 2px;
 +
}
 +
</style>
 +
</html>
</html>

Revision as of 23:00, 24 June 2011

Retrieved from "http://2011.igem.org/Team:Sevilla/test3"