Team:KAIST Korea/navi

From 2012.igem.org

(Difference between revisions)
Line 371: Line 371:
<ul>
<ul>
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li>
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li>
-
</ul>
 
-
<ul style="width:100px;">
 
-
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Human Practice</a></li>
 
</ul>
</ul>
<ul>
<ul>
-
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsor</a></li>
+
<li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Human Practice</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>
+
</ul>
</ul>
<ul>
<ul>

Revision as of 00:37, 26 August 2012

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