Team:Valencia Biocampus/menu2
From 2012.igem.org
(Difference between revisions)
(100 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <div class="content"> | ||
+ | <ul id="sdt_menu" class="sdt_menu"> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2012/e/e4/Team2.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">The Team</span> | ||
+ | <span class="sdt_descr">Know the team</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box"> | ||
+ | <!-- <a href="https://2012.igem.org/Team:Valencia_Biocampus/Team">The Team</a>--> | ||
+ | <!-- <a href="https://2012.igem.org/Team:Valencia_Biocampus/Team2"> Student Members </a> --> | ||
+ | |||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/miembros">Student Members </a> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/miembros2"> Advisors </a> | ||
+ | <!-- <a href="https://2012.igem.org/Team:Valencia_Biocampus/miembros3"> Instructors </a>--> | ||
+ | <!--<a href="https://2012.igem.org/Team:Valencia_Biocampus/c3po">Student Members </a>--> | ||
+ | <!-- <a href="https://2012.igem.org/Team:Valencia_Biocampus/c3poAdvisors"> Advisors </a>--> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/c3poInstructors"> Instructors </a> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Universities">The Universities</a> | ||
+ | |||
+ | <!--<a href="https://2012.igem.org/Team:Valencia_Biocampus/Akw">Acknowledgements</a>--> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Akw">Acknowledgements</a> | ||
+ | |||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Attributions">Attributions</a> | ||
+ | |||
+ | <!-- <a href="https://2012.igem.org/Team:Valencia_Biocampus/Gallery">Gallery</a> --> | ||
+ | <!-- <a href="https://2012.igem.org/Team:Valencia_Biocampus/galeria">Gallery</a> --> | ||
+ | <!-- <a href="https://2012.igem.org/Team:Valencia_Biocampus/galeria">Gallery</a> --> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/galeria3">Gallery</a> | ||
+ | |||
+ | <!-- <a href="https://2012.igem.org/Team:Valencia_Biocampus/contactUs">Contact Us</a> --> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/contactUs">Contact Us</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Project"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/1/1a/C3po_valencia.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">The Project</span> | ||
+ | <span class="sdt_descr">Where ideas get born</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box"> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Project">Overview</a> | ||
+ | |||
+ | <!-- <a href="https://2012.igem.org/Team:Valencia_Biocampus/Bacterium">Bacteria</a> --> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Bacterium">Bacteria</a> | ||
+ | |||
+ | |||
+ | <!-- <a href="https://2012.igem.org/Team:Valencia_Biocampus/Yeast">Yeast</a> --> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Yeast">Yeast</a> | ||
+ | |||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Modeling_overview">Modeling</a> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/talking">Talking Interfaces</a> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Notebook">Notebook</a> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Protocols">Protocols</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/b/b4/Biobrick_valencia.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Results</span> | ||
+ | <span class="sdt_descr">Our dialogues</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box"> | ||
+ | |||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Results1">Talking to bacteria</a> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Results2">Talking to yeast</a> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Results3">Dissecting cheaters</a> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Biobricks">Submitted Biobricks</a> | ||
+ | <!-- <a href="https://2012.igem.org/Team:Valencia_Biocampus/Making_our_Biobricks">Making our Biobricks</a> --> | ||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Modeling"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/7/70/Modeling_menu_vlc.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Modeling</span> | ||
+ | <span class="sdt_descr">Inside knowlegde</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box"> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Modeling">Introduction</a> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Modeling#Modeling_Bacteria">Bacteria</a> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Modeling#Modeling_Yeast">Yeast</a> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/modhp">for Human Practices</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/9/9d/Human_valencia.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Human Practices</span> | ||
+ | <span class="sdt_descr">Talking life</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | <div class="sdt_box"> | ||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Ethics">Ethical issues</a> | ||
+ | <!-- <a href="https://2012.igem.org/Team:Valencia_Biocampus/Ethics">Ethical issues</a> --> | ||
+ | |||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Safety">Safety</a> | ||
+ | <a><br></a> | ||
+ | <a><br></a> | ||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | |||
+ | <a href="https://2012.igem.org/Team:Valencia_Biocampus/Achievements"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/e/e6/Albaachievements8.png" alt=""/> | ||
+ | <span class="sdt_active"></span> | ||
+ | <span class="sdt_wrap"> | ||
+ | <span class="sdt_link">Achievements</span> | ||
+ | <span class="sdt_descr">What we did</span> | ||
+ | </span> | ||
+ | </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- A partir de aqui va el codigo script: NO TOCAR!! (solo Tamara si puede) --> | ||
<!-- The JavaScript --> | <!-- The JavaScript --> | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
Line 279: | Line 410: | ||
font-size:14px; | font-size:14px; | ||
width:1020px; | width:1020px; | ||
+ | |||
} | } | ||
ul.sdt_menu a{ | ul.sdt_menu a{ | ||
Line 297: | Line 429: | ||
width:160px; | width:160px; | ||
height:85px; | height:85px; | ||
- | z-index: | + | z-index:12000; |
- | background:transparent url(../ | + | background:transparent url(https://static.igem.org/mediawiki/2012/5/5c/Overlay.png) no-repeat bottom right; |
-moz-box-shadow:0px 0px 2px #000 inset; | -moz-box-shadow:0px 0px 2px #000 inset; | ||
-webkit-box-shadow:0px 0px 2px #000 inset; | -webkit-box-shadow:0px 0px 2px #000 inset; | ||
Line 310: | Line 442: | ||
bottom:0px; | bottom:0px; | ||
left:85px; | left:85px; | ||
- | z-index: | + | z-index:100000; |
-moz-box-shadow:0px 0px 4px #000; | -moz-box-shadow:0px 0px 4px #000; | ||
-webkit-box-shadow:0px 0px 4px #000; | -webkit-box-shadow:0px 0px 4px #000; | ||
Line 321: | Line 453: | ||
width:160px; | width:160px; | ||
height:60px; | height:60px; | ||
- | z-index: | + | z-index:15000; |
} | } | ||
ul.sdt_menu li span.sdt_active{ | ul.sdt_menu li span.sdt_active{ | ||
Line 330: | Line 462: | ||
height:0px; | height:0px; | ||
left:0px; | left:0px; | ||
- | z-index: | + | z-index:14000; |
-moz-box-shadow:0px 0px 4px #000 inset; | -moz-box-shadow:0px 0px 4px #000 inset; | ||
-webkit-box-shadow:0px 0px 4px #000 inset; | -webkit-box-shadow:0px 0px 4px #000 inset; | ||
Line 344: | Line 476: | ||
ul.sdt_menu li span span.sdt_link{ | ul.sdt_menu li span span.sdt_link{ | ||
color:#fff; | color:#fff; | ||
- | font-size: | + | font-size:17px; |
float:left; | float:left; | ||
clear:both; | clear:both; | ||
Line 352: | Line 484: | ||
float:left; | float:left; | ||
clear:both; | clear:both; | ||
- | width: | + | width:150px; /*For dumbass IE7*/ |
font-size:10px; | font-size:10px; | ||
letter-spacing:1px; | letter-spacing:1px; | ||
Line 359: | Line 491: | ||
display:block; | display:block; | ||
position:absolute; | position:absolute; | ||
- | width: | + | width:200px; |
overflow:hidden; | overflow:hidden; | ||
- | height: | + | height:; |
top:85px; | top:85px; | ||
left:0px; | left:0px; | ||
display:none; | display:none; | ||
background:#000; | background:#000; | ||
+ | z-index:16000; | ||
} | } | ||
ul.sdt_menu li div.sdt_box a{ | ul.sdt_menu li div.sdt_box a{ | ||
Line 375: | Line 508: | ||
ul.sdt_menu li div.sdt_box a:first-child{ | ul.sdt_menu li div.sdt_box a:first-child{ | ||
margin-top:15px; | margin-top:15px; | ||
+ | } | ||
+ | ul.sdt_menu li div.sdt_box a:last-child{ | ||
+ | margin-bottom:25px; | ||
} | } | ||
ul.sdt_menu li div.sdt_box a:hover{ | ul.sdt_menu li div.sdt_box a:hover{ | ||
Line 381: | Line 517: | ||
- | body{ | + | body{ |
- | background:#333 url( | + | background:#333 url(https://static.igem.org/mediawiki/2012/f/f9/Fondo_gris.jpeg) repeat top left; /* fondo de pagina */ |
font-family:Arial; | font-family:Arial; | ||
- | } | + | }*/ |
span.reference{ | span.reference{ | ||
position:fixed; | position:fixed; | ||
Line 402: | Line 538: | ||
} | } | ||
ul.sdt_menu{ | ul.sdt_menu{ | ||
- | margin-top: | + | margin-top:15px; |
} | } | ||
h1.title{ | h1.title{ | ||
Line 413: | Line 549: | ||
</style> | </style> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</html> | </html> |
Latest revision as of 23:34, 26 September 2012