Team:Valencia-CIPF/menu

From 2013.igem.org

(Difference between revisions)
(Blanked the page)
Line 1: Line 1:
 +
<style type="text/css">
 +
<script type="text/javascript">
 +
/* Empieza Menú */
 +
 +
#list-updates {
 +
        list-style:none;
 +
/*margin: 0;    Cambios 0*/
 +
}
 +
 +
#list-updates .space_item-A, #list-updates .space_item-B, #list-updates .space_item-C, #list-updates .space_item-D,  #list-updates .space_item-E, #list-updates .space_item-F, #list-updates .space_item-G, #list-updates .space_item-H
 +
{
 +
width:100%;      /*Aparentemente no hace nada*/
 +
height:60px;    /*Aparentemente no hace nada*/
 +
padding-left:50px; /*Aparentemente no hace nada*/
 +
}
 +
 +
.space_item-A, .space_item-B, .space_item-C, .space_item-D, .space_item-E, .space_item-F, .space_item-G, .space_item-H  {
 +
width:40%;  /*IMPORTANTE*/
 +
height:31px;
 +
margin:5px;
 +
        margin-top:3px;  /*Cambios 2px*/
 +
}
 +
.space_item-A {
 +
background:transparent url('https://static.igem.org/mediawiki/igem.org/5/51/Flor1.png') 0 0 scroll no-repeat;
 +
}
 +
 +
.space_item-B {
 +
background:transparent url('https://static.igem.org/mediawiki/igem.org/3/3c/Flor2.png') 0 0 scroll no-repeat;
 +
}
 +
.space_item-C {
 +
background:transparent url('https://static.igem.org/mediawiki/igem.org/d/d3/Flor3.png') 0 0 scroll no-repeat;
 +
}
 +
.space_item-D {
 +
background:transparent url('https://static.igem.org/mediawiki/igem.org/1/17/Flor4.png') 0 0 scroll no-repeat;
 +
}
 +
.space_item-E {
 +
background:transparent url('https://static.igem.org/mediawiki/igem.org/3/3b/Flor5.png') 0 0 scroll no-repeat;
 +
}
 +
.space_item-F {
 +
background:transparent url('https://static.igem.org/mediawiki/igem.org/2/2e/Flor6.png') 0 0 scroll no-repeat;
 +
}
 +
.space_item-G {
 +
background:transparent url('https://static.igem.org/mediawiki/igem.org/f/f2/Flor7.png') 0 0 scroll no-repeat;
 +
}
 +
.space_item-H {
 +
background:transparent url('https://static.igem.org/mediawiki/igem.org/1/11/Flor8.png') 0 0 scroll no-repeat;
 +
}
 +
#access {
 +
background: tranparent;  /*Color barra menú*/
 +
font-color: #FFF;
 +
display: block;
 +
width: 1500;
 +
height: 37px;
 +
position: relative;
 +
        left:0;
 +
        top:0px;
 +
        z-index:1;
 +
}
 +
#access .menu-header,
 +
div.menu {
 +
margin: 0;
 +
font-size: 15px;
 +
}
 +
#access .menu-header ul,
 +
div.menu ul{
 +
list-style: none;
 +
margin: 0;
 +
        float:left;
 +
position: fixed;
 +
        left:0;
 +
top:8px;
 +
}
 +
#access .menu-header li,
 +
div.menu li{
 +
float: left;
 +
position:relative;
 +
}
 +
.menu a, .menu a:visited {
 +
        width:120px;
 +
color: #000000;
 +
        background: #d64729;
 +
display: block;
 +
line-height: 35px;
 +
padding: 0 23px;
 +
text-decoration: none;
 +
font-weight:bold;
 +
        position:absolute;
 +
        left: 8px;
 +
        border: 1px solid black;
 +
}
 +
#access table a {
 +
line-height: 35px;
 +
}
 +
#access ul ul {
 +
display: none;
 +
position: absolute;
 +
top: 0px;
 +
float: left;
 +
left: 0px;  /*Posición caja desplegable*/
 +
width: 120;
 +
}
 +
#access ul ul li {
 +
min-width: 120px;
 +
float: left;
 +
left: 170px; 
 +
}
 +
#access ul ul ul {
 +
left: 100%;
 +
top: 0;
 +
}
 +
#access ul ul a {
 +
background: #ffa67c; /*Color desplegable*/
 +
line-height: 1em;
 +
padding: 10px;
 +
width: 120px;
 +
        position: relative;
 +
/*height: auto;*/
 +
}
 +
#access li:hover > a,
 +
#access ul ul :hover > a {
 +
color: #d64729;
 +
display: block;
 +
line-height: 16px;
 +
        width:140px;
 +
padding: 10px;
 +
text-decoration: none;
 +
        border-radius:10px;
 +
font-weight:bold;
 +
        border: 1px solid black;
 +
background: #fff;
 +
}
 +
#access ul li:hover > ul {
 +
display: block;
 +
}
 +
#access ul li a.current_page_item ,
 +
#access ul li a.current-menu-ancestor ,
 +
#access ul li a.current-menu-item ,
 +
#access ul li a.current-menu-parent ,
 +
          background: #d64729;  /*Color menú sin desplegable*/
 +
}
 +
 +
/* Fin Menú */
 +
 +
 +
<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
 +
 +
 +
 +
<div id="access">
 +
<div class="wrapper">
 +
<div class="menu"><ul>
 +
<li class="space_item-A"></li>
 +
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF" class="current_page_item">Home</a></li>
 +
<li class="space_item-B"></li>
 +
 +
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Team" >Team</a></li>                                           
 +
                        <li class="space_item-C"></li>
 +
 +
<li class="space_item"><a id="name" >Project</a>
 +
<ul class="children">
 +
        <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/TheProblem" >The Problem</a></li>
 +
                        <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/OurSolution" >Our Solution</a></li>
 +
                        <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Biobricks" >Biobricks</a></li>
 +
</ul></li>
 +
<li class="space_item-D"></li>
 +
 +
<li class="space_item"><a id="name" >Wet Lab</a>
 +
<ul class="children">
 +
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Introduction" >Introduction</a></li>
 +
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Strategy" >Strategy</a></li>
 +
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Experimentation" >Experimentation</a></li>
 +
</ul></li>
 +
<li class="space_item-E"></li>
 +
 +
<li class="space_item"><a id="name" >Dry Lab</a>
 +
<ul class="children">
 +
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Introduction1" >Introduction</a></li>
 +
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Modelling" >Modelling</a></li>
 +
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Software" >Software</a></li>
 +
</ul></li>
 +
<li class="space_item-F"></li>
 +
 +
<li class="space_item"><a id="name" >Human Practices</a>
 +
<ul class="children">
 +
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Safety" >Safety</a></li>
 +
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Activities" >Activities</a></li>
 +
</ul></li>
 +
<li class="space_item-G"></li>
 +
 +
<li class="space_item"><a id="name" >More</a>
 +
<ul class="children">
 +
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Collaboration" >Collaboration</a></li>
 +
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Notebook" >Notebook</a></li>
 +
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/JudgingCriteria" >Judging Criteria</a></li>
 +
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/References" >References</a></li>
 +
</ul></li>
 +
<li class="space_item-H"></li>
 +
 +
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Acknowledgements" >Acknowledgements</a></li>
 +
              </ul></div>
 +
 +
 +
</div>
 +
</div>
 +
 +
 +
 +
<style type="text/css">
 +
<script type="text/javascript">

Revision as of 16:55, 2 September 2013

<style type="text/css"> <script type="text/javascript">

/* Empieza Menú */

  1. list-updates {
       list-style:none; 

/*margin: 0; Cambios 0*/ }

  1. list-updates .space_item-A, #list-updates .space_item-B, #list-updates .space_item-C, #list-updates .space_item-D, #list-updates .space_item-E, #list-updates .space_item-F, #list-updates .space_item-G, #list-updates .space_item-H

{ width:100%; /*Aparentemente no hace nada*/ height:60px; /*Aparentemente no hace nada*/ padding-left:50px; /*Aparentemente no hace nada*/ }

.space_item-A, .space_item-B, .space_item-C, .space_item-D, .space_item-E, .space_item-F, .space_item-G, .space_item-H { width:40%; /*IMPORTANTE*/ height:31px; margin:5px;

       margin-top:3px;  /*Cambios 2px*/

} .space_item-A { background:transparent url('https://static.igem.org/mediawiki/igem.org/5/51/Flor1.png') 0 0 scroll no-repeat; }

.space_item-B { background:transparent url('https://static.igem.org/mediawiki/igem.org/3/3c/Flor2.png') 0 0 scroll no-repeat; } .space_item-C { background:transparent url('https://static.igem.org/mediawiki/igem.org/d/d3/Flor3.png') 0 0 scroll no-repeat; } .space_item-D { background:transparent url('https://static.igem.org/mediawiki/igem.org/1/17/Flor4.png') 0 0 scroll no-repeat; } .space_item-E { background:transparent url('https://static.igem.org/mediawiki/igem.org/3/3b/Flor5.png') 0 0 scroll no-repeat; } .space_item-F { background:transparent url('https://static.igem.org/mediawiki/igem.org/2/2e/Flor6.png') 0 0 scroll no-repeat; } .space_item-G { background:transparent url('https://static.igem.org/mediawiki/igem.org/f/f2/Flor7.png') 0 0 scroll no-repeat; } .space_item-H { background:transparent url('https://static.igem.org/mediawiki/igem.org/1/11/Flor8.png') 0 0 scroll no-repeat; }

  1. access {

background: tranparent; /*Color barra menú*/ font-color: #FFF; display: block; width: 1500; height: 37px; position: relative;

       left:0;
       top:0px;
       z-index:1;

}

  1. access .menu-header,

div.menu { margin: 0; font-size: 15px; }

  1. access .menu-header ul,

div.menu ul{ list-style: none; margin: 0;

       float:left;

position: fixed;

       left:0;

top:8px; }

  1. access .menu-header li,

div.menu li{ float: left; position:relative; } .menu a, .menu a:visited {

       width:120px;

color: #000000;

       background: #d64729;

display: block; line-height: 35px; padding: 0 23px; text-decoration: none; font-weight:bold;

       position:absolute;
       left: 8px;
       border: 1px solid black;

}

  1. access table a {

line-height: 35px; }

  1. access ul ul {

display: none; position: absolute; top: 0px; float: left; left: 0px; /*Posición caja desplegable*/ width: 120; }

  1. access ul ul li {

min-width: 120px; float: left; left: 170px; }

  1. access ul ul ul {

left: 100%; top: 0; }

  1. access ul ul a {

background: #ffa67c; /*Color desplegable*/ line-height: 1em; padding: 10px; width: 120px;

       position: relative;

/*height: auto;*/ }

  1. access li:hover > a,
  2. access ul ul :hover > a {

color: #d64729; display: block; line-height: 16px;

       width:140px;

padding: 10px; text-decoration: none;

       border-radius:10px;

font-weight:bold;

       border: 1px solid black;

background: #fff; }

  1. access ul li:hover > ul {

display: block; }

  1. access ul li a.current_page_item ,
  2. access ul li a.current-menu-ancestor ,
  3. access ul li a.current-menu-item ,
  4. access ul li a.current-menu-parent ,
          background: #d64729;  /*Color menú sin desplegable*/

}

/* Fin Menú */


<style media="all" type="text/css">@import "/menu/menu_style.css";</style>




<style type="text/css"> <script type="text/javascript">