Team:KAIST Korea/navi

From 2012.igem.org

(Difference between revisions)
 
(129 intermediate revisions not shown)
Line 14: Line 14:
}
}
ul.oe_menu > li{
ul.oe_menu > li{
-
width:91px;
+
width:90px;
height:30px;
height:30px;
padding:auto;
padding:auto;
float:left;
float:left;
position:relative;
position:relative;
 +
list-style-type:none;
 +
}
}
 +
ul.oe_menu > li > a{
ul.oe_menu > li > a{
display:block;
display:block;
Line 27: Line 30:
text-align:center;
text-align:center;
font-size:16px;
font-size:16px;
-
font-family:"Trebuchet MS", Helvetica, sans-serif;
+
font-family: 'Source Sans Pro', sans-serif;
width:90px;
width:90px;
height:30px;
height:30px;
Line 54: Line 57:
color:#cbcbcb;
color:#cbcbcb;
padding:2px 2px 2px 4px;
padding:2px 2px 2px 4px;
-
margin:2px;
 
display:block;
display:block;
-
font-family:"Trebuchet MS", Helvetica, sans-serif;
+
font-family: 'Source Sans Pro', sans-serif;
text-align:center;
text-align:center;
-
font-size:14px;
+
font-size:16px;
}
}
ul.oe_menu div ul.oe_full{
ul.oe_menu div ul.oe_full{
Line 70: Line 72:
list-style:none;
list-style:none;
float:left;
float:left;
-
width: 90px;
+
width: 86px;
-
margin-right:10px;
+
margin-right:0px;
}
}
Line 88: Line 90:
float:left;
float:left;
position:relative;
position:relative;
 +
list-style-type:none;
}
}
 +
ul.oe_menu2 > li > a{
ul.oe_menu2 > li > a{
display:block;
display:block;
Line 96: Line 100:
text-align:center;
text-align:center;
font-size:16px;
font-size:16px;
-
font-family:"Trebuchet MS", Helvetica, sans-serif;
+
font-family: 'Source Sans Pro', sans-serif;
width:90px;
width:90px;
height:30px;
height:30px;
Line 106: Line 110:
opacity:1.0;
opacity:1.0;
}
}
 +
.oe_wrapper2 ul.hovered > li > a{
.oe_wrapper2 ul.hovered > li > a{
background:transparent;
background:transparent;
}
}
 +
ul.oe_menu2 div{
ul.oe_menu2 div{
position:absolute;
position:absolute;
Line 123: Line 129:
color:#ffffff;
color:#ffffff;
padding:2px 2px 2px 2px;
padding:2px 2px 2px 2px;
-
margin:2px;
 
display:block;
display:block;
-
font-family:"Trebuchet MS", Helvetica, sans-serif;
+
font-family: 'Source Sans Pro', sans-serif;
text-align:center;
text-align:center;
-
font-size:14px;
+
font-size:16px;
}
}
 +
ul.oe_menu2 div ul.oe_full2{
ul.oe_menu2 div ul.oe_full2{
width:100%;
width:100%;
}
}
 +
ul.oe_menu2 div ul li a:hover{
ul.oe_menu2 div ul li a:hover{
background:#d37c62;/*이걸로 색상 조절*/
background:#d37c62;/*이걸로 색상 조절*/
color:#fff;
color:#fff;
}
}
 +
ul.oe_menu2 li ul{
ul.oe_menu2 li ul{
list-style:none;
list-style:none;
Line 149: Line 157:
margin: 0 auto;
margin: 0 auto;
background-color: transparent;
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
#main #main-img
{
{
Line 157: Line 168:
z-index:0;
z-index:0;
}
}
 +
#main a #main-logo
#main a #main-logo
{
{
Line 168: Line 180:
{
{
position: relative;
position: relative;
-
top: -4px;
+
top: -5px;
-
        left:292px;
+
    left:292px;
width:732px;
width:732px;
-
height: 180px;
+
height: 250px;
z-index: 0;
z-index: 0;
opacity:0.9;
opacity:0.9;
Line 180: Line 192:
z-index:3;
z-index:3;
top:275px;
top:275px;
-
 
}
}
 +
div .oe_wrapper2{
div .oe_wrapper2{
position:absolute;
position:absolute;
z-index:2;
z-index:2;
-
top:355px;
+
top:358px;
-
+
}
 +
 
 +
div .iGEMLogo{
 +
position:absolute;
 +
z-index:4;
 +
bottom: 80px;
 +
padding : 0 0 0 10px;
}
}
Line 194: Line 212:
         background-color:transparent;
         background-color:transparent;
         width:690px;
         width:690px;
-
         left:300px;
+
         left:320px;
-
         top:-5px;
+
         top:-75px;
         z-index:2;
         z-index:2;
         text-align: right;
         text-align: right;
Line 201: Line 219:
}
}
 +
#top-img-description
 +
{
 +
font-size:25px;
 +
font-family: 'Gloria Hallelujah', cursive;
 +
}
 +
 +
#top-img-description-box
 +
{
 +
position: relative;
 +
        background-color:transparent;
 +
        top:-115px;
 +
left: 350px;
 +
        z-index:3;
 +
        height:15px;
 +
}
 +
 +
#horizontal-line
 +
{
 +
position: relative;
 +
        background-color:transparent;
 +
        width:732px;
 +
height:3px;
 +
        left:292px;
 +
        top:-90px;
 +
        z-index:2;
 +
}
div .contact-us{
div .contact-us{
position: absolute;
position: absolute;
Line 207: Line 251:
padding:4px 0px 0px 10px;
padding:4px 0px 0px 10px;
width:268px;
width:268px;
 +
color:white;
 +
font-weight:bold;
}
}
Line 213: Line 259:
font-size:12px;
font-size:12px;
font-style: italic;
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{
div .contact-us #contact-us-title{
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
font-size:22px;
font-size:22px;
-
line-height:130%;
+
line-height:170%;
-
font-style: bold;
+
color:#dddddd;
 +
height:30px;
}
}
 +
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
Line 238: Line 305:
<body>
<body>
<div id="main">
<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>
+
<a href="https://2012.igem.org/Team:KAIST_Korea"><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"/>
<img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/>
<div class="oe_wrapper">
<div class="oe_wrapper">
<ul id="oe_menu" class="oe_menu">
<ul id="oe_menu" class="oe_menu">
-
<li><a href="#">HOME</a>
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">HOME</a>
-
<div>
+
<div style="top:30px;">
-
<ul>
+
<ul style="margin:0 0 0 30px;width:100px;">
-
<li><a href="https://igem.org/Main_Page">2012 iGEM</a></li>
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro">Introduction</a></li>
</ul>
</ul>
-
<ul>
+
<ul style="width:100px;margin:0px 5px 0px 5px;">
-
<li><a href="https://2012.igem.org/Team:KAIST_Korea/home">KAIST Korea</a></li>
+
<li style="font-size:14px;"><a href="https://2012.igem.org/Team:KAIST_Korea/Home_iGEM">iGEM</a></li>
</ul>
</ul>
</div>
</div>
</li>
</li>
-
<li><a href="#">TEAM</a>
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">TEAM</a>
-
<div style="left:-91px;"><!-- -112px -->
+
<div style="left:-85px;top:25px;"><!-- -112px -->
<ul>
<ul>
-
+
<li><a style="font-size:14px;"href="https://igem.org/Team.cgi?id=907">Official Team Profile</a></li>
-
<li><a href="#">Team Profile</a></li>
+
</ul>
</ul>
-
<ul>
+
<ul style="padding:5px 0px 5px 0px">
-
<li><a href="#">Gallery</a></li>
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST">Members</a></li>
 +
</ul>
 +
<ul style="padding:5px 0px 5px 0px">
 +
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Gallery">Gallery</a></li>
</ul>
</ul>
</div>
</div>
</li>
</li>
-
<li><a href="#">PART</a>
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">DATA</a>
-
<div style="left:-182px;">
+
<div style="left:-182px;top:30px;">
-
<ul>
+
<ul style="margin:0 0 0 30px;width:100px;">
-
<li><a href="#">Bio Brick</a></li>
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">Description</a></li>
</ul>
</ul>
-
<ul>
+
<ul style="width:100px">
-
<li><a href="#">About Bricks</a></li>
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li>
</ul>
</ul>
</div>
</div>
Line 278: Line 347:
<div class="oe_wrapper2">
<div class="oe_wrapper2">
<ul id="oe_menu2" class="oe_menu2">
<ul id="oe_menu2" class="oe_menu2">
-
<li><a href="#">PROJECT</a>
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">PROJECT</a>
-
<div style="top:24px;left:32px;">
+
<div style="top:21px;left:32px;">
-
<ul style="width:100px">
+
<ul style="width:100px;height:19px;">
-
<li><a style="font-size:12px;margin:0px;" href="#">Background</a></li>
+
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Overview</a></li>
</ul>
</ul>
-
<ul style="width:100px">
+
<ul style="width:100px;height:19px;">
-
<li><a style="font-size:12px;margin:0px;" href="#">Results</a></li>
+
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Results">Results</a></li>
</ul>
</ul>
-
<ul style="width:100px">
+
<ul style="width:100px;height:19px;">
-
<li><a style="font-size:12px;margin:0px;" href="#">Future Plan</a></li>
+
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Future">Future Plan</a></li>
</ul>
</ul>
-
<ul style="width:100px">
+
<ul style="width:100px;height:19px;">
-
<li><a style="font-size:12px;margin:0px;" href="#">Modeling</a></li>
+
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Modeling">Modeling</a></li>
</ul>
</ul>
</div>
</div>
</li>
</li>
-
<li><a href="#">NOTEBOOK</a>
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">NOTEBOOK</a>
-
<div style="left:-91px;"><!-- -112px -->
+
<div style="left:-91px;top:30px;"><!-- -112px -->
-
<ul>
+
<ul style="margin:0 0 0 30px;width:100px;">
-
<li><a href="#">Protocol</a></li>
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li>
</ul>
</ul>
-
<ul>
+
<ul style="width:100px">
-
<li><a href="#">Labnote</a></li>
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li>
-
</ul>
+
-
<ul>
+
-
<li><a href="#">Overview</a></li>
+
</ul>
</ul>
 +
</div>
</div>
</li>
</li>
-
<li><a href="#">PLUS</a>
+
<li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a>
-
<div style="left:-182px;">
+
<div style="left:-152px;top:21px;">
-
<ul>
+
<ul style="width:100px;height:19px;">
-
<li><a href="#">Safety</a></li>
+
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li>
</ul>
</ul>
-
<ul>
+
<ul style="width:100px;height:19px;">
-
<li><a href="#">Attribution</a></li>
+
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Human">Human Practice</a></li>
</ul>
</ul>
-
<ul>
+
<ul style="width:100px;height:19px;">
-
<li><a href="#">Sponsor</a></li>
+
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Attribution">Attribution</a></li>
 +
</ul>
 +
<ul style="width:100px;height:19px;">
 +
<li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Sponsor">Sponsors</a></li>
</ul>
</ul>
</div>
</div>
Line 326: Line 396:
<div id="contact-us-title">2012 KAIST Korea</div>
<div id="contact-us-title">2012 KAIST Korea</div>
<div id="contact-us-information">
<div id="contact-us-information">
-
Mail : <a href="mailto:kaist.igem.2012@gmail.com">kaist.igem.2012@gmail.com</a></br>
+
<b>Mail</b> : <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>
+
<b>Twitter</b> : <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>
+
<b>Facebook</b> : <a href="http://www.facebook.com/KAISTiGEM2012">www.facebook.com/KAISTiGEM2012</a>
</div>
</div>
</div>
</div>
 +
 +
<div class="iGEMLogo">
 +
<a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/0/00/KAIST_iGEM_logo.png"/></a>
 +
</div>
</div>
</div>
         <!-- The JavaScript -->
         <!-- The JavaScript -->

Latest revision as of 03:17, 27 September 2012