Team:KAIST Korea/navi
From 2012.igem.org
(Difference between revisions)
Line 373: | Line 373: | ||
</ul> | </ul> | ||
<ul style="width:100px;"> | <ul style="width:100px;"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Human Practice</a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsor</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="contact-us"> | ||
+ | <div id="contact-us-title">2012 KAIST Korea</div> | ||
+ | <div id="contact-us-information"> | ||
+ | <b>Mail</b> : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br> | ||
+ | <b>Twitter</b> : <a href="http://twitter.com/KAIST_iGEM_2012">twitter.com/KAIST_iGEM_2012</a></br> | ||
+ | <b>Facebook</b> : <a href="http://www.facebook.com/KAISTiGEM2012">www.facebook.com/KAISTiGEM2012</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- The JavaScript --> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
+ | var $oe_menu = $('#oe_menu'); | ||
+ | var $oe_menu_items = $oe_menu.children('li'); | ||
+ | |||
+ | $oe_menu_items.bind('mouseenter',function(){ | ||
+ | var $this = $(this); | ||
+ | $this.addClass('slided selected'); | ||
+ | $this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){ | ||
+ | $oe_menu_items.not('.slided').children('div').hide(); | ||
+ | $this.removeClass('slided'); | ||
+ | }); | ||
+ | }).bind('mouseleave',function(){ | ||
+ | var $this = $(this); | ||
+ | $this.removeClass('selected').children('div').css('z-index','1'); | ||
+ | }); | ||
+ | |||
+ | $oe_menu.bind('mouseenter',function(){ | ||
+ | var $this = $(this); | ||
+ | $this.addClass('hovered'); | ||
+ | }).bind('mouseleave',function(){ | ||
+ | var $this = $(this); | ||
+ | $this.removeClass('hovered'); | ||
+ | $oe_menu_items.children('div').hide(); | ||
+ | }) | ||
+ | }); | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | $(function() { | ||
+ | var $oe_menu2 = $('#oe_menu2'); | ||
+ | var $oe_menu_items2 = $oe_menu2.children('li'); | ||
+ | |||
+ | $oe_menu_items2.bind('mouseenter',function(){ | ||
+ | var $this = $(this); | ||
+ | $this.addClass('slided selected'); | ||
+ | $this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){ | ||
+ | $oe_menu_items2.not('.slided').children('div').hide(); | ||
+ | $this.removeClass('slided'); | ||
+ | }); | ||
+ | }).bind('mouseleave',function(){ | ||
+ | var $this = $(this); | ||
+ | $this.removeClass('selected').children('div').css('z-index','1'); | ||
+ | }); | ||
+ | |||
+ | $oe_menu2.bind('mouseenter',function(){ | ||
+ | var $this = $(this); | ||
+ | $this.addClass('hovered'); | ||
+ | }).bind('mouseleave',function(){ | ||
+ | var $this = $(this); | ||
+ | $this.removeClass('hovered'); | ||
+ | $oe_menu_items2.children('div').hide(); | ||
+ | }) | ||
+ | }); | ||
+ | </script> | ||
+ | </body> | ||
+ | </html> | ||
+ | <html> | ||
+ | <head> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" /> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic' rel='stylesheet' type='text/css'> | ||
+ | <style> | ||
+ | @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic); | ||
+ | ul.oe_menu{ | ||
+ | list-style:none; | ||
+ | position:relative; | ||
+ | width:300px; | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | margin:5px 0px 0px 8px; | ||
+ | } | ||
+ | ul.oe_menu > li{ | ||
+ | width:90px; | ||
+ | height:30px; | ||
+ | padding:auto; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | } | ||
+ | ul.oe_menu > li > a{ | ||
+ | display:block; | ||
+ | background-color:transparent; | ||
+ | color:#aaa; | ||
+ | text-decoration:none; | ||
+ | text-align:center; | ||
+ | font-size:16px; | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | width:90px; | ||
+ | height:30px; | ||
+ | opacity:0.8; | ||
+ | } | ||
+ | ul.oe_menu > li > a:hover, | ||
+ | ul.oe_menu > li.selected > a{ | ||
+ | color:#fff; | ||
+ | opacity:1.0; | ||
+ | } | ||
+ | .oe_wrapper ul.hovered > li > a{ | ||
+ | background:transparent; | ||
+ | |||
+ | } | ||
+ | ul.oe_menu div{ | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | background:transparent; | ||
+ | width:268px; | ||
+ | height:36px; | ||
+ | padding:2px; | ||
+ | display:none; | ||
+ | } | ||
+ | ul.oe_menu div ul li a{ | ||
+ | text-decoration:none; | ||
+ | color:#cbcbcb; | ||
+ | padding:2px 2px 2px 4px; | ||
+ | margin:2px; | ||
+ | display:block; | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | text-align:center; | ||
+ | font-size:16px; | ||
+ | } | ||
+ | ul.oe_menu div ul.oe_full{ | ||
+ | width:100%; | ||
+ | } | ||
+ | ul.oe_menu div ul li a:hover{ | ||
+ | background:#8583bf;/*이걸로 색상 조절*/ | ||
+ | color:#fff; | ||
+ | } | ||
+ | ul.oe_menu li ul{ | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | width: 86px; | ||
+ | margin-right:0px; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu2{ | ||
+ | list-style:none; | ||
+ | position:relative; | ||
+ | width:300px; | ||
+ | float:left; | ||
+ | clear:both; | ||
+ | margin:5px 0px 0px 8px; | ||
+ | } | ||
+ | ul.oe_menu2 > li{ | ||
+ | width:90px; | ||
+ | height:30px; | ||
+ | padding:auto; | ||
+ | float:left; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu2 > li > a{ | ||
+ | display:block; | ||
+ | background-color:transparent; | ||
+ | color:#eee; | ||
+ | text-decoration:none; | ||
+ | text-align:center; | ||
+ | font-size:16px; | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | width:90px; | ||
+ | height:30px; | ||
+ | opacity:0.8; | ||
+ | } | ||
+ | ul.oe_menu2 > li > a:hover, | ||
+ | ul.oe_menu2 > li.selected > a{ | ||
+ | color:#fff; | ||
+ | opacity:1.0; | ||
+ | } | ||
+ | |||
+ | .oe_wrapper2 ul.hovered > li > a{ | ||
+ | background:transparent; | ||
+ | |||
+ | } | ||
+ | |||
+ | ul.oe_menu2 div{ | ||
+ | position:absolute; | ||
+ | left:0px; | ||
+ | background:transparent; | ||
+ | width:268px; | ||
+ | height:36px; | ||
+ | padding:2px; | ||
+ | display:none; | ||
+ | } | ||
+ | ul.oe_menu2 div ul li a{ | ||
+ | text-decoration:none; | ||
+ | color:#ffffff; | ||
+ | padding:2px 2px 2px 2px; | ||
+ | margin:2px; | ||
+ | display:block; | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | text-align:center; | ||
+ | font-size:16px; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu2 div ul.oe_full2{ | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu2 div ul li a:hover{ | ||
+ | background:#d37c62;/*이걸로 색상 조절*/ | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | ul.oe_menu2 li ul{ | ||
+ | list-style:none; | ||
+ | float:left; | ||
+ | width: 86px; | ||
+ | margin-right:0px; | ||
+ | } | ||
+ | |||
+ | #main | ||
+ | { | ||
+ | min-height: 100%; | ||
+ | width: 1024px; | ||
+ | margin: 0 auto; | ||
+ | background-color: transparent; | ||
+ | background-image:url("https://static.igem.org/mediawiki/2012/d/da/Kaist_home_background_y_extended.png"); | ||
+ | background-repeat:repeat-y; | ||
+ | } | ||
+ | |||
+ | #main #main-img | ||
+ | { | ||
+ | position: absolute; | ||
+ | width: 1024px; | ||
+ | top: -30px; | ||
+ | z-index:0; | ||
+ | } | ||
+ | |||
+ | #main a #main-logo | ||
+ | { | ||
+ | position: absolute; | ||
+ | top: -30px; | ||
+ | width: 336px; | ||
+ | z-index:1; | ||
+ | } | ||
+ | |||
+ | #main #top-img | ||
+ | { | ||
+ | position: relative; | ||
+ | top: -5px; | ||
+ | left:292px; | ||
+ | width:732px; | ||
+ | height: 250px; | ||
+ | z-index: 0; | ||
+ | opacity:0.9; | ||
+ | } | ||
+ | |||
+ | div .oe_wrapper{ | ||
+ | position:absolute; | ||
+ | z-index:3; | ||
+ | top:275px; | ||
+ | } | ||
+ | |||
+ | div .oe_wrapper2{ | ||
+ | position:absolute; | ||
+ | z-index:2; | ||
+ | top:355px; | ||
+ | } | ||
+ | |||
+ | #menucontent | ||
+ | { | ||
+ | position: relative; | ||
+ | background-color:transparent; | ||
+ | width:690px; | ||
+ | left:320px; | ||
+ | top:-75px; | ||
+ | z-index:2; | ||
+ | text-align: right; | ||
+ | opacity:0.8; | ||
+ | } | ||
+ | |||
+ | #top-img-description | ||
+ | { | ||
+ | font-size:36px; | ||
+ | font-family: 'Qwigley', cursive; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | #top-img-description-box | ||
+ | { | ||
+ | position: relative; | ||
+ | background-color:transparent; | ||
+ | top:-115px; | ||
+ | left: 350px; | ||
+ | z-index:3; | ||
+ | } | ||
+ | |||
+ | #horizontal-line | ||
+ | { | ||
+ | position: relative; | ||
+ | background-color:transparent; | ||
+ | width:732px; | ||
+ | height:3px; | ||
+ | left:292px; | ||
+ | top:-90px; | ||
+ | z-index:2; | ||
+ | } | ||
+ | div .contact-us{ | ||
+ | position: absolute; | ||
+ | z-index:2; | ||
+ | top:425px; | ||
+ | padding:4px 0px 0px 10px; | ||
+ | width:268px; | ||
+ | color:white; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | div .contact-us #contact-us-information{ | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | font-size:12px; | ||
+ | font-style: italic; | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | div .contact-us #contact-us-information a:hover{ | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | font-size:12px; | ||
+ | font-style: italic; | ||
+ | color:#fcf967; | ||
+ | font-weight:bold; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | div .contact-us #contact-us-information a{ | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | font-size:12px; | ||
+ | font-style: italic; | ||
+ | color:white; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | div .contact-us #contact-us-title{ | ||
+ | font-family: 'Source Sans Pro', sans-serif; | ||
+ | font-size:22px; | ||
+ | line-height:170%; | ||
+ | color:#dddddd; | ||
+ | height:30px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <script type="text/javascript"> | ||
+ | WebFontConfig = { | ||
+ | google: { families: [ 'Source+Sans+Pro:300,400,300italic:latin' ] } | ||
+ | }; | ||
+ | (function() { | ||
+ | var wf = document.createElement('script'); | ||
+ | wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + | ||
+ | '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js'; | ||
+ | wf.type = 'text/javascript'; | ||
+ | wf.async = 'true'; | ||
+ | var s = document.getElementsByTagName('script')[0]; | ||
+ | s.parentNode.insertBefore(wf, s); | ||
+ | })(); </script> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div id="main"> | ||
+ | <a href="https://2012.igem.org/Team:KAIST_Korea/Enter"><img id="main-logo" src="https://static.igem.org/mediawiki/2012/5/59/Logopart_Kaist.png"/></a> | ||
+ | <img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/> | ||
+ | <div class="oe_wrapper"> | ||
+ | <ul id="oe_menu" class="oe_menu"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">HOME</a> | ||
+ | <div style="top:30px;"> | ||
+ | <ul style="margin:0 0 0 30px;width:100px;"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">Introduction</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px;margin:0px 5px 0px 5px;"> | ||
+ | <li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM">iGEM</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">TEAM</a> | ||
+ | <div style="left:-91px;top:30px;"><!-- -112px --> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">Members</a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">KAIST</a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery">Gallery</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">PART</a> | ||
+ | <div style="left:-182px;top:30px;"> | ||
+ | <ul style="margin:0 0 0 30px;width:100px;"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">About Bricks</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="oe_wrapper2"> | ||
+ | <ul id="oe_menu2" class="oe_menu2"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">PROJECT</a> | ||
+ | <div style="top:24px;left:32px;"> | ||
+ | <ul style="width:100px;height:19px;"> | ||
+ | <li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Background</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px;height:19px;"> | ||
+ | <li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Results">Results</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px;height:19px;"> | ||
+ | <li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Future">Future Plan</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px;height:19px;"> | ||
+ | <li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling">Modeling</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Overview">NOTEBOOK</a> | ||
+ | <div style="left:-91px;top:30px;"><!-- -112px --> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Overview">Overview</a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a> | ||
+ | <div style="left:-182px;top:30px;"> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px;font-size:14px;"> | ||
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Human Practice</a></li> | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Human Practice</a></li> | ||
</ul> | </ul> |
Revision as of 00:36, 26 August 2012
2012 KAIST Korea
Mail : kaist.igem.2012@gmail.com
Twitter : twitter.com/KAIST_iGEM_2012
Facebook : www.facebook.com/KAISTiGEM2012
2012 KAIST Korea
Mail : kaist.igem.2012@gmail.com
Twitter : twitter.com/KAIST_iGEM_2012
Facebook : www.facebook.com/KAISTiGEM2012