Team:KAIST-Korea/jihanmenu
From 2011.igem.org
(Difference between revisions)
(181 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | #tag1{ | ||
+ | position:absolute; | ||
+ | top:108px; left:63px; | ||
+ | width:71px; height:21px; | ||
+ | } | ||
+ | #tag2{ | ||
+ | position:absolute; | ||
+ | top:108px; left:136px; | ||
+ | width:71px; height:21px; | ||
+ | } | ||
+ | #tag3{ | ||
+ | position:absolute; | ||
+ | top:108px; left:209px; | ||
+ | width:71px; height:21px; | ||
+ | } | ||
+ | #tag4{ | ||
+ | position:absolute; | ||
+ | top:108px; left:281px; | ||
+ | width:71px; height:21px; | ||
+ | } | ||
+ | |||
#main_navigation | #main_navigation | ||
- | { margin: 0; | + | { |
- | padding: 0} | + | margin:0; |
+ | padding:0;} | ||
#main_navigation li | #main_navigation li | ||
- | { float: left; | + | { float:left; |
- | list-style: none; | + | list-style:none; |
- | font: 12px Tahoma, Arial | + | font:12px Tahoma,Arial; |
} | } | ||
#main_navigation li a | #main_navigation li a | ||
- | { display: block; | + | { display:block; |
- | padding: 5px 0px | + | padding:5px 0px 0px 0px; |
- | text-decoration: none; | + | text-decoration:none; |
border:none; | border:none; | ||
color:#000000; | color:#000000; | ||
- | width: auto; | + | width:auto; |
- | white-space: nowrap} | + | white-space:nowrap;} |
#main_navigation li a:hover | #main_navigation li a:hover | ||
{ | { | ||
- | -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; | + | -moz-opacity:.70;filter:alpha(opacity=70);opacity:.70; |
} | } | ||
#main_navigation li ul | #main_navigation li ul | ||
- | { margin: 0; | + | { margin:0; |
- | padding: 0; | + | padding:0; |
- | position: absolute; | + | position:absolute; |
- | visibility: hidden;} | + | visibility:hidden;} |
#main_navigation li ul li | #main_navigation li ul li | ||
{ float:left; | { float:left; | ||
- | display: inline; | + | position:relative; |
+ | left:5px; | ||
+ | display:inline; | ||
} | } | ||
#main_navigation li ul li a | #main_navigation li ul li a | ||
{ width:auto; | { width:auto; | ||
- | padding: | + | padding:0px 0px 0px 0px; |
} | } | ||
#main_navigation li ul li a:hover | #main_navigation li ul li a:hover | ||
- | { padding: | + | { padding:5px 0px 0px 0px; |
} | } | ||
Line 55: | Line 80: | ||
} | } | ||
- | # | + | #main_img1{ |
border:0; | border:0; | ||
- | width: | + | width:70px; height:70px; |
+ | background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */ | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1; | ||
+ | } | ||
+ | #main_img2{ | ||
+ | border:0; | ||
+ | width:70px; height:70px; | ||
+ | background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */ | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1; | ||
+ | }#main_img3{ | ||
+ | border:0; | ||
+ | width:70px; height:70px; | ||
+ | background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */ | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1; | ||
+ | }#main_img4{ | ||
+ | border:0; | ||
+ | width:70px; height:70px; | ||
+ | background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */ | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1; | ||
+ | }#main_img5{ | ||
+ | border:0; | ||
+ | width:70px; height:70px; | ||
+ | background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */ | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1; | ||
+ | }#main_img6{ | ||
+ | border:0; | ||
+ | width:70px; height:70px; | ||
+ | background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */ | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1; | ||
+ | }#main_img7{ | ||
+ | border:0; | ||
+ | width:70px; height:70px; | ||
+ | background: transparent; -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; /* IE8 */ | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); /* IE6 & 7 */ zoom: 1; | ||
} | } | ||
#menuall { | #menuall { | ||
+ | z-index:200; | ||
+ | width:600px; | ||
position:relative; | position:relative; | ||
- | top:- | + | top:-25px; |
- | left: | + | left:450px; |
+ | } | ||
+ | |||
+ | .subNavMenuItems img{ | ||
+ | border:0; | ||
+ | width:70px; height:70px; | ||
} | } | ||
#kaistlogo{ | #kaistlogo{ | ||
- | width: | + | z-index:200; |
+ | width:280px; height:77px; | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:22px; left:66px; |
} | } | ||
- | # | + | #navigationbar{ |
+ | z-index:200; | ||
+ | width:291px; heigth:7px; | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:100px; left:63px; |
} | } | ||
- | + | #subNav0{ | |
- | width: | + | width:381px;height:80px; |
+ | background-image:url('https://static.igem.org/mediawiki/2011/b/b6/Kaist2011_menu_menubar5_1.png'); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:5px 7px; | ||
+ | } | ||
+ | |||
+ | #subNav1{ | ||
+ | width:262px;height:80px; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2011/f/f0/Kaist2011_menu_menubar3.png'); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:-22px 7px; | ||
+ | } | ||
+ | |||
+ | #subNav2{ | ||
+ | width:192px;height:80px; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2011/6/61/Kaist2011_menu_menubar2.png'); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:-23px 7px; | ||
+ | } | ||
+ | |||
+ | #subNav3{ | ||
+ | width:262px;height:80px; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2011/f/f0/Kaist2011_menu_menubar3.png'); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:-23px 7px; | ||
+ | } | ||
+ | |||
+ | #subNav4{ | ||
+ | width:192px;height:80px; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2011/6/61/Kaist2011_menu_menubar2.png'); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:-23px 7px; | ||
+ | } | ||
+ | |||
+ | #subNav5{ | ||
+ | width:402px;height:80px; | ||
+ | background-image:url('https://static.igem.org/mediawiki/2011/6/68/Kaist2011_menu_menubar5_2.png'); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:-20px 7px; | ||
+ | } | ||
+ | |||
+ | #menubody{ | ||
+ | padding-bottom:155px; | ||
} | } | ||
Line 90: | Line 200: | ||
<body> | <body> | ||
- | + | <div id="menubody"> | |
<div id="menuall"> | <div id="menuall"> | ||
<ul id="main_navigation"> | <ul id="main_navigation"> | ||
<li id="trigger0"><a href=""><img id="main_img1" src="https://static.igem.org/mediawiki/2011/1/14/Kaist2011_menu_projects.png"></a> | <li id="trigger0"><a href=""><img id="main_img1" src="https://static.igem.org/mediawiki/2011/1/14/Kaist2011_menu_projects.png"></a> | ||
- | <ul class="subNavMenuItems" id="subNav0"> | + | <center><ul class="subNavMenuItems" id="subNav0"> |
<li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><img src="https://static.igem.org/mediawiki/2011/8/8c/Kaist2011_menu_overview.png"></a></li> | <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Overview"><img src="https://static.igem.org/mediawiki/2011/8/8c/Kaist2011_menu_overview.png"></a></li> | ||
- | <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/ | + | <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Modeling2"><img src="https://static.igem.org/mediawiki/2011/e/e1/Kaist2011_menu_modeling.png"></a></li> |
<li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Experiments"><img src="https://static.igem.org/mediawiki/2011/f/fa/Kaist2011_menu_experiments.png"></a></li> | <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Experiments"><img src="https://static.igem.org/mediawiki/2011/f/fa/Kaist2011_menu_experiments.png"></a></li> | ||
<li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Biobrick"><img src="https://static.igem.org/mediawiki/2011/9/99/Kaist2011_menu_biobrick.png"></a></li> | <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Biobrick"><img src="https://static.igem.org/mediawiki/2011/9/99/Kaist2011_menu_biobrick.png"></a></li> | ||
<li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Future_Application"><img src="https://static.igem.org/mediawiki/2011/4/4e/Kaist2011_menu_future_application.png"></a></li> | <li><a href="https://2011.igem.org/Team:KAIST-Korea/Projects/Future_Application"><img src="https://static.igem.org/mediawiki/2011/4/4e/Kaist2011_menu_future_application.png"></a></li> | ||
- | </ul> | + | </ul></center> |
</li> | </li> | ||
<li id="trigger1"><a href=""><img id="main_img2" src="https://static.igem.org/mediawiki/2011/f/f1/Kaist2011_menu_team.png"></a> | <li id="trigger1"><a href=""><img id="main_img2" src="https://static.igem.org/mediawiki/2011/f/f1/Kaist2011_menu_team.png"></a> | ||
Line 120: | Line 230: | ||
<li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Summary"><img src="https://static.igem.org/mediawiki/2011/7/75/Kaist2011_menu_summary.png"></a></li> | <li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Summary"><img src="https://static.igem.org/mediawiki/2011/7/75/Kaist2011_menu_summary.png"></a></li> | ||
<li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Gallery"><img src="https://static.igem.org/mediawiki/2011/a/af/Kaist2011_menu_gallery.png"></a></li> | <li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Gallery"><img src="https://static.igem.org/mediawiki/2011/a/af/Kaist2011_menu_gallery.png"></a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:KAIST-Korea/Results/Gallery"><img | ||
+ | src="https://static.igem.org/mediawiki/2011/0/0a/Kaist2011_menu_data.png"></a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 128: | Line 240: | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li id="trigger5"><a href=""><img id="main_img6" src="https://static.igem.org/mediawiki/2011/ | + | <li id="trigger5"><a href=""><img id="main_img6" src="https://static.igem.org/mediawiki/2011/7/75/Kaist2011_menu_misc.png"></a> |
<ul class="subNavMenuItems" id="subNav5"> | <ul class="subNavMenuItems" id="subNav5"> | ||
<li><a href="https://2011.igem.org/Team:KAIST-Korea/Misc/Sitemap"><img src="https://static.igem.org/mediawiki/2011/6/6f/Kaist2011_menu_sitemap.png"></a></li> | <li><a href="https://2011.igem.org/Team:KAIST-Korea/Misc/Sitemap"><img src="https://static.igem.org/mediawiki/2011/6/6f/Kaist2011_menu_sitemap.png"></a></li> | ||
Line 143: | Line 255: | ||
</div> | </div> | ||
- | <a href="https://2011.igem.org/Team:KAIST-Korea-Test"><img id="kaistlogo" src="https://static.igem.org/mediawiki/2011/ | + | <a href="https://2011.igem.org/Team:KAIST-Korea-Test"><img id="kaistlogo" src="https://static.igem.org/mediawiki/2011/e/e4/Kaist2011_menu_logo.png"></a> |
- | <a | + | |
+ | <a><img id="navigationbar" src="https://static.igem.org/mediawiki/2011/0/0e/Kaist2011_menu_navigationbar.png"></a> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 08:43, 30 August 2011