Team:Sevilla/test3

From 2011.igem.org

(Difference between revisions)
(Con sombra)
(Blanked the page)
 
(29 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
 
-
<head>
 
-
<!--=========================================CARGAS============================================= --> 
 
-
<!--Intentamos cargar la libreria jQuery de Google, si no va pues la BobString --> 
 
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
 
-
<script>!window.jQuery && document.write('<script src="https://sites.google.com/site/bobstringfiles/arcanum/jquery-1.2.3.min.js"><\/script>')</script>
 
-
<style>
 
-
/*=================== TEMPLATE1================*/
 
-
 
-
/*Estilo de la barra de arriba para que no se oculte*/
 
-
 
-
.left-menu, .left-menu a {
 
-
    width: 390px ! important;
 
-
    left: 0px;
 
-
    text-align: left;
 
-
    color:blue ! important;
 
-
    text-transform: none ! important;
 
-
    /*Para cambiar el  color de fondo de los enlaces de la izq*/
 
-
    background-color: transparent ! important;
 
-
    border: none ! important;
 
-
}
 
-
 
-
.right-menu li a {
 
-
 
-
color: blue ! important;
 
-
background-color: transparent ! important;
 
-
}
 
-
 
-
 
-
/*logo indeseado del igem*/
 
-
#p-logo{
 
-
    display:none;
 
-
}
 
-
 
-
/*menu estilo guadiana xD de los cojones*/
 
-
#menubar.left-menu {
 
-
    width:355px;
 
-
    display:block;
 
-
    float:left;
 
-
    background-color:#C0C0C0;
 
-
    border: black 2px solid;
 
-
    }   
 
-
 
-
 
-
#top-section {
 
-
    height: 135px;
 
-
    width: 900px;
 
-
    background-image:url('https://static.igem.org/mediawiki/2011/e/e1/Arcanum.png');
 
-
    background-repeat:no-repeat;
 
-
    border:none;
 
-
    background-color:#96D8CA;
 
-
background-position:30px 35px;
 
-
box-shadow: 0px 10px 5px #000;
 
-
 
-
 
-
 
-
    }
 
-
 
-
#content{
 
-
border:none;
 
-
width:900px;
 
-
padding:10px 0px 0px 0px ! important;
 
-
 
-
}
 
-
 
-
/*quitar el titulo de la pagina:Team:Sevilla/test2*/                                                                                                                       
 
-
.firstHeading { display: none;}
 
-
 
-
#globalWrapper {/*laterales*/
 
-
    background-color: #1F7C83;}
 
-
 
 
-
   
 
-
#menubar.right-menu #serach{display:none;margin-top:5px;}
 
-
#menubar {margin-top:7px;}
 
-
#search-controls{display:none;margin-top:9px;margin-right:5px;}
 
-
#serach{margin-left:8px;}
 
-
 
-
 
-
/*quitar recuadro de abajo*/
 
-
#catlinks{display:none;}
 
-
 
-
#footer-box{
 
-
border:none;
 
-
width: 900px;
 
-
padding: 5px 0px 0px 0px;
 
-
}
 
-
 
-
body{
 
-
        background-color: #1F7C83;}
 
-
/*#topLink a{display: block;width:950px;height:140px;padding-top:63px;}*/
 
-
 
-
 
-
</style>
 
-
 
-
 
-
 
-
</head>
 
-
 
-
<body>
 
-
 
-
 
-
<!--Busqueda-->
 
-
 
-
<script type="text/javascript">
 
-
$("#menubar ul").append('<li><a id="serach" href="#">Search</a></li>','<li><a id="serach" href="https://2011.igem.org/Main_Page">iGem</a></li>');
 
-
</script>
 
-
 
-
 
-
<!--Convertir el logo en enlace-->
 
-
<script type="text/javascript">
 
-
$("#top-section").prepend('<div id="topLink"><a href="/Team:Sevilla"></a></div>');
 
-
</script>
 
-
 
-
 
-
<script type="text/javascript">
 
-
$(document).ready(function(){
 
-
$("#serach").click(function() {
 
-
$("#search-controls").css({'display':'block'});
 
-
        $("#search-controls a").css({'color':'black'});
 
-
  });
 
-
 
-
});
 
-
</script>
 
-
</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>
 
-
 
-
 
-
<!-- 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>
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
<!--======================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>
 
-
 
-
 
-
#menuizq {
 
-
 
-
  float:left;
 
-
width: 150px;
 
-
background-color:#71A799;
 
-
padding: 15px 0px 0px 10px;
 
-
margin-top: -24px;
 
-
 
-
}
 
-
 
-
 
-
 
-
 
-
/*===================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>
 

Latest revision as of 10:56, 27 June 2011