Team:Valencia/menu

Revision as of 09:50, 2 August 2012 (view source)

Gonzalo (Talk | contribs)

← Older edit

Latest revision as of 03:47, 27 September 2012 (view source)

Aurfor (Talk | contribs)

(129 intermediate revisions not shown)

Line 1:

<html>

-

~~<body>~~

+

-

+

.bg {background: url(https://static.igem.org/mediawiki/2012/archive/5/53/20120924202514%21Button4.png);}

-

#menu { height:~~120px~~; ~~position~~:~~relative~~;

+

.menu {padding:0 0 0; margin:0; list-style:none; height:35px; width: 965px; background:#929292 url(https://static.igem.org/mediawiki/2012/7/72/Menu_3.jpg) repeat-x; position:relative; font-family: Verdana, Sans-Serif; }

-

background: ~~transparent~~ url(~~header_bkg~~.~~png~~) repeat-x ~~scroll top center~~;}

+

.menu li.top {display:block; float:left; position:left;}

-

~~#nav~~ { ~~margin~~:~~0px~~; ~~padding~~:~~0px~~; position:~~absolute; top: 70px~~; display:block;}

+

.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#F5F5C4; text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 28px; cursor:pointer;}

-

#~~nav > li { list-style~~-~~type~~:none; float:left; display:block; ~~margin~~:~~0px 10px~~;

+

.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}

-

~~position~~:~~relative~~; ~~padding~~:~~10px~~; ~~width~~:~~100px~~;}

+

.menu li a.top_link:hover {color:#000; background: url(https://static.igem.org/mediawiki/2012/archive/5/53/20120924202514%21Button4.png) no-repeat;}

-

~~#nav >~~ li:hover ul { ~~display~~:~~block~~; }

+

.menu li a.top_link:hover span {background:url(https://static.igem.org/mediawiki/2012/archive/5/53/20120924202514%21Button4.png) no-repeat right top;}

-

~~#nav >~~ li:hover { background-color:#~~808080~~; -~~moz-border-radius~~:~~10px~~; -~~webkit-~~border-~~radius~~:~~10px~~; }

+

.menu li a.top_link:hover span.down {background:url(https://static.igem.org/mediawiki/2012/archive/5/53/20120924202514%21Button4.png) no-repeat right top;}

-

~~#nav li ul~~ { ~~margin~~:~~0px~~; ~~padding~~:~~0px~~; ~~display~~:~~none~~;}

+

.menu li:hover > a.top_link {color:#000; background: url(https://static.igem.org/mediawiki/2012/archive/5/53/20120924202514%21Button4.png) no-repeat;}

-

~~#nav li~~ ul li { ~~list~~-~~style~~-~~type~~:~~none~~; margin:~~10px 0~~ 0 0;}

+

.menu li:hover > a.top_link span {background:url(https://static.igem.org/mediawiki/2012/archive/5/53/20120924202514%21Button4.png) no-repeat right top;}

-

~~#nav li~~ ul ~~li a~~ { ~~display~~:~~block~~; padding:~~5px 10px~~; ~~color~~:#~~A2E200~~; ~~text~~-~~decoration~~:~~none~~;}

+

.menu li:hover > a.top_link span.down {background:url(https://static.igem.org/mediawiki/2012/archive/5/53/20120924202514%21Button4.png) no-repeat right top;}

-

~~#nav li~~ ul li:hover a { ~~background~~-~~color~~:~~#606060~~; -~~moz~~-~~border~~-~~radius~~:5px; -~~webkit-~~border-~~radius~~:~~5px~~;}

+

.menu table {border-collapse:collapse; width: 0px; height:0; position:absolute; top:0; left:0;}

-

~~#nav~~ li ~~span~~ { ~~cursor~~:~~pointer~~; ~~margin~~:~~0px 10px; font-weight:bold~~; }

+

.menu a:hover {visibility:visible;}

-

~~</style>~~

+

.menu li:hover {position:relative; z-index:200;}

+

.menu ul,

+

.menu :hover ul ul,

+

.menu :hover ul :hover ul ul,

+

.menu :hover ul :hover ul :hover ul ul,

+

.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; height:0; margin:0; padding:0; list-style:none;}

+

.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #929292; white-space:nowrap; width:200px; height:auto;}

+

.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}

+

.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:12px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}

+

.menu :hover ul.sub li a:hover {background:#929292; color:#fff;}

-

~~<div id="menu">~~

-

~~<ul id="nav">~~

-

~~<li><span><a href="https://2012.igem.org/Team:Valencia">Home</a></span>~~

-

~~</li>~~

-

~~<li><span>The Team</span>~~

-

~~<ul>~~

-

~~<li><a href="#">Acknowledgements</a></li>~~

-

~~<li><a href="#">Gallery</a></li>~~

-

~~</ul>~~

-

~~</li>~~

-

~~<li><span>The Proyect</span>~~

-

~~<ul>~~

-

~~<li><a href="#">Achievements</a></li>~~

-

~~<li><a href="#">Menu item 2</a></li>~~

-

~~<li><a href="#">Menu item 3</a></li>~~

-

~~</ul>~~

-

~~</li>~~

-

~~<li><span>Parts Submitted to the Registry</span>~~

-

~~</li>~~

-

<li>~~<span>Notebook<~~/~~span>~~

+

-

</li>

+

-

<li><~~span> Human Practices</span~~>

+

<div>

+

-

~~<ul>~~

-

~~<li><a href="#">Menu item 1</a></li>~~

-

~~<li><a href="#">Menu item 2</a></li>~~

-

~~<li><a href="#">Menu item 3</a></li>~~

-

~~</ul>~~

-

~~</li>~~

-

~~</ul>~~

-

~~</div>~~

-

</~~body~~>

+

-

</~~html~~>

+

</li>

+

<li class="top"><a href="https://2012.igem.org/Team:Valencia/Project" target="_self" class="top_link"><span>Project</span></a>

+

+

<li><a href="https://2012.igem.org/Team:Valencia/Project" target="_self">Overview</a></li>

+

<li><a href="https://2012.igem.org/Team:Valencia/future" target="_self">Our future vision</a></li>

+

<li><a href="https://2012.igem.org/Team:Valencia/genetic_engineering" target="_self">Genetic engineering</a></li>

+

<li><a href="https://2012.igem.org/Team:Valencia/cultures" target="_self">Cultures</a></li>

+

<li><a href="https://2012.igem.org/Team:Valencia/other_microalgae" target="_self">Testing other microalgae</a></li>

+

</ul>

+

</li>

+

+

+

<li><a href="https://2012.igem.org/Team:Valencia/Drylab" target="_self">Introduction</a></li>

+

<li><a href="https://2012.igem.org/Team:Valencia/Modeling" target="_self">Modeling</a></li>

+

<li><a href="https://2012.igem.org/Team:Valencia/Engineering" target="_self">Engineering</a></li>

+

</ul>

+

</li>

+

<li class="top"><a href="https://2012.igem.org/Team:Valencia/human_practices" target="_self" class="top_link"><span>Human Practices</span></a>

+

+

<li><a href="https://2012.igem.org/Team:Valencia/human_practices" target="_self">Activities</a></li>

+

<li><a href="http://igemvalencia2012.wordpress.com/" target="_blank">Syn(ethic) Biology -> Blog</a></li>

+

<li><a href="https://2012.igem.org/Team:Valencia/Safety" target="_self">Safety</a></li>

+

</ul>

+

</li>

+

+

+

<li><a href="https://2012.igem.org/Team:Valencia/Team" target="_self">Team description</a></li>

+

<li><a href="https://2012.igem.org/Team:Valencia/profiles" target="_self">Members</a></li>

+

<li><a href="https://2012.igem.org/Team:Valencia/Acknowledgments" target="_self">Acknowledgments</a></li>

+

<li><a href="https://2012.igem.org/Team:Valencia/gallery;" target="_self">Gallery</a></li>

+

</ul>

+

</li>

+

+

+

+

<li><a href="https://2012.igem.org/Team:Valencia/Parts" target="_self">Submitted parts</a></li>

+

<li class="tap"><a href="https://2012.igem.org/Team:Valencia/prototypes" target="_self">Designed Biobricks</a></li>

+

<li><a href="https://2012.igem.org/Team:Valencia/notebook" target="_self">Notebook</a></li>

+

<li><a href="https://2012.igem.org/Team:Valencia/protocols" target="_self">Protocols</a></li>

+

</ul>

+

</li>

+

<li class="top"><a href="https://2012.igem.org/Team:Valencia/achivements" target="_self" class="top_link"><span>Achievements</span></a>

+

+

<li><a href="https://2012.igem.org/Team:Valencia/achivements" target="_self">Achievements</a></li>

+

<li><a href="https://2012.igem.org/Team:Valencia/judging" target="_self">Judging criteria</a></li>

+

<li><a href="https://2012.igem.org/Team:Valencia/collaboration" target="_self">Collaborations</a></li>

+

</ul>

+

</li>

+

</div>

@@ Line 1: / Line 1: @@
 <html>
-<body>
+<style type="text/css">
-<style type="text/css">
+.bg {background: url(https://static.igem.org/mediawiki/2012/archive/5/53/20120924202514%21Button4.png);}
-#menu { height:120px; position:relative;
+.menu {padding:0 0 0; margin:0; list-style:none; height:35px; width: 965px; background:#929292 url(https://static.igem.org/mediawiki/2012/7/72/Menu_3.jpg) repeat-x; position:relative; font-family: Verdana, Sans-Serif; }
-background: transparent url(header_bkg.png) repeat-x scroll top center;}
+.menu li.top {display:block; float:left; position:left;}
-#nav { margin:0px; padding:0px; position:absolute; top: 70px; display:block;}
+.menu li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#F5F5C4; text-decoration:none; font-size:14px; font-weight:bold; padding:0 0 0 28px; cursor:pointer;}
-#nav > li { list-style-type:none; float:left; display:block; margin:0px 10px;
+.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
-position:relative; padding:10px; width:100px;}
+.menu li a.top_link:hover {color:#000; background: url(https://static.igem.org/mediawiki/2012/archive/5/53/20120924202514%21Button4.png) no-repeat;}
-#nav > li:hover ul { display:block; }
+.menu li a.top_link:hover span {background:url(https://static.igem.org/mediawiki/2012/archive/5/53/20120924202514%21Button4.png) no-repeat right top;}
-#nav > li:hover { background-color:#808080; -moz-border-radius:10px; -webkit-border-radius:10px; }
+.menu li a.top_link:hover span.down {background:url(https://static.igem.org/mediawiki/2012/archive/5/53/20120924202514%21Button4.png) no-repeat right top;}
-#nav li ul { margin:0px; padding:0px; display:none;}
+.menu li:hover > a.top_link {color:#000; background: url(https://static.igem.org/mediawiki/2012/archive/5/53/20120924202514%21Button4.png) no-repeat;}
-#nav li ul li { list-style-type:none; margin:10px 0 0 0;}
+.menu li:hover > a.top_link span {background:url(https://static.igem.org/mediawiki/2012/archive/5/53/20120924202514%21Button4.png) no-repeat right top;}
-#nav li ul li a { display:block; padding:5px 10px; color:#A2E200; text-decoration:none;}
+.menu li:hover > a.top_link span.down {background:url(https://static.igem.org/mediawiki/2012/archive/5/53/20120924202514%21Button4.png) no-repeat right top;}
-#nav li ul li:hover a { background-color:#606060; -moz-border-radius:5px; -webkit-border-radius:5px;}
+.menu table {border-collapse:collapse; width: 0px; height:0; position:absolute; top:0; left:0;}
-#nav li span { cursor:pointer; margin:0px 10px; font-weight:bold; }
+.menu a:hover {visibility:visible;}
-</style>
+.menu li:hover {position:relative; z-index:200;}
+.menu ul,
+.menu :hover ul ul,
+.menu :hover ul :hover ul ul,
+.menu :hover ul :hover ul :hover ul ul,
+.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; height:0; margin:0; padding:0; list-style:none;}
+.menu :hover ul.sub {left:2px; top:40px; right:2px; background: #fff; padding:3px 0; border:1px solid #929292; white-space:nowrap; width:200px; height:auto;}
+.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:250px;}
+.menu :hover ul.sub li a {font-weight:normal;display:block; font-size:12px; height:20px; width:192px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
+.menu :hover ul.sub li a:hover {background:#929292; color:#fff;}
-<div id="menu">
-            <ul id="nav">
-            <li><span><a href="https://2012.igem.org/Team:Valencia">Home</a></span>
-            </li>
-            <li><span>The Team</span>
-                <ul>
-                    <li><a href="#">Acknowledgements</a></li>
-                    <li><a href="#">Gallery</a></li>
-               </ul>
-            </li>
-            <li><span>The Proyect</span>
-                <ul>
-                    <li><a href="#">Achievements</a></li>
-                    <li><a href="#">Menu item 2</a></li>
-                    <li><a href="#">Menu item 3</a></li>
-               </ul>
-            </li>
-            <li><span>Parts Submitted to the Registry</span>
-            </li>
-            <li><span>Notebook</span>
+<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
-            </li>
-            <li><span> Human Practices</span>
+<div>
+<ul class="menu">
-                <ul>
-                    <li><a href="#">Menu item 1</a></li>
-                    <li><a href="#">Menu item 2</a></li>
-                    <li><a href="#">Menu item 3</a></li>
-                </ul>
-            </li>
-        </ul>
-    </div>
-</body>
+<li class="top"><a href="https://2012.igem.org/Team:Valencia" target="_self" class="top_link"><span>Home</span></a>
-</html>
+</li>
+<li class="top"><a href="https://2012.igem.org/Team:Valencia/Project" target="_self" class="top_link"><span>Project</span></a>
+<ul class="sub">
+<li><a href="https://2012.igem.org/Team:Valencia/Project" target="_self">Overview</a></li>
+<li><a href="https://2012.igem.org/Team:Valencia/future" target="_self">Our future vision</a></li>
+<li><a href="https://2012.igem.org/Team:Valencia/genetic_engineering" target="_self">Genetic engineering</a></li>
+<li><a href="https://2012.igem.org/Team:Valencia/cultures" target="_self">Cultures</a></li>
+<li><a href="https://2012.igem.org/Team:Valencia/other_microalgae" target="_self">Testing other microalgae</a></li>
+</ul>
+</li>
+<li class="top"><a href="https://2012.igem.org/Team:Valencia/Drylab" target="_self" class="top_link"><span>Dry Lab</span></a>
+<ul class="sub">
+<li><a href="https://2012.igem.org/Team:Valencia/Drylab" target="_self">Introduction</a></li>
+<li><a href="https://2012.igem.org/Team:Valencia/Modeling" target="_self">Modeling</a></li>
+<li><a href="https://2012.igem.org/Team:Valencia/Engineering" target="_self">Engineering</a></li>
+</ul>
+</li>
+<li class="top"><a href="https://2012.igem.org/Team:Valencia/human_practices" target="_self" class="top_link"><span>Human Practices</span></a>
+<ul class="sub">
+<li><a href="https://2012.igem.org/Team:Valencia/human_practices" target="_self">Activities</a></li>
+<li><a href="http://igemvalencia2012.wordpress.com/" target="_blank">Syn(ethic) Biology -> Blog</a></li>
+<li><a href="https://2012.igem.org/Team:Valencia/Safety" target="_self">Safety</a></li>
+</ul>
+</li>
+<li class="top"><a href="https://2012.igem.org/Team:Valencia/Team" target="_self" class="top_link"><span>Team</span></a>
+<ul class="sub">
+<li><a href="https://2012.igem.org/Team:Valencia/Team" target="_self">Team description</a></li>
+<li><a href="https://2012.igem.org/Team:Valencia/profiles" target="_self">Members</a></li>
+<li><a href="https://2012.igem.org/Team:Valencia/Acknowledgments" target="_self">Acknowledgments</a></li>
+<li><a href="https://2012.igem.org/Team:Valencia/gallery;" target="_self">Gallery</a></li>
+</ul>
+</li>
+<li class="top"><a href="https://2012.igem.org/Team:Valencia/labwork" target="_self" class="top_link"><span>Lab Work</span></a>
+<ul class="sub">
+<li class="tap"><a href="https://2012.igem.org/Team:Valencia/labwork" target="_self">What we did</a></li>
+<li><a href="https://2012.igem.org/Team:Valencia/Parts" target="_self">Submitted parts</a></li>
+<li class="tap"><a href="https://2012.igem.org/Team:Valencia/prototypes" target="_self">Designed Biobricks</a></li>
+<li><a href="https://2012.igem.org/Team:Valencia/notebook" target="_self">Notebook</a></li>
+<li><a href="https://2012.igem.org/Team:Valencia/protocols" target="_self">Protocols</a></li>
+</ul>
+</li>
+<li class="top"><a href="https://2012.igem.org/Team:Valencia/achivements" target="_self" class="top_link"><span>Achievements</span></a>
+<ul class="sub">
+<li><a href="https://2012.igem.org/Team:Valencia/achivements" target="_self">Achievements</a></li>
+<li><a href="https://2012.igem.org/Team:Valencia/judging" target="_self">Judging criteria</a></li>
+<li><a href="https://2012.igem.org/Team:Valencia/collaboration" target="_self">Collaborations</a></li>
+</ul>
+</li>
+</div>

From 2012.igem.org

Latest revision as of 03:47, 27 September 2012