Team:Sevilla/template1

From 2011.igem.org

(Difference between revisions)
(Blanked the page)
 
(186 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>
 
-
</head>
 
-
</body>
 
-
<!--=========================================MENU ACORDEON============================================= --> 
 
-
<div id="menu">
 
-
    <h3>MENU</h3>
 
-
    <ul>
 
-
        <li><span <?php if($p == "posts"){echo 'class="current"';} ?>><a href="javascript:void(0);" id="link-posts">Inicio</a></span>
 
-
           
 
-
        </li>
 
-
        <li><span <?php if($p == "categorias"){echo 'class="current"';} ?>><a href="javascript:void(0);" id="link-categorias">iGem</a></span>
 
-
         
 
-
        </li>
 
-
        <li><span <?php if($p == "multimedia"){echo 'class="current"';} ?>><a href="javascript:void(0);" id="link-multimedia">El proyecto</a></span>
 
-
            <ul>
 
-
                <li><a href="?p=multimedia&amp;sec=agregar-galeria-imagenes" class="add">Resumen</a></li>
 
-
                <li><a href="?p=multimedia&amp;sec=listar-galeria-imagenes" class="list">El estandar Ubbit</a></li>
 
-
                <li><a href="?p=multimedia&amp;sec=agregar-galeria-video" class="add">Puertas lógicas</a></li>           
 
-
                <li><a href="?p=multimedia&amp;sec=listar-galeria-video" class="list">Quorum sensing</a></li>
 
-
                <li><a href="?p=multimedia&amp;sec=listar-galeria-video" class="list">Sumador binario</a></li>
 
-
            </ul>
 
-
        </li>
 
-
        <li><span <?php if($p == "usuarios"){echo 'class="current"';} ?>><a href="javascript:void(0);" id="link-usuarios">El equipo</a></span>
 
-
            <ul>
 
-
                <li><a href="?p=usuarios&amp;sec=agregar-usuario" class="add">Agregar</a></li>
 
-
                <li><a href="?p=usuarios&amp;sec=listar-usuarios" class="list">Listar</a></li>
 
-
            </ul>
 
-
        </li>
 
-
        <li><span <?php if($p == "opciones"){echo 'class="current"';} ?>><a href="javascript:void(0);" id="link-opciones">Opciones</a></span>
 
-
            <ul>
 
-
                <li><a href="?p=opciones&amp;sec=opcion-lectura" class="bullet">Lectura</a></li>
 
-
                <li><a href="?p=opciones&amp;sec=opcion-escritura" class="bullet">Escritura</a></li>
 
-
                <li><a href="?p=opciones&amp;sec=opcion-discusion" class="bullet">Discusi&oacute;n</a></li>
 
-
                <li><a href="?p=opciones&amp;sec=opcion-permalinks" class="bullet">Permalinks</a></li>
 
-
            </ul>
 
-
        </li>
 
-
    </ul>
 
-
</div>
 
-
 
-
<!--Efectos para desplegar el Menu acordeon --> 
 
-
<script type="text/javascript">
 
-
$(document).ready(function(){
 
-
$("#menu ul li ul").hide();
 
-
$("#menu ul li span.current").addClass("open").next("ul").show();
 
-
$("#menu ul li span").click(function(){
 
-
$(this).next("ul").slideToggle("slow").parent("li").siblings("li").find("ul:visible").slideUp("slow");
 
-
$(this).toggleClass("open");
 
-
$(this).parent("li").siblings("li").find("span").removeClass("open");
 
-
});
 
-
 
-
});
 
-
</script>
 
-
 
-
<style>
 
-
.open {
 
-
            position: relative;
 
-
            height: 20px;
 
-
            width: 400px;
 
-
            background-color: green;
 
-
         
 
-
        }
 
-
.current {
 
-
            position: relative;
 
-
            height: 20px;
 
-
            width: 400px;
 
-
            background-color: blue;
 
-
         
 
-
        }
 
-
#menu {
 
-
            position: relative;
 
-
            height: 350px;
 
-
            width: 120px;
 
-
            background-color: #01DF74;
 
-
         
 
-
        }
 
-
</style>
 
-
 
-
 
-
<!--=========================================MAPA============================================= --> 
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
<!--=========================================RECONSTRUIR CABECERA============================================= --> 
 
-
 
-
<style>
 
-
 
-
#globalWrapper {/*laterales*/
 
-
    background-color: green;
 
-
    padding-bottom:0px;
 
-
    border: none;
 
-
    }
 
-
#content {/*to lo de en medio principal, el fondo del texto*/
 
-
    background-color: #01DF98;
 
-
    border:none;
 
-
    padding-bottom:none;
 
-
    margin-bottom:none;
 
-
    }
 
-
#bodyContent { /*pues como content, quiza mas externo/general*/
 
-
    border: 5px black dashed;
 
-
    }
 
-
 
-
/*¿?*/
 
-
.left-menu { width: 400px; display:block; float:left; margin-top:-62px; margin-right:30px; border: none;  left:20px;}                                                                                                                                 
 
-
.left-menu ul { border: none; }
 
-
/*el bloque del usuario: registro, cuenta..*/
 
-
#menubar.right-menu {
 
-
    width:300px;
 
-
    display:block;
 
-
    float:left;
 
-
    margin-top:62px;
 
-
    padding-left:50px;
 
-
    border: none;
 
-
    right:50px;
 
-
    }                                                                                                                                                       
 
-
.right-menu ul { border: 5px blue dashed;}
 
-
/*pues lo de arriba del contenido, en principio no se q contiene */
 
-
#top-section {
 
-
    height: 54px;
 
-
    margin-top: 14px;
 
-
    margin-left: auto;
 
-
    margin-right: auto;
 
-
    margin-bottom: 0 !important;
 
-
    margin-bottom: 10px;
 
-
    padding:0;
 
-
    border: none;
 
-
    }
 
-
  #p-logo {
 
-
    height:7px;
 
-
    overflow:hidden;
 
-
    border:none;
 
-
    }
 
-
    #search-controls {
 
-
    overflow:hidden;
 
-
    display:none;
 
-
    background: none;
 
-
    position: absolute;
 
-
    top: 100px;
 
-
    right: 40px;
 
-
    }   
 
-
        #menubar li a{
 
-
    color:#73a631;
 
-
}
 
-
 
-
#menubar li a:hover {
 
-
    color:#73a631;
 
-
    text-decoration:underline;
 
-
}
 
-
 
-
#menubar li.selected a {
 
-
    color:#555555;
 
-
}
 
-
.firstHeading { display: none;}
 
-
                                                                                                                                           
 
-
 
-
#f-list a {
 
-
    color: #333;
 
-
    font-size: 10px;
 
-
    }
 
-
#f-list a:hover {
 
-
    color: #666;
 
-
    }
 
-
 
-
</style>
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
</body>
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
</html>
 

Latest revision as of 10:55, 27 June 2011