Team:KAIST Korea/Team
From 2013.igem.org
(Difference between revisions)
(Prototype team page) |
|||
(10 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | < | + | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> |
+ | <head> | ||
+ | |||
+ | <style type="text/css" media="screen"> | ||
+ | body { | ||
+ | background-color: #aaaaaa; | ||
+ | font: 10px futura, helvetica, helvetica neue; | ||
+ | } | ||
+ | #credits { | ||
+ | position: absolute; | ||
+ | bottom: 10px; right: 10px; | ||
+ | opacity: 0.5; | ||
+ | } | ||
+ | #slider { | ||
+ | width: 400px; | ||
+ | margin: auto; | ||
+ | } | ||
+ | #container { | ||
+ | background-color: #aaaaaa; | ||
+ | position: relative; | ||
+ | border: 0px solid red; | ||
+ | height: 400px; | ||
+ | margin: auto; | ||
+ | margin-top : 100px; | ||
+ | margin-bottom : 40px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | </style> | ||
- | <html> | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
- | < | + | <meta name="generator" content="MediaWiki 1.16.5" /> |
- | < | + | <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/ui-darkness/jquery-ui.css" type="text/css" /> |
- | + | <link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:KAIST_Korea/Project&action=edit" /> | |
- | </ | + | <link rel="edit" title="Edit" href="/wiki/index.php?title=Team:KAIST_Korea/Project&action=edit" /> |
- | < | + | <link rel="shortcut icon" href="/favicon.ico" /> |
- | + | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2013.igem.org (en)" /> | |
- | </ | + | <link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:KAIST_Korea/Project_Background&action=creativecommons" rel="meta" /> |
- | < | + | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" /> |
- | + | <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'> |
- | </ | + | <title>Team:KAIST Korea/Project Background - 2013.igem.org</title> |
- | </ | + | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> |
+ | <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js"></script> | ||
+ | <script type="text/javascript" src="http://coulisse.luvdasun.com/assets/jquery.ui.coulisse.min.js"></script> | ||
+ | <style type="text/css"> | ||
- | + | body{ | |
+ | background: #333; | ||
+ | color: #fff; | ||
+ | font: 85% Lucida Grande, Lucida Sans Unicode; | ||
+ | position: relative; | ||
+ | } | ||
+ | #container{ | ||
+ | margin: 30px auto; | ||
+ | width: 602px; | ||
+ | } | ||
- | { | + | #controls{ |
- | + | margin-bottom: 20px; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | #__cvfl-coverflow{ | ||
+ | height: 375px; | ||
+ | margin: auto; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | width: 530px; | ||
+ | } | ||
- | + | #__cvfl-coverflow-label{ | |
+ | color: #fff; | ||
+ | font: 14pt Lucida Grande, Lucida Sans Unicode; | ||
+ | line-height: 1.3em; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | top: 273px; | ||
+ | z-index: 700; | ||
+ | } | ||
- | { | + | #content h1{ |
- | + | margin: 30px 0 10px; | |
- | + | } | |
- | + | ||
- | + | #cv{ | |
- | + | background: #3a3a3a; | |
- | + | border: 1px solid #888; | |
- | + | position: relative; | |
- | + | } | |
- | + | ||
- | + | ||
+ | </style> | ||
+ | <style type="text/css"> | ||
+ | .CoulisseDemo | ||
+ | { | ||
+ | width: 100%; | ||
+ | height: 300px; | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | background-color: Black; | ||
+ | } | ||
+ | .SliderDemo | ||
+ | { | ||
+ | width: 80%; | ||
+ | margin: 10px 10%; | ||
+ | position: relative; | ||
+ | } | ||
+ | </style> | ||
+ | <style type="text/css" media="screen, projection">/*<![CDATA[*/ | ||
+ | @import "/wiki/skins/common/shared.css?270"; | ||
+ | @import "/wiki/skins/igem/main.css?270"; | ||
+ | #menu, | ||
+ | #menu ul, | ||
+ | #menu li, | ||
+ | #menu a { | ||
+ | margin: 0; | ||
+ | padding-left: 40; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | } | ||
+ | .menu { | ||
+ | height: 50px; | ||
+ | weight: 100%; | ||
+ | padding-left: 30%; | ||
+ | background: #4c4e5a; | ||
+ | } | ||
+ | |||
+ | .menu li { | ||
+ | position: relative; | ||
+ | list-style: none; | ||
+ | margin: 0px auto 0 auto; | ||
+ | float: left; | ||
+ | display: block; | ||
+ | height: 50px; | ||
+ | } | ||
+ | |||
+ | /* Links */ | ||
+ | |||
+ | .menu li a { | ||
+ | margin:0px auto; | ||
+ | display: block; | ||
+ | padding: 0 14px; | ||
+ | margin: 6px 0; | ||
+ | |||
+ | text-decoration: none; | ||
+ | |||
- | + | ||
- | { | + | font-family: Helvetica, Arial, sans-serif; |
- | + | font-weight: bold; | |
- | + | font-size: 20px; | |
+ | |||
+ | color: #353535; | ||
+ | |||
+ | |||
+ | -webkit-transition: color .2s ease-in-out; | ||
+ | -moz-transition: color .2s ease-in-out; | ||
+ | -o-transition: color .2s ease-in-out; | ||
+ | -ms-transition: color .2s ease-in-out; | ||
+ | transition: color .2s ease-in-out; | ||
+ | } | ||
+ | |||
+ | .menu li:first-child a { border-left: none; } | ||
+ | .menu li:last-child a{ border-right: none; } | ||
+ | |||
+ | .menu li:hover > a { color: #F29661; } | ||
+ | |||
+ | /* Sub Menu */ | ||
+ | |||
+ | .menu ul { | ||
+ | position: absolute; | ||
+ | top: 50px; | ||
+ | |||
+ | left: 0px; | ||
+ | |||
+ | padding-right: 10px; | ||
+ | |||
+ | opacity: 0; | ||
+ | |||
+ | background: #1f2024; | ||
+ | |||
+ | -webkit-border-radius: 0 0 5px 5px; | ||
+ | -moz-border-radius: 0 0 5px 5px; | ||
+ | border-radius: 0 0 5px 5px; | ||
+ | |||
+ | -webkit-transition: opacity .25s ease .1s; | ||
+ | -moz-transition: opacity .25s ease .1s; | ||
+ | -o-transition: opacity .25s ease .1s; | ||
+ | -ms-transition: opacity .25s ease .1s; | ||
+ | transition: opacity .25s ease .1s; | ||
+ | } | ||
+ | |||
+ | .menu li:hover > ul { opacity: 1; } | ||
+ | |||
+ | .menu ul li { | ||
+ | height: 0; | ||
+ | overflow: hidden; | ||
+ | padding: 0px; | ||
+ | |||
+ | -webkit-transition: height .25s ease .1s; | ||
+ | -moz-transition: height .25s ease .1s; | ||
+ | -o-transition: height .25s ease .1s; | ||
+ | -ms-transition: height .25s ease .1s; | ||
+ | transition: height .25s ease .1s; | ||
+ | } | ||
+ | |||
+ | .menu li:hover > ul li { | ||
+ | height: 40px; | ||
+ | overflow: visible; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .menu ul li a { | ||
+ | width: 100px; | ||
+ | padding: 4px 0 4px 40px; | ||
+ | margin: 0; | ||
+ | |||
+ | border: none; | ||
+ | border-bottom: 1px solid #353539; | ||
+ | } | ||
+ | |||
+ | .menu ul li:last-child a { border: none; } | ||
+ | |||
+ | /* Icons */ | ||
+ | |||
+ | .menu a.documents { background: url(docs.png) no-repeat 6px center; } | ||
+ | .menu a.messages { background: url(bubble.png) no-repeat 6px center; } | ||
+ | .menu a.signout { background: url(arrow.png) no-repeat 6px center; } | ||
+ | |||
+ | |||
+ | ul.menu { margin: 0px auto 0 auto; } | ||
+ | </style> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | /* Cross-Browsing */ | ||
+ | html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;} | ||
+ | h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;} | ||
+ | ol, ul, li { list-style:none; } | ||
+ | fieldset,img,hr {border:none;} | ||
+ | caption,th {text-align:left;} | ||
+ | table {border-collapse:collapse; border-spacing:0;} | ||
+ | td {vertical-align:top;} | ||
+ | strong { font-weight:bold ;} | ||
+ | em { font-style:italic; } | ||
+ | a img { border:none; } | ||
+ | q:before, q:after { content:''} | ||
+ | |||
+ | html { height: 100%; } | ||
+ | |||
+ | |||
+ | body | ||
+ | { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2012/6/61/Top_section_expand_KAIST.png'),url('https://static.igem.org/mediawiki/2012/9/98/PATTERN_diagonal.png'); | ||
+ | background-repeat: repeat-x,repeat; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | #content | ||
+ | { | ||
+ | border: none; | ||
+ | position: relative; | ||
+ | top: 0; | ||
+ | background-color: transparent; | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #bodyContent p | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #globalWrapper | ||
+ | { | ||
+ | clear: both; | ||
+ | width: 100%; | ||
+ | z-index: 1; | ||
+ | position: relative; | ||
+ | top:0px; | ||
+ | margin: auto; | ||
+ | font-size: 10px; | ||
+ | } | ||
+ | |||
+ | #contentSub { display: none; } | ||
+ | #siteSub { display:none; } | ||
+ | |||
+ | #search-controls { | ||
+ | left: 20px; | ||
+ | width: auto; | ||
+ | z-index: 100; | ||
+ | position: relative; | ||
+ | float: right; | ||
+ | top: -10px; | ||
+ | right: 0; | ||
+ | height: auto; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | input.searchButton | ||
+ | { | ||
+ | position: relative; | ||
+ | font-size: 1em; | ||
+ | font-family: "Arial"; | ||
+ | font-weight: normal; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | #searchInput | ||
+ | { | ||
+ | background-color: transparent; | ||
+ | z-index: 100; | ||
+ | color: #181818; | ||
+ | font: Arial; | ||
+ | text-align: center; | ||
+ | |||
+ | background: url('https://static.igem.org/mediawiki/2012/6/6e/Kaist2012_head_searchbar.png') no-repeat; | ||
+ | background-position: 0px 0px; | ||
+ | vertical-align: middle; | ||
+ | |||
+ | width: 184px; | ||
+ | height: 22px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #searchGoButton | ||
+ | { | ||
+ | font-size: 0pt; | ||
+ | background: url('https://static.igem.org/mediawiki/2012/7/78/Kaist2012_head_arrow.png') no-repeat; | ||
+ | background-position: left 0px; | ||
+ | z-index: 100; | ||
+ | cursor: pointer; | ||
+ | width: 29px; | ||
+ | height: 29px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #mw-searchButton | ||
+ | { | ||
+ | position: relative; | ||
+ | left: -14px; | ||
+ | font-size: 0pt; | ||
+ | background: url('https://static.igem.org/mediawiki/2012/e/e1/Kaist2012_head_search.png') no-repeat; | ||
+ | z-index: 100; | ||
+ | background-position: left 0px; | ||
+ | cursor: pointer; | ||
+ | width: 29px; | ||
+ | height: 29px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | .firstHeading { display:none; } | ||
+ | |||
+ | #p-logo | ||
+ | { | ||
+ | display: none; | ||
+ | position: relative; | ||
+ | top: 0px; | ||
+ | z-index: 0; | ||
+ | height: 1px; | ||
+ | width: 10px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | #p-logo a { color: black; } | ||
+ | |||
+ | img[src*="/wiki/skins/common/images/wiki.png"] | ||
+ | { | ||
+ | visibility: hidden; | ||
+ | top: -100px; | ||
+ | width: 10px; | ||
+ | height: 0px; | ||
+ | margin-top: 20px; | ||
+ | background: transparent; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #menubar | ||
+ | { | ||
+ | font-size: 10px; | ||
+ | font-family: "GothamXNarrow-Bold", "Helvetica"; | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width: auto; | ||
+ | top: 36px; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | |||
+ | #menubar:hover{ background-color: #181818; } | ||
+ | |||
+ | .left-menu { margin-top: 0px; left: 0; } | ||
+ | .left-menu ul { border: none;} | ||
+ | .right-menu { margin-top: 0px; right: 0; float: right !important;} | ||
+ | .right-menu ul { border: none; } | ||
+ | .right-menu ul a { background-color: transparent; } | ||
+ | .left-menu li a { color: #615d5a; } | ||
+ | .left-menu li a:visited { color: #615d5a; } | ||
+ | .left-menu li a:hover { color: #ffffff; } | ||
+ | .left-menu li a:active{ color: #cccccc; font-weight: bold; } | ||
+ | .right-menu li a { color: #f6f5c8; } | ||
+ | .right-menu li a:visited { color: #f6f5c8; } | ||
+ | .right-menu li a:hover { color: #ffffff; text-decoration: none; } | ||
+ | .right-menu li a:active { color: #cccccc; text-decoration: none;font-weight: bold; } | ||
+ | |||
+ | #menubar li { | ||
+ | |||
+ | margin: 0px; | ||
+ | word-spacing:-1px; | ||
+ | } | ||
+ | |||
+ | #catlinks { | ||
+ | position: relative; | ||
+ | top: 5px; | ||
+ | left: -5px; | ||
+ | width: 1034px; | ||
+ | border: none; | ||
+ | background-color: transparent; | ||
+ | padding-top: 5px; | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | #footer-box {display:none;} | ||
+ | #footer {display:none;} | ||
+ | #footer li a { color: #000000; } | ||
+ | #footer img { margin: 10px; border: none; } | ||
+ | #footer li a:visited {color: #000000;} | ||
+ | #footer li a:hover { color: #ababab; text-decoration: none; } | ||
+ | #footer li a:active{ color: #ababab; text-decoration: none; font-weight: bold} | ||
+ | </style> | ||
+ | <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; | ||
+ | list-style-type:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | 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; | ||
+ | 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; | ||
+ | list-style-type:none; | ||
+ | } | ||
+ | |||
+ | 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; | ||
+ | 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:358px; | ||
+ | } | ||
+ | |||
+ | div .iGEMLogo{ | ||
+ | position:absolute; | ||
+ | z-index:4; | ||
+ | bottom: 80px; | ||
+ | padding : 0 0 0 10px; | ||
+ | } | ||
+ | |||
+ | #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: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{ | ||
+ | position: absolute; | ||
+ | z-index:2; | ||
+ | top:450px; | ||
+ | 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> | ||
+ | <link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" /> | ||
+ | <meta http-equiv="imagetoolbar" content="no" /> | ||
+ | <script> | ||
+ | var skin="igem", | ||
+ | stylepath="/wiki/skins", | ||
+ | wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/", | ||
+ | wgArticlePath="/$1", | ||
+ | wgScriptPath="/wiki", | ||
+ | wgScriptExtension=".php", | ||
+ | wgScript="/wiki/index.php", | ||
+ | wgVariantArticlePath=false, | ||
+ | wgActionPaths={}, | ||
+ | wgServer="https://2013.igem.org", | ||
+ | wgCanonicalNamespace="", | ||
+ | wgCanonicalSpecialPageName=false, | ||
+ | wgNamespaceNumber=0, | ||
+ | wgPageName="Team:KAIST_Korea/Project", | ||
+ | wgTitle="Team:KAIST Korea/Project", | ||
+ | wgAction="view", | ||
+ | wgArticleId=9665, | ||
+ | wgIsArticle=true, | ||
+ | wgUserName="Springkjw", | ||
+ | wgUserGroups=["*", "user", "autoconfirmed"], | ||
+ | wgUserLanguage="en", | ||
+ | wgContentLanguage="en", | ||
+ | wgBreakFrames=false, | ||
+ | wgCurRevisionId=297918, | ||
+ | wgVersion="1.16.0", | ||
+ | wgEnableAPI=true, | ||
+ | wgEnableWriteAPI=true, | ||
+ | wgSeparatorTransformTable=["", ""], | ||
+ | wgDigitTransformTable=["", ""], | ||
+ | wgMainPageTitle="Main Page", | ||
+ | wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2013.igem.org", "5": "2013.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"}, | ||
+ | wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2013.igem.org": 4, "2013.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7}, | ||
+ | wgSiteName="2013.igem.org", | ||
+ | wgCategories=[], | ||
+ | wgMWSuggestTemplate="https://2013.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest", | ||
+ | wgDBname="2013_igem_org", | ||
+ | wgSearchNamespaces=[0], | ||
+ | wgMWSuggestMessages=["with suggestions", "no suggestions"], | ||
+ | wgRestrictionEdit=[], | ||
+ | wgRestrictionMove=[], | ||
+ | wgAjaxWatch={"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching...", "tooltip-ca-watchMsg": "Add this page to your watchlist", "tooltip-ca-unwatchMsg": "Remove this page from your watchlist"}; | ||
+ | </script> | ||
+ | <script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script> | ||
+ | <!-- Head Scripts --> | ||
+ | <script src="/wiki/skins/common/ajax.js?270"></script> | ||
+ | <script src="/wiki/skins/common/ajaxwatch.js?270"></script> | ||
+ | <script src="/wiki/skins/common/mwsuggest.js?270"></script> | ||
+ | <script type="text/javascript" src="/wiki/index.php?title=-&action=raw&smaxage=0&gen=js&useskin=igem"><!-- site js --></script> | ||
+ | <!-- jQuery Javascript --> | ||
+ | <script type='text/javascript' src ='/common/jquery-latest.min.js'></script> | ||
+ | <script type='text/javascript' src ='/common/tablesorter/jquery.tablesorter.min.js'></script> | ||
+ | <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' /> | ||
+ | <link rel='stylesheet' type='text/css' href='/common/table_styles.css' /> | ||
+ | <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' /> | ||
+ | <script type='text/javascript' src ='/forum/forum_scripts.js'></script> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800' rel='stylesheet' type='text/css'> | ||
+ | <script type="text/javascript"> | ||
+ | WebFontConfig = { | ||
+ | google: { families: [ 'Open+Sans:600italic,400,800:latin' ]|[ 'Gloria+Hallelujah::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> | ||
+ | <style> | ||
+ | @import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah|Open+Sans:600italic,400,800); | ||
+ | |||
+ | #kaistcontent | ||
+ | { | ||
+ | position: relative; | ||
+ | background-color:transparent; | ||
+ | width:690px; | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | font-size:11pt; | ||
+ | line-height:140%; | ||
+ | padding: 0px 15px 0px 15px; | ||
+ | left:300px; | ||
+ | top:-70px; | ||
+ | z-index: 2; | ||
+ | } | ||
+ | |||
+ | #kaistcontent #tab | ||
+ | { | ||
+ | width:200px; | ||
+ | height:30px; | ||
+ | position:relative; | ||
+ | background:#f2f3f3; | ||
+ | padding:5px 30px 5px 30px; | ||
+ | border:1px solid #f4f4f4; | ||
+ | margin : 0 20px 0 20px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #kaistcontent #starter-grad | ||
+ | { | ||
+ | width:17px; | ||
+ | height:100px; | ||
+ | float:left; | ||
+ | margin:0px 15px 2px 0px; | ||
+ | } | ||
+ | |||
+ | #kaistcontent #starter | ||
+ | { | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | font-size:25pt; | ||
+ | color: #08185d; | ||
+ | font-style:italic | ||
+ | padding:0px 0px 0px 10px; | ||
+ | } | ||
+ | |||
+ | #kaistcontent #sub-title | ||
+ | { | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | color:#848383; | ||
+ | font-size: 15pt; | ||
+ | line-height:100%; | ||
+ | font-weight:bold; | ||
+ | font-style:italic; | ||
+ | } | ||
+ | |||
+ | #kaistcontent h1 | ||
+ | { | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | color:#5c5858; | ||
+ | font-weight:bold; | ||
+ | font-size:24pt; | ||
+ | line-height:110%; | ||
+ | } | ||
+ | |||
+ | #kaistcontent ul | ||
+ | { | ||
+ | list-style-type:disc; | ||
+ | padding: 0px 0px 0px 30px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #kaistcontent li | ||
+ | { | ||
+ | list-style-type:decimal; | ||
+ | } | ||
+ | |||
+ | #kaistcontent a { | ||
+ | color:#5a5b5e; | ||
+ | } | ||
+ | |||
+ | #kaistcontent a:hover{ | ||
+ | color:#94969a; | ||
+ | } | ||
+ | |||
+ | |||
+ | #kaistcontent #little | ||
+ | { | ||
+ | padding: 0px 0px 0px 30px; | ||
+ | line-height:140%; | ||
+ | } | ||
+ | #kaistcontent #little2 | ||
+ | { | ||
+ | padding: 0px 0px 0px 15px; | ||
+ | line-height:140%; | ||
+ | } | ||
+ | |||
+ | #kaistcontent #sub-sub-title | ||
+ | { | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | color:#848383; | ||
+ | font-weight:bold; | ||
+ | font-size:14pt; | ||
+ | line-height:110%; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <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> | ||
- | |||
- | + | <style> | |
- | + | #kaist-footerbox | |
- | + | { | |
+ | position: relative; | ||
+ | background-color: transparent; | ||
+ | width:1024px; | ||
+ | height:56px; | ||
+ | z-index:2; | ||
+ | margin:0 auto; | ||
+ | bottom:30px; | ||
+ | } | ||
+ | |||
+ | #kaist-footerbox img #footer-img | ||
+ | { | ||
+ | position: center; | ||
+ | width: 1024px; | ||
+ | height:106px; | ||
+ | z-index:2; | ||
+ | opacity:0.9; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="main"> | ||
- | + | <a href="https://2013.igem.org/Team:KAIST_Korea"><img id="main-logo" src="https://static.igem.org/mediawiki/2013/5/59/Logopart_Kaist.png"/></a> | |
+ | <img id="main-img" src="https://static.igem.org/mediawiki/2012/6/61/Home_kaist_background.png"/> | ||
- | + | ||
- | + | <ul class="menu"> | |
- | + | <li><a href="https://2013.igem.org/Team:KAIST_Korea">Home</a></li> | |
- | + | <li><a href="#">Team</a></li> | |
- | + | <li><a href="https://2013.igem.org/Team:KAIST_Korea/Project">Project</a> | |
- | + | ||
- | + | ||
+ | <!-- <ul> | ||
+ | <li><a href="#" class="documents">Documents</a></li> | ||
+ | <li><a href="#" class="messages">Messages</a></li> | ||
+ | <li><a href="#" class="signout">Sign Out</a></li> | ||
+ | </ul> | ||
+ | |||
+ | --> | ||
- | + | </li> | |
- | < | + | <li><a href="#">Labnote</a></li> |
- | + | <li><a href="#">Human Practice</a></li> | |
- | + | <li><a href="https://2013.igem.org/Team:KAIST_Korea/Safety">Safety</a></li> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </ | + | |
- | + | ||
- | + | </ul> <!-- end .menu --> | |
- | |||
+ | <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_Members">TEAM</a> | ||
+ | <div style="left:-85px;top:25px;"><!-- -112px --> | ||
+ | <ul> | ||
+ | <li><a style="font-size:14px;"href="https://igem.org/Team.cgi?id=907">Official Team Profile</a></li> | ||
+ | </ul> | ||
+ | <ul style="padding:5px 0px 5px 0px"> | ||
+ | <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> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_About">DATA</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_About">Description</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Part_Bio">Bio Bricks</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="oe_wrapper2"> | ||
+ | <ul id="oe_menu2" class="oe_menu2"> | ||
+ | <li><a href="https://2013.igem.org/Team:KAIST_Korea/Project">PROJECT</a> | ||
+ | <div style="top:21px;left:32px;"> | ||
+ | <ul style="width:100px;height:19px;"> | ||
+ | <li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Project_Background">Overview</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_Labnote">NOTEBOOK</a> | ||
+ | <div style="left:-91px;top:30px;"><!-- -112px --> | ||
+ | <ul style="margin:0 0 0 30px;width:100px;"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote">Labnote</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px"> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Protocol">Protocol</a></li> | ||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">PLUS</a> | ||
+ | <div style="left:-152px;top:21px;"> | ||
+ | <ul style="width:100px;height:19px;"> | ||
+ | <li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px;height:19px;"> | ||
+ | <li><a style="font-size:14px;" href="https://2012.igem.org/Team:KAIST_Korea/Plus_Human">Human Practice</a></li> | ||
+ | </ul> | ||
+ | <ul style="width:100px;height:19px;"> | ||
+ | <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> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="contact-us"> | ||
+ | <div id="contact-us-title">2013 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 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 id="main"> | ||
+ | <img id="top-img" src="https://static.igem.org/mediawiki/2012/6/6d/Back_home.PNG"/> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="kaistcontent"> | ||
+ | |||
+ | </br> | ||
+ | <section id="1st"> | ||
+ | <div> | ||
+ | <img id="starter-grad" style="height:60px;" src="https://static.igem.org/mediawiki/2012/9/95/Starter_gradient_kaist.png"></img> | ||
+ | <h1>Team</h1> | ||
+ | |||
+ | </br> | ||
+ | </div> | ||
+ | |||
- | + | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </br></br> | ||
+ | <div align='right'><a href="#top">▲Back to the top</a></div></br> | ||
+ | |||
+ | |||
+ | </section> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div id="kaist-footerbox"><img id="footer-img" align="middle" src="https://static.igem.org/mediawiki/2013/e/ef/Footer_background_kaist.png"></img> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Latest revision as of 10:13, 23 August 2013
2013 KAIST Korea
Mail : kaist.igem.2012@gmail.com
Twitter : twitter.com/KAIST_iGEM_2012
Facebook : www.facebook.com/KAISTiGEM2012