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