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: | + | 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: | + | 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; | ||
- | |||
display:block; | display:block; | ||
- | font-family: | + | font-family: 'Source Sans Pro', sans-serif; |
text-align:center; | text-align:center; | ||
- | font-size: | + | 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: | + | width: 86px; |
- | margin-right: | + | 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: | + | 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; | ||
- | |||
display:block; | display:block; | ||
- | font-family: | + | font-family: 'Source Sans Pro', sans-serif; |
text-align:center; | text-align:center; | ||
- | font-size: | + | 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: - | + | top: -5px; |
- | + | left:292px; | |
width:732px; | width:732px; | ||
- | height: | + | 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: | + | 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: | + | left:320px; |
- | top:- | + | 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: | + | line-height:170%; |
- | + | 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 | + | <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=" | + | <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/ | + | <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/ | + | <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=" | + | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Team_Members">TEAM</a> |
- | <div style="left:- | + | <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=" | + | |
</ul> | </ul> | ||
- | <ul> | + | <ul style="padding:5px 0px 5px 0px"> |
- | <li><a href=" | + | <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=" | + | <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=" | + | <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=" | + | <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=" | + | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">PROJECT</a> |
- | <div style="top: | + | <div style="top:21px;left:32px;"> |
- | <ul style="width:100px"> | + | <ul style="width:100px;height:19px;"> |
- | <li><a style="font-size: | + | <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: | + | <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: | + | <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: | + | <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=" | + | <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=" | + | <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=" | + | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li> |
- | + | ||
- | + | ||
- | + | ||
</ul> | </ul> | ||
+ | |||
</div> | </div> | ||
</li> | </li> | ||
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a> |
- | <div style="left:- | + | <div style="left:-152px;top:21px;"> |
- | <ul> | + | <ul style="width:100px;height:19px;"> |
- | <li><a href=" | + | <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=" | + | <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=" | + | <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
2012 KAIST Korea
Mail : kaist.igem.2012@gmail.com
Twitter : twitter.com/KAIST_iGEM_2012
Facebook : www.facebook.com/KAISTiGEM2012