"
Team:KAIST-Korea/jihanmenu
From 2011.igem.org
(Difference between revisions)
| (150 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 | ||
{ | { | ||
| Line 18: | Line 40: | ||
#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; | ||
| Line 38: | Line 60: | ||
#main_navigation li ul li | #main_navigation li ul li | ||
{ float:left; | { float:left; | ||
| + | position:relative; | ||
| + | left:5px; | ||
display:inline; | display:inline; | ||
} | } | ||
| Line 43: | Line 67: | ||
#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 56: | 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; | width:600px; | ||
position:relative; | position:relative; | ||
| - | top:- | + | top:-25px; |
| - | left: | + | left:450px; |
| + | } | ||
| + | |||
| + | .subNavMenuItems img{ | ||
| + | border:0; | ||
| + | width:70px; height:70px; | ||
} | } | ||
#kaistlogo{ | #kaistlogo{ | ||
z-index:200; | z-index:200; | ||
| - | width: | + | width:280px; height:77px; |
position:absolute; | position:absolute; | ||
| - | top: | + | top:22px; left:66px; |
} | } | ||
| - | # | + | #navigationbar{ |
z-index:200; | z-index:200; | ||
| + | width:291px; heigth:7px; | ||
position:absolute; | position:absolute; | ||
| - | top: | + | top:100px; left:63px; |
| + | } | ||
| + | |||
| + | #subNav0{ | ||
| + | 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
