Team:CBNU-Korea/Team/A

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Team:CBNU-Korea/css_new}}
 
-
 
<html>
<html>
<head>
<head>
 +
<link href='http://fonts.googleapis.com/css?family=Droid+Sans'
 +
rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Francois+One'
 +
rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,900'
 +
rel='stylesheet' type='text/css'>
 +
 +
<!--[if lt IE 9]>
 +
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 +
<![endif]-->
 +
 +
 +
<meta name="viewport"
 +
content="width=device-width, initial-scale=1.0 minimum-scale=1, maximum-scale=1, user-scalable=yes, target-densitydpi=medium-dpi" />
<style>
<style>
-
.TEAM {
+
/******/
-
border-bottom-color: white !important;
+
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption
 +
{
 +
display: block;
}
}
-
.li_a {
+
/* ---------------------------------------------------Display:none--------------------------------------------------- */
 +
#p-logo {
 +
display: none;
 +
}
 +
 
 +
#search-controls {
 +
display: none;
 +
}
 +
 
 +
.firstHeading {
 +
display: none;
 +
}
 +
 
 +
#catlinks {
 +
display: none;
 +
}
 +
 
 +
#footer-box {
 +
display: none;
 +
}
 +
 
 +
#contentSub {
 +
display: none;
 +
}
 +
 
 +
/* ---------------------------------------------------TopSection---------------------------------------------------- */
 +
#top-section {
 +
height: 30px;
 +
width: 100%;
 +
background: none repeat scroll 0 0 #343838;
 +
border-bottom: 1px solid #262B35;
 +
border-left: medium none;
 +
border-right: medium none;
 +
}
 +
 
 +
#menubar {
 +
top: 2px;
 +
font-family: 'Droid Sans', sans-serif;
 +
}
 +
 
 +
/* ----------------------------------------------------------Body--------------------------------------------------- */
 +
body {
 +
font-family: 'Lato' sans-serif;
 +
background: white;
 +
}
 +
 
 +
#globalWrapper {
 +
padding-bottom: 0px;
 +
}
 +
 
 +
/* ----------------------------------------------------------TopSection_left-menu--------------------------------------------------- */
 +
.left-menu,.left-menu a {
 +
color: white;
 +
left: 0px;
 +
text-transform: capitalize;
 +
}
 +
 
 +
.left-menu:hover {
 +
background-color: transparent;
 +
}
 +
 
 +
.left-menu:hover a {
 +
color: white;
 +
text-decoration: none !important;
 +
}
 +
 
 +
.left-menu li a:hover {
 +
color: #aaaaff;
 +
}
 +
 
 +
/* --------------------------------------------TopSection_right-menu-------------------------------------------- */
 +
.right-menu li {
 +
background-color: transparent;
 +
}
 +
 
 +
.right-menu,.right-menu a {
 +
color: white;
 +
right: 0;
 +
text-align: right;
 +
}
 +
 
 +
.right-menu:hover {
 +
background-color: transparent;
 +
}
 +
 
 +
.right-menu:hover a {
 +
color: white;
 +
}
 +
 
 +
.right-menu li a {
 +
background-color: transparent;
 +
color: white;
 +
padding: 0 15px 0 0;
 +
}
 +
 
 +
.right-menu li a:hover {
 +
color: #aaaaff;
 +
}
 +
 
 +
/* -----------------------------------------------------------------CB_top---------------------------------------------------------- */
 +
#CB_top {
 +
background: url(https://static.igem.org/mediawiki/2012/f/fd/CBK_back_010.png);
 +
font-family: 'Francois One', sans-serif;
 +
overflow: auto;
 +
padding-bottom: 20px;
 +
}
 +
 
 +
#CB_top_shadow {
 +
background: url(https://static.igem.org/mediawiki/2012/b/b0/CBK_back_011.png);
 +
height: 10px;
 +
margin-bottom: 12px;
 +
}
 +
 
 +
#CB_top_logo_cont {
 +
width: 90%;
 +
max-width: 1080px;
 +
margin: 0 auto;
 +
line-height: 1em;
 +
}
 +
 
 +
#CB_top_CBNU_logo {
 +
width: 55%;
 +
margin: 0 auto;
 +
color: white;
 +
font-size: 50px;
 +
float: left;
 +
padding-top: 25px;
 +
}
 +
 
 +
#CB_top_CBNU_logo_img {
 +
background: url(https://static.igem.org/mediawiki/2012/2/2c/CBK_logo_003.png)
 +
no-repeat;
 +
width: 140px;
 +
height: 120px;
 +
float: left;
 +
}
 +
 
 +
#CB_top_CBNU_logo_text_1 p {
 +
padding: 0;
 +
margin: 0;
 +
margin-top: 12px;
 +
font-size: 30px;
 +
}
 +
 
 +
#CB_top_CBNU_logo_text_2 p {
 +
padding: 0;
 +
margin: 0;
 +
margin-top: -18px;
 +
}
 +
 
 +
#CB_top_MENU {
 +
width: 45%;
 +
float: right;
 +
text-align: right;
 +
padding-top: 45px;
 +
}
 +
 
 +
#CB_top_MENU ul {
 +
margin: 0;
 +
padding: 0;
 +
font-size: 18px;
 +
padding-bottom: 10px;
 +
}
 +
 
 +
#CB_top_MENU li {
 +
display: inline-block;
 +
*display: inline;
 +
border-bottom: 5px solid #221B1B;
 +
height: 30px;
 +
padding: 0 15px;
 +
margin: 0 4px;
 +
}
 +
 
 +
#CB_top_MENU li:hover {
 +
background: white;
 +
border-bottom: 5px solid white;
 +
}
 +
 
 +
#CB_top_MENU li:hover a {
 +
color: #24BED3;
 +
}
 +
 
 +
#CB_top_MENU a {
 +
color: #0E0B0B;
 +
}
 +
 
 +
/* ----------------CB_content---------------- */
 +
#CB_content a {
 +
color: black;
 +
}
 +
 
 +
#CB_subcontent {
 +
width: 90%;
 +
max-width: 1080px;
 +
margin: 0 auto;
 +
background: transparent;
 +
overflow: auto;
 +
padding-bottom: 20px;
 +
}
 +
 
 +
#CB_subcontent h2 {
 +
background: white;
 +
color: black;
 +
font-size: 2.2em;
font-weight: 900;
font-weight: 900;
 +
border: 0;
 +
margin: 0;
 +
padding: 25px 10px 10px 2%;
}
}
-
.li_a a {
+
#CB_subcontent h3 {
 +
font-weight: 400;
 +
border: 0;
 +
margin: 0;
 +
padding: 2% 0 1% 4.2%;
 +
font-size: 2em;
 +
line-height: 1.5em;
 +
}
 +
 
 +
#CB_subcontent p {
 +
font-weight: 400;
 +
border: 0;
 +
margin: 0;
 +
padding: 1% 0 1% 4.5%;
 +
font-size: 1.4em;
 +
}
 +
 
 +
#CB_sub_title {
 +
width: 100%;
 +
overflow: auto;
 +
margin-bottom: 30px;
 +
}
 +
 
 +
#CB_sub_title h2 {
 +
background: white;
 +
color: black;
 +
font-size: 3.5em;
font-weight: 900;
font-weight: 900;
-
color: #A56BAA !important;
+
border: 0;
-
padding-left: 10px;
+
margin: 0;
 +
padding: 25px 10px 10px 2%;
 +
}
 +
 
 +
#CB_sub_title h3 {
 +
font-weight: 400;
 +
border: 0;
 +
margin: 0;
 +
padding: 0 0 1% 4.2%;
 +
font-size: 2em;
 +
line-height: 1.5em;
 +
}
 +
 
 +
#CB_sub_main {
 +
width: 70%;
 +
float: right;
 +
border-top: 1px dotted #41C7BC;
 +
padding-top: 10px;
 +
overflow: hidden;
 +
}
 +
 
 +
#CB_sub_menu {
 +
width: 28%;
 +
float: left;
 +
border-top: 1px dotted #41C7BC;
 +
padding-top: 10px;
 +
}
 +
 
 +
#CB_sub_menu ul {
 +
list-style-type: none;
 +
margin: 0;
 +
padding: 10px 0 0 0;
 +
margin-right: 20%;
 +
font-size: 16px;
 +
}
 +
 
 +
#CB_sub_menu li {
 +
border-bottom: 1px dotted #41C7BC;
 +
}
 +
 
 +
#CB_sub_mobile_menu {
 +
overflow: auto;
 +
display: none;
 +
}
 +
 
 +
#li_sub {
 +
font-size: 14px;
 +
padding-left: 17%;
 +
}
 +
 
 +
#CB_sub_main h1 {
 +
font-size: 2.4em;
 +
font-weight: 900;
 +
margin: 0;
 +
line-height: 1.2em;
 +
}
 +
 
 +
#CB_sub_main h2 {
 +
font-size: 1.5em;
 +
font-weight: 900;
 +
margin: 0;
 +
line-height: 1.2em;
 +
border: 0;
 +
padding: 10px 0 5px 2%;
}
}
#CB_sub_img {
#CB_sub_img {
-
background-image:
+
height: 140px;
-
url(https://static.igem.org/mediawiki/2012/3/3e/CBK_sub_img_007.png);
+
background-size: 100% 100%;
}
}
-
</style>
 
-
</head>
+
#CB_sub_img img {
 +
width: 100%;
 +
height: 100%;
 +
}
 +
#CB_sub_cont {
 +
 +
}
-
<body>
+
#CB_sub_cont img {
 +
padding: 1% 0 1% 0%;
 +
margin: 0 auto;
 +
display: block;
 +
max-width: 100%;
 +
}
-
<div id="CB_top">
+
.check_img {
-
<div id="CB_top_logo_cont">
+
display: block;
-
<div id="CB_top_CBNU_logo">
+
float: left;
-
<div id="CB_top_CBNU_logo_img"></div>
+
padding-top: 1.5%;
-
<div id="CB_top_CBNU_logo_text_1">
+
padding-left: 1%;
-
<p>2012 iGEM</p>
+
}
-
</div>
+
-
<div id="CB_top_CBNU_logo_text_2">
+
-
<p>CBNU-Korea</p>
+
-
</div>
+
-
</div>
+
-
<div id="CB_top_MENU">
+
-
<ul>
+
-
<li class="HOME"><a
+
-
href="https://2012.igem.org/Team:CBNU-Korea">HOME</a></li>
+
-
<li class="TEAM"><a href="#">TEAM</a></li>
+
-
<li class="PROJECT"><a
+
-
href="https://2012.igem.org/Team:CBNU-Korea/Project">PROJECT</a></li>
+
-
<li class="NOTEBOOK"><a
+
-
href="https://2012.igem.org/Team:CBNU-Korea/Notebook">NOTEBOOK</a></li>
+
-
</ul>
+
-
<ul>
+
-
<li class="SAFETY"><a
+
-
href="https://2012.igem.org/Team:CBNU-Korea/Safety">SAFETY</a></li>
+
-
<li class="JUDGING"><a
+
-
href="https://2012.igem.org/Team:CBNU-Korea/JG/judging">JUDGING</a></li>
+
-
<li class="iGEM"><a href="https://2012.igem.org/"
+
-
target="_blank">iGEM</a></li>
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div id="CB_top_shadow"></div>
+
-
<div id="CB_content">
+
#scrolltotop {
-
<div id="CB_subcontent">
+
width: 100%;
-
<div id="CB_sub_title">
+
height: 20px;
-
<h2>TEAM</h2>
+
background: url(https://static.igem.org/mediawiki/2012/7/7e/CBK_STT.png)
-
<h3>- A Team</h3>
+
no-repeat right;
-
</div>
+
cursor: pointer;
-
<div></div>
+
}
-
<div id="CB_sub_menu">
+
 +
#CB_member_cont {
 +
height: 300px;
 +
width: 100%;
 +
}
-
<div id="CB_sub_mobile_menu">+ MENU</div>
+
#CB_member_pro {
-
<ul class="CB_ul">
+
height: 200px;
-
<li class="li_a"><a
+
width: 100%;
-
href="https://2012.igem.org/Team:CBNU-Korea/Team/A">01 + A Team</a></li>
+
margin-bottom: 20px;
-
<li class="li_b"><a
+
}
-
href="https://2012.igem.org/Team:CBNU-Korea/Team/B">02 + B Team</a></li>
+
-
<li class="li_c"><a
+
-
href="https://2012.igem.org/Team:CBNU-Korea/Team/C">03 + C Team</a></li>
+
-
</ul>
+
-
</div>
+
.mem_odd {
-
<div id="CB_sub_main">
+
-
<div id="CB_sub_cont">
+
}
-
<div id="CB_member_pro"></div>
+
-
<div id="CB_member_cont" class="mem_odd"
+
-
style="background: #f8b9bd;">
+
-
<img src="https://static.igem.org/mediawiki/2012/4/4b/Ateam1.png">
+
-
<div id="CB_member_name_m">
+
-
<p>Ha JuSang</p>
+
-
</div>
+
-
<div id="CB_member_name">
+
-
<h1>Ha JuSang</h1>
+
-
<p>
+
-
Computer Engineering, Senior<br>gkwntkd@outlook.com<br>--
+
-
</p>
+
-
</div>
+
-
</div>
+
-
<div id="CB_member_cont" class="mem_even"
+
-
style="background: #d3dbda;">
+
-
<img src="https://static.igem.org/mediawiki/2012/6/64/Ateam3.png">
+
-
<div id="CB_member_name_m">
+
-
<p>Park Sohee</p>
+
-
</div>
+
-
<div id="CB_member_name">
+
-
<h1>Park Sohee</h1>
+
-
<p>
+
-
Bio Chemistry, Senior<br>happy50445@naver.com<br>--
+
-
</p>
+
-
</div>
+
-
</div>
+
-
<div id="CB_member_cont" class="mem_odd"
+
-
style="background: #EFE295;">
+
-
<img src="https://static.igem.org/mediawiki/2012/b/b0/Ateam2.png">
+
-
<div id="CB_member_name_m">
+
-
<p>Kim JaeHo</p>
+
-
</div>
+
-
<div id="CB_member_name">
+
-
<h1>Kim JaeHo</h1>
+
-
<p>
+
-
Computer Engineering, Junior<br>jhk5055@nate.com<br>--
+
-
</p>
+
-
</div>
+
-
</div>
+
-
<div id="CB_member_cont" class="mem_even"
+
-
style="background: #B99DD8;">
+
-
<img src="https://static.igem.org/mediawiki/2012/5/55/Ateam4.png">
+
-
<div id="CB_member_name_m">
+
-
<p>Kim ChangWan</p>
+
-
</div>
+
-
<div id="CB_member_name">
+
-
<h1>Kim ChangWan</h1>
+
-
<p>
+
-
Micro biology, Sophomore<br>fribule7@nate.com<br>--
+
-
</p>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
<div id="CB_footer">
+
.mem_odd img {
-
<div id="CB_footer_logo"></div>
+
height: 300px;
-
<div id="CB_footer_text"></div>
+
float: left;
-
</div>
+
padding: 0 !important;
-
</body>
+
}
 +
 
 +
.mem_even {
 +
 +
}
 +
 
 +
.mem_even img {
 +
height: 300px;
 +
float: right;
 +
padding: 0 !important;
 +
}
 +
 
 +
#CB_member_name_m {
 +
display: none;
 +
position: absolute;
 +
left: 10%;
 +
}
 +
 
 +
#CB_member_name_m p {
 +
font-weight: 900;
 +
}
 +
 
 +
.mem_odd #CB_member_name h1 {
 +
border: 0;
 +
padding: 10% 0 0 50%;
 +
color: black;
 +
}
 +
 
 +
.mem_odd #CB_member_name p {
 +
border: 0;
 +
padding: 2% 0 0 50%;
 +
color: white;
 +
}
 +
 
 +
.mem_even #CB_member_name h1 {
 +
border: 0;
 +
padding: 10% 0 0 20%;
 +
color: black;
 +
}
 +
 
 +
.mem_even #CB_member_name p {
 +
border: 0;
 +
padding: 2% 0 0 20%;
 +
color: white;
 +
}
 +
 
 +
/* ----------------CB_footer---------------- */
 +
#CB_responsive {
 +
height: 200px;
 +
background: #DFD4E7;
 +
border-top: 1px solid #AAA6B6;
 +
}
 +
 
 +
#CB_footer {
 +
height: 40px;
 +
background: url(https://static.igem.org/mediawiki/2012/a/a9/CBK_back_012.png);
 +
border-top: 1px solid white;
 +
}
 +
 
 +
#CB_footer_logo {
 +
 +
}
 +
 
 +
#CB_footer_text {
 +
 +
}
 +
 
 +
/* ----------------Content---------------- */
 +
#content {
 +
background: transparent;
 +
padding: 0;
 +
width: 100%;
 +
border: 0px;
 +
}
 +
 
 +
a {
 +
color: #0088cc;
 +
text-decoration: none;
 +
}
 +
 
 +
a:hover {
 +
color: #005580;
 +
text-decoration: none !important;
 +
}
 +
 
 +
p {
 +
margin: 0px;
 +
}
 +
 
 +
/* ----------------responsive---------------- */
 +
 
 +
/* iPhone, etc portrait ------------------------------------------------------------------------------------------------------------------------ */
 +
@media all and (min-width : 320px) and (max-width : 768px) {
 +
#menubar {
 +
display: none;
 +
}
 +
#CB_top {
 +
padding-bottom: 0px;
 +
}
 +
#CB_top_logo_cont {
 +
width: 100%;
 +
max-width: 1080px;
 +
margin: 0 auto;
 +
line-height: 1em;
 +
}
 +
#CB_top_CBNU_logo {
 +
width: 100%;
 +
margin: 0 auto;
 +
color: white;
 +
font-size: 30px;
 +
padding-top: 15px;
 +
text-align: center;
 +
}
 +
#CB_top_CBNU_logo_img {
 +
background: url(https://static.igem.org/mediawiki/2012/2/2c/CBK_logo_003.png)
 +
no-repeat;
 +
width: 120px;
 +
height: 120px;
 +
margin: 0 auto;
 +
float: none;
 +
}
 +
#CB_top_MENU {
 +
width: 100%;
 +
text-align: center;
 +
padding-top: 40px;
 +
}
 +
#CB_top_MENU ul {
 +
margin: 0;
 +
padding: 0;
 +
font-size: 12px;
 +
padding-bottom: 10px;
 +
}
 +
#CB_top_MENU li {
 +
display: inline-block;
 +
*display: inline;
 +
border-bottom: 5px solid #221B1B;
 +
height: 20px;
 +
padding: 0 15px;
 +
margin: 0 4px;
 +
}
 +
#CB_top_MENU li:hover {
 +
background: white;
 +
border-bottom: 5px solid white;
 +
}
 +
#CB_top_MENU li:hover a {
 +
color: #24BED3;
 +
}
 +
#CB_top_MENU a {
 +
color: #0E0B0B;
 +
}
 +
#CB_sub_title {
 +
margin: 0;
 +
}
 +
#CB_sub_title h2 {
 +
font-size: 2.2em;
 +
}
 +
#CB_sub_mobile_menu {
 +
overflow: auto;
 +
display: block;
 +
background: black;
 +
color: white;
 +
font-size: 20px;
 +
font-weight: bold;
 +
line-height: 1.5em;
 +
text-align: right;
 +
}
 +
.CB_ul {
 +
display: none;
 +
}
 +
#CB_sub_menu {
 +
width: 100%;
 +
float: none;
 +
padding-bottom: 10px;
 +
border: 0;
 +
}
 +
#CB_sub_menu ul {
 +
margin-right: 0;
 +
}
 +
#CB_sub_main {
 +
width: 100%;
 +
float: none;
 +
}
 +
#CB_member_name_m {
 +
display: block;
 +
}
 +
#CB_member_name {
 +
display: none;
 +
}
 +
}
 +
 
 +
/* iPad, tablets etc portrait ------------------------------------------------------------------------------------------------------------------------ */
 +
@media all and (min-width : 769px) and (max-width : 1024px ) {
 +
#menubar {
 +
display: block;
 +
}
 +
#CB_top {
 +
padding-bottom: 0px;
 +
}
 +
#CB_top_CBNU_logo {
 +
width: 100%;
 +
margin: 0 auto;
 +
color: white;
 +
font-size: 45px;
 +
padding-top: 15px;
 +
text-align: center;
 +
}
 +
#CB_top_CBNU_logo_img {
 +
background: url(https://static.igem.org/mediawiki/2012/2/2c/CBK_logo_003.png)
 +
no-repeat;
 +
width: 120px;
 +
height: 120px;
 +
margin: 0 auto;
 +
float: none;
 +
}
 +
#CB_top_MENU {
 +
width: 100%;
 +
text-align: center;
 +
padding-top: 20px;
 +
}
 +
#CB_top_MENU ul {
 +
margin: 0;
 +
padding: 0;
 +
font-size: 16px;
 +
padding-bottom: 10px;
 +
}
 +
#CB_top_MENU li {
 +
display: inline-block;
 +
*display: inline;
 +
border-bottom: 5px solid #221B1B;
 +
height: 20px;
 +
padding: 0 15px;
 +
margin: 0 4px;
 +
}
 +
#CB_top_MENU li:hover {
 +
background: white;
 +
border-bottom: 5px solid white;
 +
}
 +
#CB_top_MENU li:hover a {
 +
color: #24BED3;
 +
}
 +
#CB_top_MENU a {
 +
color: #0E0B0B;
 +
}
 +
#CB_sub_title {
 +
margin: 0;
 +
}
 +
#CB_sub_title h2 {
 +
font-size: 2.2em;
 +
}
 +
#CB_sub_mobile_menu {
 +
overflow: auto;
 +
display: block;
 +
background: black;
 +
color: white;
 +
font-size: 20px;
 +
font-weight: bold;
 +
line-height: 1.5em;
 +
text-align: right;
 +
}
 +
.CB_ul {
 +
display: none;
 +
}
 +
#CB_sub_menu {
 +
width: 100%;
 +
float: none;
 +
padding-bottom: 10px;
 +
border: 0;
 +
}
 +
#CB_sub_menu ul {
 +
margin-right: 0;
 +
}
 +
#CB_sub_main {
 +
width: 100%;
 +
float: none;
 +
}
 +
}
 +
 
 +
/* Laptops, Desktops, etc ------------------------------------------------------------------------------------------------------------------------ */
 +
/*@media all and (min-width: 1024px) {
 +
            body {
 +
                font-family: 'Droid Sans', sans-serif;
 +
                background-color: green;
 +
            }
 +
 
 +
            #menubar {
 +
                display: block;
 +
            }
 +
}*/
 +
 
 +
/* large Desktops------------------------------------------------------------------------------------------------------------------------ */
 +
@media all and (min-width: 1025px) {
 +
#menubar {
 +
display: block;
 +
}
 +
.CB_ul {
 +
display: block;
 +
}
 +
}
 +
</style>
 +
 
 +
<script type="text/javascript">
 +
$(function() {
 +
$("*#scrolltotop").click(function() {
 +
$("html,body").animate({
 +
scrollTop : 0
 +
});
 +
});
 +
 
 +
$("#CB_sub_mobile_menu").click(function() {
 +
$(".CB_ul").slideToggle("slow");
 +
});
 +
});
 +
 
 +
function divLink(url) {
 +
window.open(url);
 +
}
 +
</script>
 +
 
 +
</head>
</html>
</html>

Revision as of 02:56, 27 September 2012

Retrieved from "http://2012.igem.org/Team:CBNU-Korea/Team/A"