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:red;
+
-
}
+
-
ul{
+
#list-updates {
-
list-style: none;
+
        list-style:none;  
-
display:block;
+
/*margin: 0;     Cambios 0*/
}
}
-
ul li{
+
#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
-
border-right:1px solid #292929;
+
{
-
float:left;
+
width:100%;     /*Aparentemente no hace nada*/
-
box-shadow: inset 0px 0px 0px #272822;
+
height:60px;     /*Aparentemente no hace nada*/
-
-webkit-transition: box-shadow .1s;
+
padding-left:50px; /*Aparentemente no hace nada*/
-
+
-
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  {
-
ul li:hover{
+
width:40%;  /*IMPORTANTE*/
-
box-shadow: inset 0px 0px 25px #2C2C2C;
+
height:31px;
 +
margin:5px;
 +
        margin-top:3px; /*Cambios 2px*/
}
}
-
 
+
.space_item-A {
-
div.general{
+
background:transparent url('https://static.igem.org/mediawiki/igem.org/5/51/Flor1.png') 0 0 scroll no-repeat;
-
padding:15px 40px;
+
}
}
-
 
+
-
div#buscar{
+
.space_item-B {
-
padding:15px 20px;
+
background:transparent url('https://static.igem.org/mediawiki/igem.org/3/3c/Flor2.png') 0 0 scroll no-repeat;
}
}
-
 
+
.space_item-C {
-
div.menu{
+
background:transparent url('https://static.igem.org/mediawiki/igem.org/d/d3/Flor3.png') 0 0 scroll no-repeat;
-
display: inline-block;
+
-
width:12px;
+
-
height:12px;
+
-
margin-right: 5px;
+
}
}
-
 
+
.space_item-D {
-
div#uno{
+
background:transparent url('https://static.igem.org/mediawiki/igem.org/1/17/Flor4.png') 0 0 scroll no-repeat;
-
background-image: url(imagenes/menu_icon.png);
+
-
background-position:-26px 0px;
+
}
}
-
 
+
.space_item-E {
-
div#dos{
+
background:transparent url('https://static.igem.org/mediawiki/igem.org/3/3b/Flor5.png') 0 0 scroll no-repeat;
-
background-image: url(imagenes/menu_icon.png);
+
}
-
background-position:-13px 0px;
+
.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 {
-
div#tres{
+
background:transparent url('https://static.igem.org/mediawiki/igem.org/f/f2/Flor7.png') 0 0 scroll no-repeat;
-
background-image: url(imagenes/menu_icon.png);
+
-
background-position:-52px 0px;
+
}
}
-
 
+
.space_item-H {
-
div#cuatro{
+
background:transparent url('https://static.igem.org/mediawiki/igem.org/1/11/Flor8.png') 0 0 scroll no-repeat;
-
background-image: url(imagenes/menu_icon.png);
+
-
background-position:-39px 0px;
+
}
}
-
 
+
#access {
-
div#cinco{
+
background: tranparent; /*Color barra menú*/
-
background-image: url(imagenes/menu_icon.png);
+
font-color: #FFF;
-
background-position:0px 0px;
+
display: block;
 +
width: 1500;
 +
height: 37px;
 +
position: relative;
 +
        left:0;
 +
        top:0px;
 +
        z-index:1;
}
}
-
 
+
#access .menu-header,
-
div#seis{
+
div.menu {
-
background-image: url(imagenes/menu_icon.png);
+
margin: 0;  
-
background-position:-65px 0px;
+
font-size: 15px;
}
}
-
 
+
#access .menu-header ul,
-
input{
+
div.menu ul{
-
padding-left:.8em;
+
list-style: none;
-
border-radius:9px;
+
margin: 0;
-
height:18px;
+
        float:left;
-
color:black;
+
position: fixed;
-
width:120px;
+
        left:0;
-
-webkit-transition:width 0.4s;
+
top:8px;
}
}
-
 
+
#access .menu-header li,
-
input:focus{
+
div.menu li{
-
outline: none;
+
float: left;
-
width:160px;
+
position:relative;
}
}
-
 
+
.menu a, .menu a:visited {
-
li#first{
+
        width:120px;
-
border-radius:5px 0px 0px 5px;
+
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 {
-
li#last{
+
line-height: 35px;
-
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ú */
Line 110: Line 148:
-
                                      <!-- HTML -->
 
-
 
-
<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:55, 8 August 2013

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