Team:Valencia-CIPF/menu

From 2013.igem.org

(Difference between revisions)
Line 3: Line 3:
<script type="text/javascript">
<script type="text/javascript">
-
/* Empieza Menú */
+
*{
 +
margin:0px;
 +
padding:0px;
 +
border:0px;
 +
font-family: arial;
 +
color:white;
 +
}
-
#list-updates {
+
ul{
-
        list-style:none;  
+
list-style: none;
-
/*margin: 0;     Cambios 0*/
+
display:block;
}
}
-
#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
+
ul li{
-
{
+
border-right:1px solid #292929;
-
width:100%;     /*Aparentemente no hace nada*/
+
float:left;
-
height:60px;     /*Aparentemente no hace nada*/
+
box-shadow: inset 0px 0px 0px #272822;
-
padding-left:50px; /*Aparentemente no hace nada*/
+
-webkit-transition: box-shadow .1s;
 +
 +
background: #444444; /* Old browsers */
 +
background: -moz-linear-gradient(top, #444444 68%, #333333 100%); /* FF3.6+ */
 +
background: -webkit-gradient(linear, left top, left bottom, color-stop(68%,#444444), color-stop(100%,#333333)); /* Chrome,Safari4+ */
 +
background: -webkit-linear-gradient(top,  #444444 68%,#333333 100%); /* Chrome10+,Safari5.1+ */
 +
background: -o-linear-gradient(top, #444444 68%,#333333 100%); /* Opera 11.10+ */
 +
background: -ms-linear-gradient(top,  #444444 68%,#333333 100%); /* IE10+ */
 +
background: linear-gradient(to bottom,  #444444 68%,#333333 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
 +
 
}
}
-
.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*/
+
ul li:hover{
-
height:31px;
+
box-shadow: inset 0px 0px 25px #2C2C2C;
-
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;
+
div.general{
 +
padding:15px 40px;
}
}
-
+
 
-
.space_item-B {
+
div#buscar{
-
background:transparent url('https://static.igem.org/mediawiki/igem.org/3/3c/Flor2.png') 0 0 scroll no-repeat;
+
padding:15px 20px;
}
}
-
.space_item-C {
+
 
-
background:transparent url('https://static.igem.org/mediawiki/igem.org/d/d3/Flor3.png') 0 0 scroll no-repeat;
+
div.menu{
 +
display: inline-block;
 +
width:12px;
 +
height:12px;
 +
margin-right: 5px;
}
}
-
.space_item-D {
+
 
-
background:transparent url('https://static.igem.org/mediawiki/igem.org/1/17/Flor4.png') 0 0 scroll no-repeat;
+
div#uno{
 +
background-image: url(imagenes/menu_icon.png);
 +
background-position:-26px 0px;
}
}
-
.space_item-E {
+
 
-
background:transparent url('https://static.igem.org/mediawiki/igem.org/3/3b/Flor5.png') 0 0 scroll no-repeat;
+
div#dos{
-
}
+
background-image: url(imagenes/menu_icon.png);
-
.space_item-F {
+
background-position:-13px 0px;
-
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;
+
div#tres{
 +
background-image: url(imagenes/menu_icon.png);
 +
background-position:-52px 0px;
}
}
-
.space_item-H {
+
 
-
background:transparent url('https://static.igem.org/mediawiki/igem.org/1/11/Flor8.png') 0 0 scroll no-repeat;
+
div#cuatro{
 +
background-image: url(imagenes/menu_icon.png);
 +
background-position:-39px 0px;
}
}
-
#access {
+
 
-
background: tranparent; /*Color barra menú*/
+
div#cinco{
-
font-color: #FFF;
+
background-image: url(imagenes/menu_icon.png);
-
display: block;
+
background-position:0px 0px;
-
width: 1500;
+
-
height: 37px;
+
-
position: relative;
+
-
        left:0;
+
-
        top:0px;
+
-
        z-index:1;
+
}
}
-
#access .menu-header,
+
 
-
div.menu {
+
div#seis{
-
margin: 0;  
+
background-image: url(imagenes/menu_icon.png);
-
font-size: 15px;
+
background-position:-65px 0px;
}
}
-
#access .menu-header ul,
+
 
-
div.menu ul{
+
input{
-
list-style: none;
+
padding-left:.8em;
-
margin: 0;
+
border-radius:9px;
-
        float:left;
+
height:18px;
-
position: fixed;
+
color:black;
-
        left:0;
+
width:120px;
-
top:8px;
+
-webkit-transition:width 0.4s;
}
}
-
#access .menu-header li,
+
 
-
div.menu li{
+
input:focus{
-
float: left;
+
outline: none;
-
position:relative;
+
width:160px;
}
}
-
.menu a, .menu a:visited {
+
 
-
        width:120px;
+
li#first{
-
color: #000000;
+
border-radius:5px 0px 0px 5px;
-
        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;
+
li#last{
-
}
+
border-radius:0px 5px 5px 0px;
-
#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>
<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
 +
<head>
 +
  <meta charset="UTF-8">
 +
  <title>menu</title>
 +
  <link rel="stylesheet" href="index_style.css">
 +
</head>
 +
<body>
 +
  <nav>
 +
    <ul>
 +
      <a href="#">
 +
      <li id="first">
 +
        <div class="general">
 +
          <div class="menu" id="uno"></div>
 +
          Inicio
 +
        </div>
 +
      </li>
 +
      </a>
 +
 +
      <a href="#">
 +
      <li>
 +
        <div class="general">
 +
        <div class="menu" id="dos"></div>
 +
          Videos
 +
          </div>
 +
      </li>
 +
      </a>
 +
     
 +
      <a href="#">
 +
      <li>
 +
        <div class="general">
 +
        <div class="menu" id="tres"></div>
 +
        Imagenes
 +
        </div>
 +
      </li>
 +
      </a>
 +
     
 +
      <a href="#">
 +
      <li>
 +
        <div class="general">
 +
        <div class="menu" id="cuatro"></div>
 +
          Archivos
 +
          </div>
 +
      </li>
 +
      </a>
 +
     
 +
      <a href="#">
 +
      <li>
 +
        <div class="general">
 +
        <div class="menu" id="cinco"></div>
 +
          Nosotros
 +
          </div>
 +
      </li>
 +
      </a>
 +
      <li id="last">
 +
        <div class="general" id="buscar">
 +
        <div class="menu" id="seis"></div>
 +
          <input type="text">
 +
          </div>
 +
      </li>
 +
    </ul>
 +
  </nav> 
 +
</body>
-
<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>
 
</html>
</html>

Revision as of 11:44, 8 August 2013

menu

Retrieved from "http://2013.igem.org/Team:Valencia-CIPF/menu"