Team:UPO-Sevilla/headerTemplatetest

From 2011.igem.org

(Difference between revisions)
(Blanked the page)
(Undo revision 249164 by Lepavgom (talk))
 
(55 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
    <head>
 +
   
 +
      <!--- JavaScript --->
 +
    <!-- <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script> -->
 +
      <script src="https://2011.igem.org/Team:UPO-Sevilla/js/topMenu2.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
      <script src="https://2011.igem.org/Team:UPO-Sevilla/js/xbreadcrumbs.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
      <script src="https://2011.igem.org/Team:UPO-Sevilla/js/verticalmenu.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
 +
      <script type="text/javascript">
 +
        $(document).ready(function(){
 +
              // Initialize xBreadcrumbs
 +
              $('#breadcrumbs').xBreadcrumbs({ collapsible: true ,collapsedWidth: 40});
 +
              //  $('#breadcrumbs').xBreadcrumbs();
 +
        });
 +
      </script>
 +
 +
<script type="text/javascript" charset="utf-8">
 +
$(function(){
 +
$('.menuLi').mouseover(function(event){
 +
var elem = $(this).next();
 +
if(elem.is('ul.menuInt')){
 +
event.preventDefault();
 +
$('#menu ul.menuInt').not(elem).slideUp();
 +
elem.slideToggle();
 +
}
 +
});
 +
});
 +
</script>
 +
 +
 +
      <!-- CSS -->
 +
      <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/base-min.css">
 +
      <style type="text/css">
 +
            /*----------- reset css ---------------*/
 +
 +
            h1, h2, h3, h4, h5{
 +
                border: 0;
 +
            }
 +
 +
            ul#f-list{
 +
                margin: 0 0 0 1.5em;
 +
            }
 +
 +
            #p-logo{
 +
                display:none;
 +
            }
 +
 +
            #content{
 +
                background: #EAEAEA;
 +
                border: 0;
 +
                padding:0;
 +
                width:100%;
 +
                z-index:0;
 +
            }
 +
           
 +
            .firstHeading{
 +
                display:none;
 +
            }
 +
 +
            #top-section{
 +
                border:0;
 +
                height:0;
 +
                font: x-small sans-serif;
 +
            }
 +
 +
            #catlinks{
 +
                display:none;
 +
            }
 +
 +
            #globalWrapper{
 +
                background: #4F514E;
 +
                font-size: 16px;
 +
                padding: 0;
 +
                margin: 0;
 +
            }
 +
 +
            #menubar{
 +
                width: 500px;
 +
                background: #555555;
 +
            }
 +
 +
            .left-menu, .left-menu a, .left-menu li a {
 +
                color: white;
 +
            }
 +
 +
            #footer-box{
 +
                background: #4F514E;
 +
                border: 0;
 +
                width: auto;
 +
                padding: 0 7em;
 +
            }
 +
 +
            #footer-box li a, #footer-box a{
 +
                color: white;
 +
            }
 +
 +
 +
            body{
 +
                background: #4F514E;
 +
                font: 16px;
 +
                margin: 0;
 +
                padding: 0;
 +
            }
 +
 +
            #page{
 +
                background: url("https://static.igem.org/mediawiki/2011/0/0d/UPOSevillaBackgroundtop.gif") repeat-x;
 +
                text-align: center;
 +
                padding-top: 3em;
 +
            }
 +
 +
 +
           
 +
            #contentUPO{
 +
                background: url('https://static.igem.org/mediawiki/2011/1/15/UPOSevillaBackgroundADN.gif') 170px top repeat-y;
 +
                text-align: justify;
 +
                margin: 0 auto;
 +
                width: 75em;
 +
            }
 +
 +
            /*------------- Generales ---------------------- */
 +
 +
 +
            p.caption{
 +
                text-align: center;
 +
                font-size: 13px;
 +
            }         
 +
 +
            .center{
 +
                text-align: center;
 +
            }
 +
 +
            img.imgleft{
 +
                float: left;
 +
                margin: 0 1em;
 +
            }
 +
 +
            img.imgright{
 +
                float: right;
 +
                margin: 0 1em;
 +
            }
 +
 +
 +
            /*----------- Contenido principal ---------------*/
 +
 +
            #principal{
 +
                background: none repeat scroll 0 0 #EAEAEA;
 +
            }
 +
 +
            #footerUPO{
 +
                background: url("https://static.igem.org/mediawiki/2011/c/c0/UpoSevillaBackgroundbottom.gif") repeat-x bottom;
 +
                height: 165px;
 +
                padding: 1em 0 0 3em;
 +
                text-align: justify;
 +
            }
 +
 +
            /*----------- Navegacion y menus ------*/
 +
 +
            .navegacion{
 +
 +
            }
 +
 +
            img.logoUPO{
 +
                  margin: 0 0 0 2em;
 +
            }           
 +
 +
 +
            img.logoUPOGrey{
 +
                  width:6em;
 +
                  position:absolute;
 +
                  top: 11.8em;
 +
            }
 +
 +
            img.logoGrey{
 +
                  width:6em;
 +
                  position:absolute;
 +
            }   
 +
 +
 +
            /*------------- Social ----------------*/
 +
 +
            .follows{
 +
                  margin: 0.5em 0;
 +
            }
 +
 +
            /*------------- Header ----------------*/
 +
 +
            #header {
 +
              /*background: url("https://static.igem.org/mediawiki/2011/e/e1/UPOSevillaBackgroundLogo.gif") no-repeat scroll right top transparent;*/
 +
background: url("https://static.igem.org/mediawiki/2011/5/5a/UPOSevillaBackgroundLogo.png") no-repeat scroll right top transparent;
 +
              margin: 0 auto;
 +
              width: 60em;
 +
            }
 +
 +
            #top {
 +
                visibility: hidden;
 +
                padding: 10px;
 +
            }
 +
 +
            #topHeader {
 +
                clear: both;
 +
                min-height: 197px;
 +
                padding: 13px 1px;
 +
            }
 +
 +
            /*----------- Columnas ---------------*/
 +
 +
            .left{
 +
                float:left;
 +
                margin-left:-63em;
 +
                width:15em;
 +
                padding-bottom: 0.5em;
 +
                padding-right: 3em;
 +
            }
 +
 +
            .main{
 +
                float:left;
 +
                margin-left:15em;
 +
                width:45em;
 +
                padding-bottom: 0.5em;
 +
            }
 +
 +
            .main h1{
 +
                margin-top: 1.5em;
 +
            }
 +
 +
            .main p{
 +
                padding: 0 1.5em;
 +
            }
 +
 +
              .main.li{
 +
                  margin: 0 0.5em 0 0.1em;
 +
            }
 +
 +
            .right{
 +
                float:right;
 +
                width:15em;
 +
                padding-bottom: 0.5em;
 +
            }
 +
 +
            /*--------------------Footer---------------------------*/
 +
 +
            .sponsor{
 +
                padding: 0.2em 1.7em;
 +
            }
 +
 +
            .utils{
 +
           
 +
            }
 +
 +
            /*--------------Clear Floated Elements-----------------*/
 +
 +
 +
            .clear {
 +
                clear: both;
 +
                display: block;
 +
                overflow: hidden;
 +
                visibility: hidden;
 +
                width: 0;
 +
                height: 0;
 +
            }
 +
 +
 +
            .clearfix:after {
 +
                clear: both;
 +
                content: ' ';
 +
                display: block;
 +
                font-size: 0;
 +
                line-height: 0;
 +
                visibility: hidden;
 +
                width: 0;
 +
                height: 0;
 +
            }
 +
 +
            .clearfix {
 +
                display: inline-block;
 +
            }
 +
 +
            * html .clearfix {
 +
                height: 1%;
 +
            }
 +
 +
            .clearfix {
 +
                display: block;
 +
            }
 +
 +
            /*--------------JSMenu-----------------*/
 +
 +
            /* menu styles */
 +
            #jsddm
 +
            { margin: -5px 0 0 0;
 +
              padding: 0}
 +
 +
            #jsddm li
 +
            { float: left;
 +
              list-style: none;
 +
            }
 +
 +
            #jsddm li a
 +
            { display: block;
 +
              background: url("https://static.igem.org/mediawiki/2011/3/31/BackgroundList.gif") repeat-x;
 +
              padding: 12px;
 +
              text-decoration: none;
 +
              border-right: 1px solid white;
 +
              color: #EAFFED;
 +
              white-space: nowrap}
 +
 +
            #jsddm li a:hover
 +
            { background: #24313C}
 +
 +
 +
            li.menuSelected a{
 +
                background: url("https://static.igem.org/mediawiki/2011/3/31/BackgroundList.gif") repeat-x;
 +
                color: white;
 +
            }
 +
 +
            #topHeader ul
 +
            { margin: 0;
 +
              padding: 0;
 +
              position: absolute;
 +
              height: 154px;
 +
              padding: 10px;
 +
              visibility: hidden;
 +
              width: 39em;}
 +
 +
            #topHeader ul li
 +
            { float: none;
 +
              display: inline;
 +
            }
 +
 +
            #topHeader ul li a {
 +
    border-bottom: 0.5px solid;
 +
    color: #EDEDED;
 +
    display: inline-block;
 +
    font-size: 1em;
 +
    margin-right: 112px;
 +
    padding: 3px;
 +
    width: 12em;
 +
            }
 +
           
 +
            #topHeader ul li a:hover{
 +
    background: #729B42;
 +
    color: white;
 +
            }
 +
 +
            .TopMenuSelected{
 +
    background: #729B42;
 +
    color: white;
 +
            }
 +
     
 +
            /*--------------BreadCrumbs-----------------*/
 +
 +
            /*
 +
 +
            xBreadcrumbs (Extended Breadcrumbs) jQuery Plugin
 +
 +
            © 2009 ajaxBlender.com
 +
 +
            For any questions please visit www.ajaxblender.com
 +
 +
            or email us at support@ajaxblender.com
 +
 +
            */
 +
 +
 +
 +
            .xbreadcrumbs {
 +
 +
            position: relative;
 +
 +
            z-index: 1000;
 +
 +
            }
 +
 +
            .xbreadcrumbs LI UL {
 +
 +
            position: absolute;
 +
 +
            float: left;
 +
 +
            }
 +
 +
            .xbreadcrumbs, .xbreadcrumbs LI, .xbreadcrumbs UL, .xbreadcrumbs UL LI {
 +
 +
            list-style: none;
 +
 +
            margin: 0;
 +
 +
            padding: 0;
 +
 +
            }
 +
 +
            .xbreadcrumbs { clear: both; }
 +
 +
            .xbreadcrumbs, .xbreadcrumbs LI {
 +
 +
            float: left;
 +
 +
            }
 +
 +
            .xbreadcrumbs UL {
 +
 +
            display: none;
 +
 +
            }
 +
 +
 +
 +
            /*  Base style of xBreadcrumbs  */
 +
 +
            /*  Top Level  */
 +
 +
            .xbreadcrumbs {
 +
 +
            width: 100%;
 +
 +
            }
 +
 +
            .xbreadcrumbs LI {
 +
 +
            padding: 5px;
 +
 +
            border-right: 1px solid #CECECE;
 +
 +
            height: 16px;
 +
 +
            }
 +
 +
            .xbreadcrumbs LI.current {
 +
 +
            border-right: none;
 +
 +
            }
 +
 +
            .xbreadcrumbs LI A {
 +
 +
            font-size: 11px;
 +
 +
            color: #666666;
 +
 +
            text-decoration: none;
 +
 +
            }
 +
 +
            .xbreadcrumbs LI A:HOVER, .xbreadcrumbs LI.hover A {
 +
 +
            color: #0A8ECC;
 +
 +
            }
 +
 +
            /*  Top Level - Current Page  */
 +
 +
            .xbreadcrumbs LI.current A {
 +
 +
            color: #333333;
 +
 +
            font-weight: bold;
 +
 +
            }
 +
 +
            /*  Sub-level  */
 +
 +
            .xbreadcrumbs LI UL {
 +
 +
            padding: 3px;
 +
 +
            background: #333333;
 +
 +
            font-size: 11px;
 +
 +
            width: 180px;
 +
 +
            top: 25px;
 +
 +
            }
 +
 +
            .xbreadcrumbs LI UL LI {
 +
 +
            float: left;
 +
 +
            width: 100%;
 +
 +
            border-right: none;
 +
 +
            height: auto;
 +
 +
            }
 +
 +
            .xbreadcrumbs LI UL LI A {
 +
 +
            text-decoration: none;
 +
 +
            color: #CCCCCC !important;
 +
 +
            display: block;
 +
 +
            padding: 4px;
 +
 +
            border-bottom: 1px dotted #666666;
 +
 +
            }
 +
 +
            .xbreadcrumbs LI UL LI:last-child A {
 +
 +
            border-bottom: none;
 +
 +
            }
 +
 +
            .xbreadcrumbs LI UL LI A:HOVER {
 +
 +
                background: #444444;
 +
 +
            }
 +
 +
                .xbreadcrumbs li {
 +
                    background: url("https://static.igem.org/mediawiki/2011/6/6b/UPOSevillaSeparator.gif") no-repeat scroll right center transparent;
 +
                    border-right: medium none;
 +
                    padding-left: 10px;
 +
                    padding-right: 15px;
 +
                }
 +
                .xbreadcrumbs li.current {
 +
                    background: none repeat scroll 0 0 transparent;
 +
                }
 +
                .xbreadcrumbs li ul li {
 +
                    background: none repeat scroll 0 0 transparent;
 +
                }
 +
                .xbreadcrumbs li a.home {
 +
                    background: url("https://static.igem.org/mediawiki/2011/b/b1/UPOSevillaHome.gif") no-repeat scroll left center transparent;
 +
                    padding-left: 20px;
 +
                }
 +
 +
                /*-------------------------- Menu vertical -----------------------------*/
 +
 +
                #menu{
 +
                -moz-border-radius:5px;
 +
                -webkit-border-radius:5px;
 +
                border-radius:5px;
 +
                -webkit-box-shadow:1px 1px 3px #888;
 +
                -moz-box-shadow:1px 1px 3px #888;
 +
                        list-style:none;
 +
                        width: 12em;
 +
                }
 +
                #menu li{border-bottom:1px solid #FFF;
 +
                        background:#9699A8;}
 +
                #menu ul li, #menu li:last-child{border:none}
 +
                #menu a{
 +
                display:block;
 +
                color:#FFF;
 +
                text-decoration:none;
 +
                font-family:'Helvetica', Arial, sans-serif;
 +
                font-size:13px;
 +
                padding:3px 5px;
 +
                text-shadow:1px 1px 1px #325179;
 +
                }
 +
                #menu a:hover{
 +
                color:#9CDE55;
 +
                -webkit-transition: color 0.2s linear;
 +
                }
 +
                #menu ul a{background-color:#6F7079;}
 +
                #menu ul a:hover{
 +
                color:#9CDE55;
 +
                text-shadow:none;
 +
                -webkit-transition: color, background-color 0.2s linear;
 +
                }
 +
                #menu ul{background-color:#6F7079;
 +
                display:block;
 +
                margin:0;
 +
                padding:0;
 +
                width:12em;
 +
                list-style:none;}
 +
                #menu li ul {display:none;}
 +
 +
                #menu li ul li ul{display:block;}
 +
 +
                #menu li ul li ul li{
 +
                        background-color:#9699A8;
 +
                        margin: 0 10px 0;
 +
                }
 +
 +
                #menu li ul li ul li a{
 +
                        background-color:#9699A8;
 +
                }
 +
 +
                /*-------------------------- Org. Chart -----------------------------*/
 +
 +
            table.google-visualization-orgchart-table{
 +
                background: transparent;
 +
                font-size: 0.8em;
 +
                line-height: 1em;
 +
            }
 +
 +
            div#chart_div{
 +
                width: 42em;
 +
                margin: 0 auto;
 +
            }
 +
 +
    dl{  margin: 0 auto 0; text-align: justify;}
 +
    dl dt{  color: #0A845B; padding: 0.2em 0 0.1em 0; cursor:pointer;}
 +
            dt { clear: both; }
 +
    dd{ color: black; }
 +
 +
            a:hover{
 +
                text-decoration:none;
 +
            }
 +
 +
            .google-visualization-orgchart-lineleft, .google-visualization-orgchart-lineright, .google-visualization-orgchart-linebottom{
 +
                border-color: #555555;
 +
            }
 +
 +
              .google-visualization-orgchart-node {
 +
                background: #F2F1F0;
 +
                border: 1px solid #AAAAAA;
 +
              }
 +
 +
              .google-visualization-orgchart-node:hover {
 +
                background: #DCDCDC;
 +
              }
 +
 +
              .google-visualization-orgchart-nodesel {
 +
                  background: #FFF7AE;
 +
                  border: 2px solid #E3CA4B;
 +
              }
 +
 +
              .google-visualization-orgchart-nodesel:hover {
 +
                  background: #FADA51;
 +
              }
 +
 +
 +
            /*--------------------Table---------------------------*/
 +
 +
            table.parameters{
 +
                background: transparent
 +
                border: solid 2px black;
 +
            }
 +
 +
            table.parameters td, table.parameters th{
 +
                background: none repeat scroll 0 0 transparent;
 +
                border: 1px solid grey;
 +
                padding: 0.2em 0.8em;
 +
            }
 +
 +
            /*--------------------Data Page---------------------------*/
 +
 +
.tooltip{
 +
position:absolute;
 +
width:250px;
 +
left:0;
 +
top:0;
 +
background-color:black;
 +
color:white;
 +
z-index:999;
 +
border:2px solid #000;
 +
-moz-border-radius:5px;
 +
-webkit-border-radius:5px;
 +
border-radius:5px;
 +
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
 +
}
 +
.tooltip p{
 +
padding:10px;
 +
font-size:14px;
 +
text-shadow:none;
 +
font-style:italic;
 +
}
 +
.tooltip_arrow{
 +
position:absolute;
 +
background-color:transparent;
 +
background-repeat:no-repeat;
 +
}
 +
.tooltip_arrow_T,
 +
.tooltip_arrow_B,
 +
.tooltip_arrow_TL,
 +
.tooltip_arrow_TR,
 +
.tooltip_arrow_BL,
 +
.tooltip_arrow_BR{
 +
width:13px;
 +
height:7px;
 +
}
 +
.tooltip_arrow_L,
 +
.tooltip_arrow_R,
 +
.tooltip_arrow_LT,
 +
.tooltip_arrow_LB,
 +
.tooltip_arrow_RT,
 +
.tooltip_arrow_RB{
 +
width:7px;
 +
height:13px;
 +
}
 +
.tooltip_arrow_T{
 +
background-position:0px -7px;
 +
top:-7px;
 +
left:50%;
 +
margin-left:-3.5px;
 +
}
 +
.tooltip_arrow_TL{
 +
background-position:0px -7px;
 +
top:-7px;
 +
left:5px;
 +
}
 +
.tooltip_arrow_TR{
 +
background-position:0px -7px;
 +
top:-7px;
 +
right:5px;
 +
}
 +
.tooltip_arrow_B{
 +
background-position:0px 0px;
 +
bottom:-7px;
 +
left:50%;
 +
margin-left:-3.5px;
 +
}
 +
.tooltip_arrow_BL{
 +
background-position:0px 0px;
 +
bottom:-7px;
 +
left:5px;
 +
}
 +
.tooltip_arrow_BR{
 +
background-position:0px 0px;
 +
bottom:-7px;
 +
right:5px;
 +
}
 +
.tooltip_arrow_L{
 +
background-position:-7px 0px;
 +
top:50%;
 +
margin-top:-6.5px;
 +
left:-7px;
 +
}
 +
.tooltip_arrow_LT{
 +
background-position:-7px 0px;
 +
top:5px;
 +
left:-7px;
 +
}
 +
.tooltip_arrow_LB{
 +
background-position:-7px 0px;
 +
bottom:5px;
 +
left:-7px;
 +
}
 +
.tooltip_arrow_R{
 +
background-position:0px 0px;
 +
top:50%;
 +
margin-top:-6.5px;
 +
right:-7px;
 +
}
 +
.tooltip_arrow_RT{
 +
background-position:0px 0px;
 +
top:5px;
 +
right:-7px;
 +
}
 +
.tooltip_arrow_RB{
 +
background-position:0px 0px;
 +
bottom:5px;
 +
right:-7px;
 +
}
 +
.overlay{
 +
position:fixed;
 +
width:100%;
 +
height:100%;
 +
top:0px;
 +
left:0px;
 +
background:#000;
 +
opacity:0.5;
 +
z-index:100;
 +
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
 +
}
 +
.tourcontrols{
 +
position:fixed;
 +
top:5px;
 +
right:-300px;
 +
width:270px;
 +
background:#000;
 +
color:#fff;
 +
text-shadow:0px 0px 1px #fff;
 +
font-size:16px;
 +
padding:10px;
 +
-moz-border-radius:5px;
 +
-webkit-border-radius:5px;
 +
border-radius:5px;
 +
font-weight:bold;
 +
z-index:9999;
 +
}
 +
.tourcontrols a{
 +
font-size:11px;
 +
color:#f0f0f0;
 +
cursor:pointer;
 +
font-weight:normal;
 +
text-decoration:underline;
 +
margin:10px;
 +
}
 +
.tourcontrols a:hover{
 +
color:#fff;
 +
}
 +
.close{
 +
position:absolute;
 +
top:6px;
 +
right:7px;
 +
width:10px;
 +
height:10px;
 +
background:#000 no-repeat center center;
 +
cursor:pointer;
 +
}
 +
.tourcontrols p{
 +
padding:10px;
 +
}
 +
.button{
 +
white-space: nowrap;
 +
display:block;
 +
float:left;
 +
margin:10px 0px 10px 10px;
 +
cursor:pointer;
 +
background: #c63929;
 +
background: -moz-linear-gradient(0% 100% 90deg, #891100 0%, #B51700 50%, #c63929 50%, #EE432E 100%);
 +
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ee432e), color-stop(0.5, #c63929), color-stop(0.5, #b51700), color-stop(1, #891100));
 +
border: 1px solid #951100;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
border-radius: 5px;
 +
-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333;
 +
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333;
 +
box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333;
 +
color: #fff;
 +
font-size: 13px;
 +
font-weight: bold;
 +
letter-spacing: 1px;
 +
line-height: 1;
 +
padding:6px 7px;
 +
text-align: center;
 +
text-shadow: 0px -1px 1px rgba(0, 0, 0, .8);
 +
}
 +
.button:hover {
 +
background: #cb0500;
 +
background: -moz-linear-gradient(0% 100% 90deg, #a20601 0%, #cb0500 50%, #db504d 50%, #f37873 100%);
 +
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #f37873), color-stop(0.5, #db504d), color-stop(0.5, #cb0500), color-stop(1, #a20601));
 +
}
 +
.button:active{
 +
background: #b30300;
 +
background: -moz-linear-gradient(0% 100% 90deg, #700d00 0%, #9c1500 50%, #ad3224 50%, #d43c28 100%);
 +
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #d43c28), color-stop(0.5, #ad3224), color-stop(0.5, #9c1500), color-stop(1, #700d00));
 +
-moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
 +
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
 +
box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
 +
}
 +
.nav{
 +
clear:both;
 +
width:100%;
 +
float:left;
 +
}
 +
 +
 +
      </style>
 +
 +
    </head>
 +
 +
    <body>     
 +
        <div id="page">
 +
                <div id="contentUPO">
 +
 +
                    <a href="/" title="iGEM page">
 +
                    <img class="logoGrey" src="https://static.igem.org/mediawiki/2011/7/72/UPOSevillaIgemLogoGrey.png"/ alt="Grey iGEM Logo">
 +
                    </a>
 +
 +
                    <a href="http://www.upo.es" target="_blank" title="UPO official site">
 +
                      <img class="logoUPOGrey" src="https://static.igem.org/mediawiki/2011/3/36/UPOSevillaGreyUPOIcon.gif" alt="UPO icon"/>
 +
                    </a>
 +
 +
                    <div id="header">
 +
                        <div class="navegacion">
 +
                            <div class="clear"></div>
 +
                            <ul id="jsddm">
 +
                                <li><a href="/Team:UPO-Sevilla">Home</a></li>
 +
                                <li><a>Project</a></li>
 +
                                <li><a>Foundational Advances</a></li>
 +
                                <li><a>Human Practices</a></li>
 +
                                <li><a>Team</a></li>
 +
                            </ul>
 +
                        </div>
 +
                        <div id="topHeader">
 +
                            <ul style="background: transparent; height: 174; padding: 0; ">
 +
                                <li><img id="imgTop" alt="Header"  src="https://static.igem.org/mediawiki/2011/f/f3/UpoSevillaBackgroundheader.JPG" height="177px"/></li>
 +
                            </ul>
 +
                            <ul>
 +
                                <li><a id="menuPOverview" href="/Team:UPO-Sevilla/Project/Overview">Overview</a></li>
 +
                                <li><a id="menuPDataPage" href="/Team:UPO-Sevilla/Project/Data_Page">Data Page</a></li>
 +
                                <li><a id="menuPBasic" href="/Team:UPO-Sevilla/Project/Basic_Flip_Flop/Overview">Basic Flip Flop</a></li>
 +
                                <li><a id="menuPImproved" href="/Team:UPO-Sevilla/Project/Improving_Flip_Flop/Overview">Improved Flip Flop</a></li>
 +
                                <li><a id="menuPEpigenetic" href="/Team:UPO-Sevilla/Project/Epigenetic_Flip_Flop/Overview">Epigenetic Flip Flop</a></li>
 +
                                <li><a id="menuPApplicattions" href="/Team:UPO-Sevilla/Project/Applications">Applications</a></li>
 +
                                <li><a id="menuPParts" href="/Team:UPO-Sevilla/Project/Parts">Parts</a></li>
 +
                                <li><a id="menuPNotebook" id="menuP" href="/Team:UPO-Sevilla/Project/Notebook">Notebook</a></li>
 +
                                <li><a id="menuPJudging" href="/Team:UPO-Sevilla/Project/Judging_Criteria">Judging Criteria</a></li>
 +
                            </ul>
 +
                            <ul>
 +
                                <li><a id="menuFAOverview" href="/Team:UPO-Sevilla/Foundational_Advances">Overview</a></li>
 +
                                <li><a id="menuFAMiniTn7" href="/Team:UPO-Sevilla/Foundational_Advances/MiniTn7/Overview">MiniTn7</a></li>
 +
                                <li><a id="menuFACreator" href="/Team:UPO-Sevilla/Foundational_Advances/BioBrick_Creator">BioBrick Creator</a></li>
 +
                            </ul>
 +
                            <ul>
 +
                                <li><a id="menuHPOverview" href="/Team:UPO-Sevilla/Human_Practice">Overview</a></li>
 +
                                <li><a id="menuHPSafety" href="/Team:UPO-Sevilla/Human_Practice/Safety">Safety</a></li>
 +
                                <li><a id="menuHPBlog" href="/Team:UPO-Sevilla/Human_Practice/Tornillos_y_genes">Tornillos y Genes</a></li>
 +
                                <li><a id="menuHPBSIES" href="/Team:UPO-Sevilla/Human_Practice/BSIES">BSIES</a></li>
 +
                                <li><a id="menuHPSeminar" href="/Team:UPO-Sevilla/Human_Practice/Randy_Rettberg_Seminar">Randy Rettberg' s Seminar</a></li>
 +
                                <li><a id="menuHPWorkshop" href="/Team:UPO-Sevilla/Human_Practice/Workshop">Workshop</a></li>
 +
                                <li><a id="menuHPScienceFair" href="/Team:UPO-Sevilla/Human_Practice/Science_Fair">Science Fair</a></li>
 +
                                <li><a id="menuHPWeek" href="/Team:UPO-Sevilla/Human_Practice/Week_of_Science">Week of Science</a></li>
 +
                                <li><a id="menuHPMedia"  href="/Team:UPO-Sevilla/Human_Practice/Media">Media</a></li>
 +
                            </ul>
 +
                            <ul>
 +
                                <li><a id="menuTStructure" href="/Team:UPO-Sevilla/Team">Team Structure</a></li>
 +
                                <li><a id="menuTAttributions" href="/Team:UPO-Sevilla/Team/Attributions">Attributions</a></li>
 +
                                <li><a id="menuTAcknowledgements" href="/Team:UPO-Sevilla/Team/Acknowledgements">Acknowledgements</a></li>
 +
                            </ul>
 +
                        </div>
 +
                    </div>
 +
 +
                    <div class="clear"></div>
 +
 +
  <img width="80px" src="https://static.igem.org/mediawiki/2011/d/de/UPOSevillaGoldMedal.png" style="position:absolute; top: 10px; right: 7px" />
 +
                         
 +
  <img width="80px" src="https://static.igem.org/mediawiki/2011/0/01/UPOSevillaAdvanceMedal.png" style="position:absolute; top: 100px; right: 7px" />
 +
 +
  <img width="80px" src="https://static.igem.org/mediawiki/2011/4/4f/UPOSevillaHumanPracticesMedal.png" style="position:absolute; top: 200px; right: 7px" />

Latest revision as of 21:50, 27 October 2011