Team:KAIST Korea/navi

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<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;
 
-
font-weight:bold;
 
-
}
 
-
 
-
div .contact-us #contact-us-information a:hover{
 
-
font-family: 'Source Sans Pro', sans-serif;
 
-
font-size:12px;
 
-
font-style: italic;
 
-
color:white;
 
-
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;
 
-
font-weight:bold;
 
-
text-decoration:none;
 
-
}
 
-
 
-
div .contact-us #contact-us-title{
 
-
font-family: 'Source Sans Pro', sans-serif;
 
-
font-size:22px;
 
-
line-height:170%;
 
-
color:#dddddd;
 
-
}
 
-
 
-
</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_KAIST">KAIST</a></li>
 
-
</ul>
 
-
<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_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_Protocol">NOTEBOOK</a>
 
-
<div style="left:-91px;top:30px;"><!-- -112px -->
 
-
<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>
 
-
<ul>
 
-
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Overview">Overview</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>
 
-
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Attribution</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">
 
-
Mail : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br>
 
-
Twitter : <a href="http://twitter.com/KAIST_iGEM_2012">twitter.com/KAIST_iGEM_2012</a></br>
 
-
Facebook : <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>
<html>
<head>
<head>

Revision as of 11:33, 23 August 2012

Retrieved from "http://2012.igem.org/Team:KAIST_Korea/navi"