Team:CBNU-Korea/Team

From 2012.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
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>
 
-
    <script src="http://scottjehl.github.com/Respond/respond.min.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 {
-
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption
+
-
{
+
-
display: block;
+
-
}
+
-
 
+
-
/* ----------------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; /*per Page*/
+
-
border-bottom: 1px solid #262B35; /*per Page*/
+
-
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;
+
-
}
+
-
 
+
-
.JUDGING {
+
border-bottom-color: white !important;
border-bottom-color: white !important;
-
}
 
-
 
-
#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;
 
-
}
 
-
 
-
#CB_subcontent h2 {
 
-
background: white;
 
-
color: black;
 
-
font-size: 2.2em;
 
-
font-weight: 900;
 
-
border: 0;
 
-
margin: 0;
 
-
padding: 25px 10px 10px 2%;
 
-
}
 
-
 
-
#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_subcontent h2 {
 
-
background: white;
 
-
color: black;
 
-
font-size: 3.5em;
 
-
font-weight: 900;
 
-
border: 0;
 
-
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;
 
-
}
 
-
 
-
#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;
 
-
}
 
-
 
-
#li_sub {
 
-
font-size: 14px;
 
-
padding-left: 17%;
 
-
}
 
-
 
-
.li_Effect {
 
-
font-weight: 900;
 
-
}
 
-
 
-
.li_Effect a {
 
-
font-weight: 900;
 
-
color: #A56BAA !important;
 
-
padding-left: 10px;
 
-
}
 
-
 
-
#CB_sub_main {
 
-
border-top: 1px dotted #41C7BC;
 
-
padding-top: 10px;
 
-
}
 
-
 
-
#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_main h3 {
 
-
 
-
}
 
-
 
-
#CB_sub_main p {
 
-
 
}
}
#CB_sub_img {
#CB_sub_img {
-
height: 140px;
+
background-image:
-
background: url(https://static.igem.org/mediawiki/2012/d/d3/CBK_sub_img_001.png);
+
url(https://static.igem.org/mediawiki/2012/3/3e/CBK_sub_img_007.png);
-
background-size: 100% 100%;
+
-
}
+
-
 
+
-
#CB_sub_img img{
+
-
width: 100%;
+
-
height: 100%;
+
-
}
+
-
 
+
-
#CB_sub_cont {
+
-
+
-
}
+
-
 
+
-
.check_img {
+
-
display: block;
+
-
float: left;
+
-
padding-top: 1.5%;
+
-
padding-left: 1%;
+
-
}
+
-
 
+
-
#scrolltotop {
+
-
width: 100%;
+
-
height: 20px;
+
-
background: url(https://static.igem.org/mediawiki/2012/7/7e/CBK_STT.png)
+
-
no-repeat right;
+
-
cursor: pointer;
+
-
}
+
-
/* ----------------CB_footer---------------- */
+
-
#CB_responsive {
+
-
height: 200px;
+
-
background: #DFD4E7;
+
-
border-top: 1px solid #AAA6B6;
+
-
}
+
-
 
+
-
#CB_footer {
+
-
height: 200px;
+
-
background: #EBEBEB;
+
-
border-top: 1px solid silver;
+
-
}
+
-
 
+
-
#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;
+
-
}
+
-
 
+
-
hr {
+
-
height: 1px;
+
-
color: transparent;
+
-
background-color: transparent;
+
-
border: 0;
+
-
background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25),
+
-
transparent );
+
-
background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25),
+
-
transparent );
+
-
background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25),
+
-
transparent );
+
-
background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.25),
+
-
transparent );
+
-
}
+
-
 
+
-
/* ----------------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;
+
-
}
+
-
}
+
-
 
+
-
/* 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;
+
-
}
+
-
}
+
-
 
+
-
/* 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;
+
-
}
+
}
}
</style>
</style>
-
 
-
<script type="text/javascript">
 
-
$(function() {
 
-
$("*#scrolltotop").click(function() {
 
-
$("html,body").animate({
 
-
scrollTop : 0
 
-
});
 
-
});
 
-
});
 
-
</script>
 
</head>
</head>
Line 601: Line 34:
<div id="CB_top_MENU">
<div id="CB_top_MENU">
<ul>
<ul>
-
<li class="HOME"><a href="https://2012.igem.org/Team:CBNU-Korea">HOME</a></li>
+
<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="TEAM"><a href="#">TEAM</a></li>
-
<li class="PROJECT"><a href="https://2012.igem.org/Team:CBNU-Korea/Project">PROJECT</a></li>
+
<li class="PROJECT"><a
-
<li class="NOTEBOOK"><a href="https://2012.igem.org/Team:CBNU-Korea/Notebook">NOTEBOOK</a></li>
+
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>
<ul>
<ul>
-
<li class="SAFETY"><a href="https://2012.igem.org/Team:CBNU-Korea/Safety">SAFETY</a></li>
+
<li class="SAFETY"><a
-
<li class="JUDGING"><a href="https://2012.igem.org/Team:CBNU-Korea/JG/judging">JUDGING</a></li>
+
href="https://2012.igem.org/Team:CBNU-Korea/Safety">SAFETY</a></li>
-
<li class="iGEM"><a href="https://2012.igem.org/" target="_blank">iGEM</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>
</ul>
</div>
</div>
Line 617: Line 56:
<div id="CB_content">
<div id="CB_content">
-
 
<div id="CB_subcontent">
<div id="CB_subcontent">
<div id="CB_sub_title">
<div id="CB_sub_title">
Line 623: Line 61:
<h3>- Team</h3>
<h3>- Team</h3>
</div>
</div>
 +
<div></div>
<div id="CB_sub_menu">
<div id="CB_sub_menu">
-
<ul>
+
 
-
<li class="li_Judging"><a
+
 
-
href="https://2012.igem.org/Team:CBNU-Korea/JG/judging">01 +
+
<div id="CB_sub_mobile_menu">+ MENU</div>
-
Judging</a></li>
+
<ul class="CB_ul">
-
<li class="li_Effect"><a href="#">02 + Effect</a></li>
+
<li class="li_p"><a
 +
href="https://2012.igem.org/Team:CBNU-Korea/Team/P">01 + Instructor</a></li>
 +
<li class="li_a"><a
 +
href="https://2012.igem.org/Team:CBNU-Korea/Team/A">02 + A Team</a></li>
 +
<li class="li_b"><a
 +
href="https://2012.igem.org/Team:CBNU-Korea/Team/B">03 + B Team</a></li>
 +
<li class="li_c"><a
 +
href="https://2012.igem.org/Team:CBNU-Korea/Team/C">04 + C Team</a></li>
</ul>
</ul>
</div>
</div>
<div id="CB_sub_main">
<div id="CB_sub_main">
-
<div id="CB_sub_img">
 
-
<img src="https://static.igem.org/mediawiki/2012/6/6e/CBK_overlay_001.png">
 
-
</div>
 
<div id="CB_sub_cont">
<div id="CB_sub_cont">
-
 
+
<img src="https://static.igem.org/mediawiki/2012/a/a5/CBK_Team_001.png" style="height: auto; width:100%;">
-
<h1>Effect</h1>
+
-
<h2>1. Sharing</h2>
+
-
<p>
+
-
The exchange of information is necessary in a study that confirm
+
-
and research a subject. Therefore, when the biologists do their
+
-
experiments, a process to exchange the experiment records and
+
-
results between the researchers is necessary as well.<br> <br>
+
-
 
+
-
By using a simple form of our program, it is able to exchange the
+
-
informations like the Brick designing process and the result data
+
-
between the researchers. By this program, not only you can
+
-
exchange the designing process in a file form, but you can also
+
-
exchange the components of BioBrick that was personally designed.
+
-
(i.g. By a fixed process, the BioBrick information that researcher
+
-
‘A’ made, can be transferred and used by researcher ‘B’.) Also,
+
-
you can import or export the data as various forms(FASTA, Genbank,
+
-
SBOL) by the program itself. Because of this function, the
+
-
connectivity between the programs are enhanced, so the user and
+
-
the non-user of the program can exchange informations.
+
-
</p>
+
-
<h2>2. Human Practice</h2>
+
-
 
+
-
<p>
+
-
This program can show the exact cloning process in vitro by using
+
-
the Brick information that the user has chosen. Also, it can
+
-
produce usable knowledge of Synthetic Biology that will be needed.
+
-
Such as Brick informations or Restriction sites.<br> <br>
+
-
By proceeding the designing process before the actual experiment,
+
-
the beginners can participate more easily. Also you can utilize
+
-
the training software that can explain the visualized information
+
-
of the cloning process.
+
-
</p>
+
-
<p></p>
+
</div>
</div>
</div>
</div>

Latest revision as of 03:38, 27 September 2012

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