Team:KAIST Korea
From 2013.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
+ | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | ||
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> | ||
<head> | <head> | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
- | <meta name="generator" content="MediaWiki 1.16. | + | <meta name="generator" content="MediaWiki 1.16.0" /> |
<link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:KAIST_Korea&action=edit" /> | <link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:KAIST_Korea&action=edit" /> | ||
<link rel="edit" title="Edit" href="/wiki/index.php?title=Team:KAIST_Korea&action=edit" /> | <link rel="edit" title="Edit" href="/wiki/index.php?title=Team:KAIST_Korea&action=edit" /> | ||
<link rel="shortcut icon" href="/favicon.ico" /> | <link rel="shortcut icon" href="/favicon.ico" /> | ||
- | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title=" | + | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2012.igem.org (en)" /> |
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:KAIST_Korea&action=creativecommons" rel="meta" /> | <link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:KAIST_Korea&action=creativecommons" rel="meta" /> | ||
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" /> | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" /> | ||
- | <link rel="alternate" type="application/atom+xml" title=" | + | <link rel="alternate" type="application/atom+xml" title="2012.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" /> <title>Team:KAIST Korea - 2012.igem.org</title> |
<style type="text/css" media="screen, projection">/*<![CDATA[*/ | <style type="text/css" media="screen, projection">/*<![CDATA[*/ | ||
@import "/wiki/skins/common/shared.css?270"; | @import "/wiki/skins/common/shared.css?270"; | ||
Line 32: | Line 33: | ||
wgVariantArticlePath=false, | wgVariantArticlePath=false, | ||
wgActionPaths={}, | wgActionPaths={}, | ||
- | wgServer="https:// | + | wgServer="https://2012.igem.org", |
wgCanonicalNamespace="", | wgCanonicalNamespace="", | ||
wgCanonicalSpecialPageName=false, | wgCanonicalSpecialPageName=false, | ||
Line 39: | Line 40: | ||
wgTitle="Team:KAIST Korea", | wgTitle="Team:KAIST Korea", | ||
wgAction="view", | wgAction="view", | ||
- | wgArticleId= | + | wgArticleId=1467, |
wgIsArticle=true, | wgIsArticle=true, | ||
wgUserName="Springkjw", | wgUserName="Springkjw", | ||
Line 46: | Line 47: | ||
wgContentLanguage="en", | wgContentLanguage="en", | ||
wgBreakFrames=false, | wgBreakFrames=false, | ||
- | wgCurRevisionId= | + | wgCurRevisionId=237061, |
- | wgVersion="1.16. | + | wgVersion="1.16.0", |
wgEnableAPI=true, | wgEnableAPI=true, | ||
wgEnableWriteAPI=true, | wgEnableWriteAPI=true, | ||
Line 53: | Line 54: | ||
wgDigitTransformTable=["", ""], | wgDigitTransformTable=["", ""], | ||
wgMainPageTitle="Main Page", | wgMainPageTitle="Main Page", | ||
- | wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": " | + | wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2012.igem.org", "5": "2012.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, " | + | wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2012.igem.org": 4, "2012.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=" | + | wgSiteName="2012.igem.org", |
wgCategories=[], | wgCategories=[], | ||
- | wgMWSuggestTemplate="https:// | + | wgMWSuggestTemplate="https://2012.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest", |
- | wgDBname=" | + | wgDBname="2012_igem_org", |
wgSearchNamespaces=[0], | wgSearchNamespaces=[0], | ||
wgMWSuggestMessages=["with suggestions", "no suggestions"], | wgMWSuggestMessages=["with suggestions", "no suggestions"], | ||
Line 84: | Line 85: | ||
<div id="top-section"> | <div id="top-section"> | ||
- | + | <div id="p-logo"> | |
+ | <a href="/Main_Page" | ||
+ | title="Main Page"> | ||
+ | <img src='/wiki/skins/common/images/wiki.png'>" | ||
+ | </a> | ||
+ | </div> <!-- end p-logo --> | ||
+ | <script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script> | ||
Line 102: | Line 109: | ||
<li | <li | ||
><a href="/wiki/index.php?title=Team:KAIST_Korea&action=watch">Watch </a></li> | ><a href="/wiki/index.php?title=Team:KAIST_Korea&action=watch">Watch </a></li> | ||
- | <li style='color: | + | <li style='color:#808080;cursor:default'>teams</li> |
</ul> | </ul> | ||
</div> <!-- end menubar (left) --> | </div> <!-- end menubar (left) --> | ||
Line 114: | Line 121: | ||
<div id="search-controls" class="noprint"> | <div id="search-controls" class="noprint"> | ||
<form action="/Special:Search" id="searchform"> | <form action="/Special:Search" id="searchform"> | ||
- | <input id="searchInput" name="search" type="text" title="Search | + | <input id="searchInput" name="search" type="text" title="Search 2012.igem.org [f]" accesskey="f" value="" /> |
<input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" /> | <input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" /> | ||
<input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" /> | <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" /> | ||
Line 124: | Line 131: | ||
<h1 class="firstHeading">Team:KAIST Korea</h1> | <h1 class="firstHeading">Team:KAIST Korea</h1> | ||
<div id="bodyContent"> | <div id="bodyContent"> | ||
- | <h3 id="siteSub" class='noprint'>From | + | <h3 id="siteSub" class='noprint'>From 2012.igem.org</h3> |
<div id="contentSub"></div> | <div id="contentSub"></div> | ||
<!-- | <!-- | ||
Line 130: | Line 137: | ||
<!-- start content --> | <!-- start content --> | ||
<p> | <p> | ||
- | <head> | + | <head> |
- | <title>iGEM | + | <title>KAIST Korea 2012 iGEM</title> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <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; | ||
+ | overflow:hidden; | ||
+ | } | ||
- | + | ||
- | /* | + | #content |
- | . | + | { |
- | .menu ul | + | border: none; |
- | .menu li | + | position: relative; |
- | .menu a { | + | top: 0; |
- | + | background-color: transparent; | |
- | + | padding: 0; | |
- | + | width: 100%; | |
- | + | } | |
- | } | + | |
+ | #bodyContent p | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #globalWrapper | ||
+ | { | ||
+ | clear: both; | ||
+ | width: 100%; | ||
+ | z-index: 100; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | #top-section | ||
+ | { | ||
+ | height: 35px; | ||
+ | width: 980px; | ||
+ | margin: 0 auto; | ||
+ | top : 0px; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2012/5/5a/2012Kaist_korea.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-color: #3d3d3d; | ||
+ | background-position: center; | ||
+ | border-bottom: 1px solid #262B35; | ||
+ | border-left: medium none; | ||
+ | border-right: medium none; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | |||
+ | #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: 990px; | ||
+ | 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> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | |||
+ | <head> | ||
+ | <style type="text/css"> | ||
+ | div .iGEMLogo{ | ||
+ | position:absolute; | ||
+ | z-index:4; | ||
+ | top:-40px; | ||
+ | padding : 0 0 0 10px; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | + | a{ | |
- | { | + | color:#000; |
- | + | text-decoration:none; | |
- | + | } | |
- | width: | + | .clr{ |
- | + | clear:both; | |
- | + | } | |
- | + | .container { | |
- | + | width:600px; | |
- | + | position:relative; | |
- | + | top: 230px; | |
- | + | left: 220px; | |
- | + | z-index:100; | |
+ | margin:0 auto; | ||
+ | } | ||
+ | .content { | ||
+ | width:600px; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | .content{ | ||
+ | width:600px; | ||
+ | position:relative; | ||
} | } | ||
- | + | /*Sliding Text and Icon Menu Style*/ | |
- | { | + | .sti-menu{ |
- | + | width:600px; | |
- | + | position:relative; | |
- | + | margin:60px auto 0 auto; | |
} | } | ||
- | + | .sti-menu li{ | |
- | + | ||
- | { | + | |
- | + | ||
- | + | ||
float:left; | float:left; | ||
- | margin: | + | width:90px; |
+ | height:160px; | ||
+ | margin:1px; | ||
} | } | ||
- | + | .sti-menu li a{ | |
- | # | + | display:block; |
- | + | overflow:hidden; | |
- | + | background:#fff; | |
- | + | opacity:0.6; | |
- | + | text-align:center; | |
- | + | height:100%; | |
+ | width:100%; | ||
+ | position:relative; | ||
+ | -moz-box-shadow:1px 1px 2px #ddd; | ||
+ | -webkit-box-shadow:1px 1px 2px #ddd; | ||
+ | box-shadow:1px 1px 2px #ddd; | ||
} | } | ||
- | + | .sti-menu li a h2{ | |
- | + | color:#000; | |
- | { | + | font-family: "Times New Roman", arial, serif; |
- | + | font-size:13px; | |
- | color:# | + | |
- | font- | + | |
- | + | ||
font-weight:bold; | font-weight:bold; | ||
+ | position:absolute; | ||
+ | padding:5px; | ||
+ | width:80px; | ||
+ | top:90px; | ||
+ | left:0px; | ||
+ | text-shadow: 0px 1px 1px black; | ||
+ | } | ||
+ | .sti-menu li a h3{ | ||
+ | font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; | ||
+ | font-size:11px; | ||
font-style:italic; | font-style:italic; | ||
+ | color: #111; | ||
+ | position:absolute; | ||
+ | top:115px; | ||
+ | left:0px; | ||
+ | width:80px; | ||
+ | padding:5px; | ||
+ | } | ||
+ | .sti-icon{ | ||
+ | width:60px; | ||
+ | height:60px; | ||
+ | position:absolute; | ||
+ | background-position:top left; | ||
+ | background-repeat:no-repeat; | ||
+ | background-color:transparent; | ||
+ | left:15px; | ||
+ | top:20px; | ||
+ | } | ||
+ | .sti-icon-home{ | ||
+ | background-image: url('https://static.igem.org/mediawiki/igem.org/5/5c/KAIST_Home.png'); | ||
+ | } | ||
+ | .sti-icon-team{ | ||
+ | background-image: url('https://static.igem.org/mediawiki/igem.org/c/c4/KAIST_Teampage.png'); | ||
+ | } | ||
+ | .sti-icon-part{ | ||
+ | background-image: url('https://static.igem.org/mediawiki/igem.org/a/a6/KAIST_Part.png'); | ||
+ | } | ||
+ | .sti-icon-project{ | ||
+ | background-image: url('https://static.igem.org/mediawiki/igem.org/1/19/KAIST_Project.png'); | ||
+ | } | ||
+ | .sti-icon-note{ | ||
+ | background-image: url('https://static.igem.org/mediawiki/igem.org/c/c8/KAIST_Note.png'); | ||
+ | } | ||
+ | .sti-icon-attr{ | ||
+ | background-image: url('https://static.igem.org/mediawiki/igem.org/1/14/KAIST_Attr.png'); | ||
+ | } | ||
+ | /* CSS reset */ | ||
+ | body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { | ||
+ | margin:0; | ||
+ | padding:0; | ||
} | } | ||
- | + | html,body { | |
- | { | + | margin:0; |
- | + | padding:0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | table { | |
- | { | + | border-collapse:collapse; |
- | + | border-spacing:0; | |
- | + | ||
- | + | ||
} | } | ||
- | + | fieldset,img { | |
- | { | + | border:0; |
- | + | ||
} | } | ||
- | + | input{ | |
- | { | + | border:1px solid #b0b0b0; |
- | + | padding:3px 5px 4px; | |
- | + | color:#979797; | |
- | + | width:190px; | |
- | + | ||
- | + | ||
} | } | ||
- | + | address,caption,cite,code,dfn,th,var { | |
- | + | font-style:normal; | |
- | + | font-weight:normal; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ol,ul { | |
- | + | list-style:none; | |
- | list-style: none | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | caption,th { | |
- | + | text-align:left; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | text- | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | h1,h2,h3,h4,h5,h6 { | |
- | + | font-size:100%; | |
- | + | font-weight:normal; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | - | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | q:before,q:after { | |
- | + | content:''; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | abbr,acronym { | |
- | height: | + | border:0; |
- | + | } | |
- | + | ||
+ | #main | ||
+ | { | ||
+ | min-height: 100%; | ||
+ | width: 980px; | ||
+ | margin: 0 auto; | ||
+ | background-color: #FFFFFF; | ||
} | } | ||
- | + | #main #home-img | |
- | + | { | |
- | + | position:absolute; | |
- | + | width: 980px; | |
- | + | top: -130px; | |
- | + | z-index:2 | |
- | + | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</style> | </style> | ||
- | + | </head> | |
- | + | <body> | |
- | < | + | <div id="main"> |
- | + | <div class="container"> | |
- | < | + | <ul id="sti-menu" class="sti-menu"> |
- | + | <li data-hovercolor="#37c5e9"> | |
- | + | <a href="https://2012.igem.org/Team:KAIST_Korea/Home_Intro"> | |
- | + | <h2 data-type="mText" class="sti-item">HOME</h2> | |
- | + | <h3 data-type="sText" class="sti-item">intro/iGEM</h3> | |
- | + | <span data-type="icon" class="sti-icon sti-icon-home sti-item"></span> | |
- | + | </a> | |
- | </ | + | </li> |
- | + | <li data-hovercolor="#ff395e"> | |
- | + | <a href="https://2012.igem.org/Team:KAIST_Korea/Team_KAIST"> | |
- | < | + | <h2 data-type="mText" class="sti-item">TEAM</h2> |
- | < | + | <h3 data-type="sText" class="sti-item">official team profile/</br>members/gallery</h3> |
- | < | + | <span data-type="icon" class="sti-icon sti-icon-team sti-item"></span> |
- | + | </a> | |
- | + | </li> | |
- | + | <li data-hovercolor="#57e676"> | |
- | + | <a href="https://2012.igem.org/Team:KAIST_Korea/Part_About"> | |
- | + | <h2 data-type="mText" class="sti-item">DATA</h2> | |
- | + | <h3 data-type="sText" class="sti-item">description/</br>bio bricks</h3> | |
- | + | <span data-type="icon" class="sti-icon sti-icon-part sti-item"></span> | |
- | + | </a> | |
- | + | </li> | |
- | <li><a href=" | + | <li data-hovercolor="#d869b2"> |
- | + | <a href="https://2012.igem.org/Team:KAIST_Korea/Project_Background"> | |
+ | <h2 data-type="mText" class="sti-item">PROJECT</h2> | ||
+ | <h3 data-type="sText" class="sti-item">overview/results/</br>future plan/modeling</h3> | ||
+ | <span data-type="icon" class="sti-icon sti-icon-project sti-item"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li data-hovercolor="#ffdd3f"> | ||
+ | <a href="https://2012.igem.org/Team:KAIST_Korea/Notebook_Labnote"> | ||
+ | <h2 data-type="mText" class="sti-item">NOTEBOOK</h2> | ||
+ | <h3 data-type="sText" class="sti-item">lab note/protocol</h3> | ||
+ | <span data-type="icon" class="sti-icon sti-icon-note sti-item"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li data-hovercolor="#d4d5d4"> | ||
+ | <a href="https://2012.igem.org/Team:KAIST_Korea/Plus_Safety"> | ||
+ | <h2 data-type="mText" class="sti-item">PLUS</h2> | ||
+ | <h3 data-type="sText" class="sti-item">safety/human prac./</br>attr./sponsors</h3> | ||
+ | <span data-type="icon" class="sti-icon sti-icon-attr sti-item"></span> | ||
+ | </a> | ||
+ | </li> | ||
</ul> | </ul> | ||
- | |||
- | |||
- | </ | + | </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> | ||
- | |||
+ | <img id="home-img" src="https://static.igem.org/mediawiki/2012/b/b9/Kaist_enter_background.png"/> | ||
- | < | + | </div> |
- | < | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> |
- | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script> | |
+ | <script> | ||
+ | jQuery.easing['jswing'] = jQuery.easing['swing']; | ||
+ | jQuery.extend( jQuery.easing, | ||
+ | { | ||
+ | def: 'easeOutQuad', | ||
+ | swing: function (x, t, b, c, d) { | ||
+ | //alert(jQuery.easing.default); | ||
+ | return jQuery.easing[jQuery.easing.def](x, t, b, c, d); | ||
+ | }, | ||
+ | easeInQuad: function (x, t, b, c, d) { | ||
+ | return c*(t/=d)*t + b; | ||
+ | }, | ||
+ | easeOutQuad: function (x, t, b, c, d) { | ||
+ | return -c *(t/=d)*(t-2) + b; | ||
+ | }, | ||
+ | easeInOutQuad: function (x, t, b, c, d) { | ||
+ | if ((t/=d/2) < 1) return c/2*t*t + b; | ||
+ | return -c/2 * ((--t)*(t-2) - 1) + b; | ||
+ | }, | ||
+ | easeInCubic: function (x, t, b, c, d) { | ||
+ | return c*(t/=d)*t*t + b; | ||
+ | }, | ||
+ | easeOutCubic: function (x, t, b, c, d) { | ||
+ | return c*((t=t/d-1)*t*t + 1) + b; | ||
+ | }, | ||
+ | easeInOutCubic: function (x, t, b, c, d) { | ||
+ | if ((t/=d/2) < 1) return c/2*t*t*t + b; | ||
+ | return c/2*((t-=2)*t*t + 2) + b; | ||
+ | }, | ||
+ | easeInQuart: function (x, t, b, c, d) { | ||
+ | return c*(t/=d)*t*t*t + b; | ||
+ | }, | ||
+ | easeOutQuart: function (x, t, b, c, d) { | ||
+ | return -c * ((t=t/d-1)*t*t*t - 1) + b; | ||
+ | }, | ||
+ | easeInOutQuart: function (x, t, b, c, d) { | ||
+ | if ((t/=d/2) < 1) return c/2*t*t*t*t + b; | ||
+ | return -c/2 * ((t-=2)*t*t*t - 2) + b; | ||
+ | }, | ||
+ | easeInQuint: function (x, t, b, c, d) { | ||
+ | return c*(t/=d)*t*t*t*t + b; | ||
+ | }, | ||
+ | easeOutQuint: function (x, t, b, c, d) { | ||
+ | return c*((t=t/d-1)*t*t*t*t + 1) + b; | ||
+ | }, | ||
+ | easeInOutQuint: function (x, t, b, c, d) { | ||
+ | if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b; | ||
+ | return c/2*((t-=2)*t*t*t*t + 2) + b; | ||
+ | }, | ||
+ | easeInSine: function (x, t, b, c, d) { | ||
+ | return -c * Math.cos(t/d * (Math.PI/2)) + c + b; | ||
+ | }, | ||
+ | easeOutSine: function (x, t, b, c, d) { | ||
+ | return c * Math.sin(t/d * (Math.PI/2)) + b; | ||
+ | }, | ||
+ | easeInOutSine: function (x, t, b, c, d) { | ||
+ | return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b; | ||
+ | }, | ||
+ | easeInExpo: function (x, t, b, c, d) { | ||
+ | return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b; | ||
+ | }, | ||
+ | easeOutExpo: function (x, t, b, c, d) { | ||
+ | return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b; | ||
+ | }, | ||
+ | easeInOutExpo: function (x, t, b, c, d) { | ||
+ | if (t==0) return b; | ||
+ | if (t==d) return b+c; | ||
+ | if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b; | ||
+ | return c/2 * (-Math.pow(2, -10 * --t) + 2) + b; | ||
+ | }, | ||
+ | easeInCirc: function (x, t, b, c, d) { | ||
+ | return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b; | ||
+ | }, | ||
+ | easeOutCirc: function (x, t, b, c, d) { | ||
+ | return c * Math.sqrt(1 - (t=t/d-1)*t) + b; | ||
+ | }, | ||
+ | easeInOutCirc: function (x, t, b, c, d) { | ||
+ | if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; | ||
+ | return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b; | ||
+ | }, | ||
+ | easeInElastic: function (x, t, b, c, d) { | ||
+ | var s=1.70158;var p=0;var a=c; | ||
+ | if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; | ||
+ | if (a < Math.abs(c)) { a=c; var s=p/4; } | ||
+ | else var s = p/(2*Math.PI) * Math.asin (c/a); | ||
+ | return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; | ||
+ | }, | ||
+ | easeOutElastic: function (x, t, b, c, d) { | ||
+ | var s=1.70158;var p=0;var a=c; | ||
+ | if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; | ||
+ | if (a < Math.abs(c)) { a=c; var s=p/4; } | ||
+ | else var s = p/(2*Math.PI) * Math.asin (c/a); | ||
+ | return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; | ||
+ | }, | ||
+ | easeInOutElastic: function (x, t, b, c, d) { | ||
+ | var s=1.70158;var p=0;var a=c; | ||
+ | if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); | ||
+ | if (a < Math.abs(c)) { a=c; var s=p/4; } | ||
+ | else var s = p/(2*Math.PI) * Math.asin (c/a); | ||
+ | if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; | ||
+ | return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b; | ||
+ | }, | ||
+ | easeInBack: function (x, t, b, c, d, s) { | ||
+ | if (s == undefined) s = 1.70158; | ||
+ | return c*(t/=d)*t*((s+1)*t - s) + b; | ||
+ | }, | ||
+ | easeOutBack: function (x, t, b, c, d, s) { | ||
+ | if (s == undefined) s = 1.70158; | ||
+ | return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; | ||
+ | }, | ||
+ | easeInOutBack: function (x, t, b, c, d, s) { | ||
+ | if (s == undefined) s = 1.70158; | ||
+ | if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; | ||
+ | return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; | ||
+ | }, | ||
+ | easeInBounce: function (x, t, b, c, d) { | ||
+ | return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b; | ||
+ | }, | ||
+ | easeOutBounce: function (x, t, b, c, d) { | ||
+ | if ((t/=d) < (1/2.75)) { | ||
+ | return c*(7.5625*t*t) + b; | ||
+ | } else if (t < (2/2.75)) { | ||
+ | return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; | ||
+ | } else if (t < (2.5/2.75)) { | ||
+ | return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; | ||
+ | } else { | ||
+ | return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; | ||
+ | } | ||
+ | }, | ||
+ | easeInOutBounce: function (x, t, b, c, d) { | ||
+ | if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b; | ||
+ | return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b; | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | <script> | ||
+ | (function($) { | ||
+ | |||
+ | var methods = { | ||
+ | init : function( options ) { | ||
+ | |||
+ | if( this.length ) { | ||
+ | |||
+ | var settings = { | ||
+ | // configuration for the mouseenter event | ||
+ | animMouseenter : { | ||
+ | 'mText' : {speed : 350, easing : 'easeOutExpo', delay : 140, dir : 1}, | ||
+ | 'sText' : {speed : 350, easing : 'easeOutExpo', delay : 0, dir : 1}, | ||
+ | 'icon' : {speed : 350, easing : 'easeOutExpo', delay : 280, dir : 1} | ||
+ | }, | ||
+ | // configuration for the mouseleave event | ||
+ | animMouseleave : { | ||
+ | 'mText' : {speed : 300, easing : 'easeInExpo', delay : 140, dir : 1}, | ||
+ | 'sText' : {speed : 300, easing : 'easeInExpo', delay : 280, dir : 1}, | ||
+ | 'icon' : {speed : 300, easing : 'easeInExpo', delay : 0, dir : 1} | ||
+ | }, | ||
+ | // speed for the item bg color animation | ||
+ | boxAnimSpeed : 300, | ||
+ | // default text color (same defined in the css) | ||
+ | defaultTextColor : '#000', | ||
+ | // default bg color (same defined in the css) | ||
+ | defaultBgColor : '#fff' | ||
+ | }; | ||
+ | |||
+ | return this.each(function() { | ||
+ | |||
+ | // if options exist, lets merge them with our default settings | ||
+ | if ( options ) { | ||
+ | $.extend( settings, options ); | ||
+ | } | ||
+ | |||
+ | var $el = $(this), | ||
+ | // the menu items | ||
+ | $menuItems = $el.children('li'), | ||
+ | // save max delay time for mouseleave anim parameters | ||
+ | maxdelay = Math.max( settings.animMouseleave['mText'].speed + settings.animMouseleave['mText'].delay , | ||
+ | settings.animMouseleave['sText'].speed + settings.animMouseleave['sText'].delay , | ||
+ | settings.animMouseleave['icon'].speed + settings.animMouseleave['icon'].delay | ||
+ | ), | ||
+ | // timeout for the mouseenter event | ||
+ | // lets us move the mouse quickly over the items, | ||
+ | // without triggering the mouseenter event | ||
+ | t_mouseenter; | ||
+ | |||
+ | // save default top values for the moving elements: | ||
+ | // the elements that animate inside each menu item | ||
+ | $menuItems.find('.sti-item').each(function() { | ||
+ | var $el = $(this); | ||
+ | $el.data('deftop', $el.position().top); | ||
+ | }); | ||
+ | |||
+ | // ************** Events ************* | ||
+ | // mouseenter event for each menu item | ||
+ | $menuItems.bind('mouseenter', function(e) { | ||
+ | |||
+ | clearTimeout(t_mouseenter); | ||
+ | |||
+ | var $item = $(this), | ||
+ | $wrapper = $item.children('a'), | ||
+ | wrapper_h = $wrapper.height(), | ||
+ | // the elements that animate inside this menu item | ||
+ | $movingItems= $wrapper.find('.sti-item'), | ||
+ | // the color that the texts will have on hover | ||
+ | hovercolor = $item.data('hovercolor'); | ||
+ | |||
+ | t_mouseenter = setTimeout(function() { | ||
+ | // indicates the item is on hover state | ||
+ | $item.addClass('sti-current'); | ||
+ | |||
+ | $movingItems.each(function(i) { | ||
+ | var $item = $(this), | ||
+ | item_sti_type = $item.data('type'), | ||
+ | speed = settings.animMouseenter[item_sti_type].speed, | ||
+ | easing = settings.animMouseenter[item_sti_type].easing, | ||
+ | delay = settings.animMouseenter[item_sti_type].delay, | ||
+ | dir = settings.animMouseenter[item_sti_type].dir, | ||
+ | // if dir is 1 the item moves downwards | ||
+ | // if -1 then upwards | ||
+ | style = {'top' : -dir * wrapper_h + 'px'}; | ||
+ | |||
+ | if( item_sti_type === 'icon' ) { | ||
+ | // this sets another bg image for the icon | ||
+ | style.backgroundPosition = 'bottom left'; | ||
+ | } else { | ||
+ | style.color = hovercolor; | ||
+ | } | ||
+ | // we hide the icon, move it up or down, and then show it | ||
+ | $item.hide().css(style).show(); | ||
+ | clearTimeout($item.data('time_anim')); | ||
+ | $item.data('time_anim', | ||
+ | setTimeout(function() { | ||
+ | // now animate each item to its default tops | ||
+ | // each item will animate with a delay specified in the options | ||
+ | $item.stop(true) | ||
+ | .animate({top : $item.data('deftop') + 'px'}, speed, easing); | ||
+ | }, delay) | ||
+ | ); | ||
+ | }); | ||
+ | // animate the bg color of the item | ||
+ | $wrapper.stop(true).animate({ | ||
+ | backgroundColor: settings.defaultTextColor | ||
+ | }, settings.boxAnimSpeed ); | ||
+ | |||
+ | }, 100); | ||
- | + | }) | |
- | + | // mouseleave event for each menu item | |
- | + | .bind('mouseleave', function(e) { | |
- | + | ||
- | + | clearTimeout(t_mouseenter); | |
- | + | ||
- | + | var $item = $(this), | |
- | + | $wrapper = $item.children('a'), | |
- | + | wrapper_h = $wrapper.height(), | |
- | + | $movingItems= $wrapper.find('.sti-item'); | |
- | + | ||
- | + | if(!$item.hasClass('sti-current')) | |
- | + | return false; | |
- | + | ||
- | + | $item.removeClass('sti-current'); | |
- | + | ||
- | + | $movingItems.each(function(i) { | |
- | + | var $item = $(this), | |
- | + | item_sti_type = $item.data('type'), | |
- | + | speed = settings.animMouseleave[item_sti_type].speed, | |
- | + | easing = settings.animMouseleave[item_sti_type].easing, | |
- | + | delay = settings.animMouseleave[item_sti_type].delay, | |
- | + | dir = settings.animMouseleave[item_sti_type].dir; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | clearTimeout($item.data('time_anim')); | |
- | + | ||
- | + | setTimeout(function() { | |
- | + | ||
- | + | $item.stop(true).animate({'top' : -dir * wrapper_h + 'px'}, speed, easing, function() { | |
- | + | ||
- | </ | + | if( delay + speed === maxdelay ) { |
- | + | ||
- | </ | + | $wrapper.stop(true).animate({ |
+ | backgroundColor: settings.defaultBgColor | ||
+ | }, settings.boxAnimSpeed ); | ||
+ | |||
+ | $movingItems.each(function(i) { | ||
+ | var $el = $(this), | ||
+ | style = {'top' : $el.data('deftop') + 'px'}; | ||
+ | |||
+ | if( $el.data('type') === 'icon' ) { | ||
+ | style.backgroundPosition = 'top left'; | ||
+ | } else { | ||
+ | style.color = settings.defaultTextColor; | ||
+ | } | ||
+ | |||
+ | $el.hide().css(style).show(); | ||
+ | }); | ||
+ | |||
+ | } | ||
+ | }); | ||
+ | }, delay); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | } | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | $.fn.iconmenu = function(method) { | ||
+ | if ( methods[method] ) { | ||
+ | return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 )); | ||
+ | } else if ( typeof method === 'object' || ! method ) { | ||
+ | return methods.init.apply( this, arguments ); | ||
+ | } else { | ||
+ | $.error( 'Method ' + method + ' does not exist on jQuery.iconmenu' ); | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | })(jQuery); | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | $(function() { | ||
+ | $('#sti-menu').iconmenu({ | ||
+ | animMouseenter : { | ||
+ | 'mText' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1}, | ||
+ | 'sText' : {speed : 600, easing : 'easeOutExpo', delay : 400, dir : 1}, | ||
+ | 'icon' : {speed : 200, easing : 'easeOutExpo', delay : 0, dir : 1} | ||
+ | }, | ||
+ | animMouseleave : { | ||
+ | 'mText' : {speed : 200, easing : 'easeInExpo', delay : 150, dir : 1}, | ||
+ | 'sText' : {speed : 200, easing : 'easeInExpo', delay : 0, dir : 1}, | ||
+ | 'icon' : {speed : 200, easing : 'easeInExpo', delay : 300, dir : 1} | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
</body> | </body> | ||
Line 497: | Line 938: | ||
<!-- | <!-- | ||
NewPP limit report | NewPP limit report | ||
- | Preprocessor node count: | + | Preprocessor node count: 9/1000000 |
- | Post-expand include size: | + | Post-expand include size: 41/2097152 bytes |
Template argument size: 0/2097152 bytes | Template argument size: 0/2097152 bytes | ||
Expensive parser function count: 0/100 | Expensive parser function count: 0/100 | ||
--> | --> | ||
- | <!-- Saved in parser cache with key | + | <!-- Saved in parser cache with key 2012_igem_org:pcache:idhash:1467-0!1!0!!en!2 and timestamp 20130815141200 --> |
<div class="printfooter"> | <div class="printfooter"> | ||
- | Retrieved from "<a href="https:// | + | Retrieved from "<a href="https://2012.igem.org/Team:KAIST_Korea">https://2012.igem.org/Team:KAIST_Korea</a>"</div> |
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content --> | <div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content --> | ||
<div class="visualClear"></div> | <div class="visualClear"></div> | ||
Line 545: | Line 986: | ||
</li> | </li> | ||
- | <li id="t-permalink"><a href="/wiki/index.php?title=Team:KAIST_Korea&oldid= | + | <li id="t-permalink"><a href="/wiki/index.php?title=Team:KAIST_Korea&oldid=237061" |
title="Permanent link to this revision of the page">Permanent link</a> | title="Permanent link to this revision of the page">Permanent link</a> | ||
</li> | </li> | ||
- | <li id="privacy"><a href="/ | + | <li id="privacy"><a href="/2012.igem.org:Privacy_policy" title="2012.igem.org:Privacy policy">Privacy policy</a></li> |
- | <li id="disclaimer"><a href="/ | + | <li id="disclaimer"><a href="/2012.igem.org:General_disclaimer" title="2012.igem.org:General disclaimer">Disclaimers</a></li> |
</ul> | </ul> | ||
</div> <!-- close footer --> | </div> <!-- close footer --> | ||
Line 558: | Line 999: | ||
<script>if (window.runOnloadHook) runOnloadHook();</script> | <script>if (window.runOnloadHook) runOnloadHook();</script> | ||
</div> | </div> | ||
- | <!-- Served in 0. | + | <!-- Served in 0.169 secs. --></body> |
</html> | </html> |
Revision as of 12:11, 16 August 2013
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">