Team:Valencia-CIPF/menu

From 2013.igem.org

(Difference between revisions)
 
(56 intermediate revisions not shown)
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;
+
-
}
+
-
ul{
+
#access {
-
list-style: none;
+
background: #d64729;
-
display:block;
+
font-color: #FFF;
-
         z-index:999;
+
        width: 100%;
 +
display: block;
 +
position: relative;
 +
         float:none;
 +
        top:0px;
}
}
-
ul li{
+
#access .menu-header,
-
border-right:1px solid #292929;
+
div.menu {
-
float:left;
+
margin: 0;  
-
box-shadow: inset 0px 0px 0px #272822;
+
font-size: 11px;
-
-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 */
+
-
 
+
}
}
-
 
+
#access .menu-header ul,
-
ul li:hover{
+
div.menu ul{
-
box-shadow: inset 0px 0px 25px #2C2C2C;
+
list-style: none;
 +
margin: 0;
 +
        float:left;
 +
position: relative;
 +
        left:-5px;
 +
top:-20px;
 +
        z-index:99;
}
}
-
div.general{
+
#access .menu-header li,
-
padding:15px 40px;
+
div.menu li{
 +
float: left;
 +
position:relative;
 +
        display:block;
 +
        height:40px;
 +
        text-decoration:none;
 +
        font-size:11px;
 +
        font-weight:bold;
 +
        padding:0 0 0 0px;
 +
        cursor:pointer;
 +
        text-align: center;
}
}
-
div#buscar{
+
.menu a, .menu a:visited {
-
padding:15px 20px;
+
        width:100px;
 +
color: #000000;
 +
        background: #d64729;
 +
display: block;
 +
line-height: 35px;
 +
padding: 0 10px;
 +
text-decoration: none;
 +
font-weight:bold;
 +
        position:relative;
 +
        left: 0px;
 +
        text-align: center;
}
}
-
div.menu{
+
#access table a {
-
display: inline-block;
+
line-height: 30px;  
-
width:12px;
+
-
height:12px;
+
-
margin-right: 5px;
+
}
}
-
div#uno{
+
#access ul ul {
-
background-image: url(imagenes/menu_icon.png);
+
display: none;
-
background-position:-26px 0px;
+
position: relative;
-
}
+
top: 0px;
 +
float: left;
 +
left: 0px;  /*Posición caja desplegable*/
 +
width: 1px;
 +
}
-
div#dos{
+
#access ul ul li {
-
background-image: url(imagenes/menu_icon.png);
+
width:90px;
-
background-position:-13px 0px;
+
        height:34px;
 +
float: left;
 +
left: 0px; 
 +
        position:relative;
}
}
-
div#tres{
+
#access ul ul ul {
-
background-image: url(imagenes/menu_icon.png);
+
left: 0;
-
background-position:-52px 0px;
+
top: 0;
}
}
-
div#cuatro{
+
#access ul ul a {
-
background-image: url(imagenes/menu_icon.png);
+
background: #d64729; /*Color desplegable*/
-
background-position:-39px 0px;
+
line-height: 1em;
 +
        display:inline;
 +
padding: 15px;
 +
width: 94px;
 +
        position: absolute;
 +
height: auto;
}
}
-
div#cinco{
+
#access li:hover > a,
-
background-image: url(imagenes/menu_icon.png);
+
#access ul ul :hover > a {
-
background-position:0px 0px;
+
color: #d64729;
 +
line-height: 10px;
 +
        width:100px;
 +
        height:11px;
 +
padding: 12px;
 +
text-decoration: none;
 +
font-weight:bold;
 +
background: #fff;
 +
        text-align: center;
}
}
-
div#seis{
+
#access ul li:hover > ul {
-
background-image: url(imagenes/menu_icon.png);
+
display: block;
-
background-position:-65px 0px;
+
}
}
-
input{
+
#access ul li a.current_page_item ,
-
padding-left:.8em;
+
#access ul li a.current-menu-ancestor ,
-
border-radius:9px;
+
#access ul li a.current-menu-item ,
-
height:18px;
+
#access ul li a.current-menu-parent ,
-
color:black;
+
          background: #d64729; /*Color menú sin desplegable*/
-
width:120px;
+
-
-webkit-transition:width 0.4s;
+
}
}
-
input:focus{
+
/* Fin Menú */
-
outline: none;
+
-
width:160px;
+
-
}
+
-
li#first{
 
-
border-radius:5px 0px 0px 5px;
 
-
}
 
-
li#last{
+
<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
-
border-radius:0px 5px 5px 0px;
+
-
}
+
-
<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
+
<div id="access">
 +
<div class="menu"><ul>  
-
<head>
+
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF" class="current_page_item">Home</a></li>
-
  <meta charset="UTF-8">
+
-
  <title>menu</title>
+
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Team" >Team</a></li>                                          
-
  <link rel="stylesheet" href="index_style.css">
+
-
</head>
+
<li class="space_item"><a id="name" >Project</a>
-
<body>
+
<ul class="children">
-
  <nav>
+
        <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/TheProblem" >The Problem</a></li>
-
    <ul>
+
                        <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/OurSolution" >Our Solution</a></li>
-
      <a href="#">
+
</ul></li>
-
      <li id="first">
+
-
        <div class="general">
+
<li class="space_item"><a id="name" >Wet Lab</a>
-
          <div class="menu" id="uno"></div>
+
<ul class="children">
-
          Inicio
+
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Introduction" >Introduction</a></li>
-
        </div>
+
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Strategy" >Strategy</a></li>
-
      </li>
+
-
      </a>  
+
-
      <a href="#">
+
</ul></li>
-
      <li>
+
-
        <div class="general">
+
<li class="space_item"><a id="name" >Dry Lab</a>
-
        <div class="menu" id="dos"></div>
+
<ul class="children">
-
          Videos
+
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Introduction1" >Introduction</a></li>
-
          </div>
+
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Modelling" >Modelling</a></li>
-
      </li>
+
<!-- <li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Software" >Software</a></li> --!>
-
      </a>
+
</ul></li>
-
     
+
-
      <a href="#">
+
<li class="space_item"><a id="name" >Human Practices</a>
-
      <li>
+
<ul class="children">
-
        <div class="general">
+
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Safety" >Safety</a></li>
-
        <div class="menu" id="tres"></div>
+
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Activities" >Activities</a></li>
-
        Imagenes
+
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/News" >News</a></li>
-
        </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">
+
</ul></li>
-
        <div class="general" id="buscar">
+
-
        <div class="menu" id="seis"></div>
+
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/Acknowledgements" >Acknowledgements</a></li>
-
          <input type="text">
+
-
          </div>
+
-
      </li>
+
-
    </ul>
+
-
  </nav>
+
-
</body>
+
 +
<li class="page_item"><a href="https://2013.igem.org/Team:Valencia-CIPF/References" >References</a></li>
 +
 +
 +
</div>
 +
</div>
</html>
</html>

Latest revision as of 00:15, 5 October 2013

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