Team:CBNU-Korea/Project

From 2012.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:CBNU-Korea/css_slide2}}
+
{{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'>
 
-
 
-
 
-
<!--[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>
-
/******/
+
.PROJECT {
-
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;
+
-
}
+
-
 
+
-
#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_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;
+
-
}
+
-
 
+
-
.HOME {
+
border-bottom-color: white !important;
border-bottom-color: white !important;
}
}
-
#CB_top_MENU li:hover {
+
.OVERVIEW {
-
background: white;
+
font-weight: 900;
-
border-bottom: 5px solid white;
+
-
}
+
-
 
+
-
#CB_top_MENU li:hover a {
+
-
color: #24BED3;
+
-
}
+
-
 
+
-
#CB_top_MENU a {
+
-
color: #0E0B0B;
+
-
}
+
-
 
+
-
/* ----------------CB_content---------------- */
+
-
#CB_subcontent {
+
-
width: 90%;
+
-
max-width: 1080px;
+
-
margin: 0 auto;
+
-
background: transparent;
+
-
overflow: auto;
+
}
}
-
#CB_subcontent h2 {
+
.OVERVIEW a {
-
background: white;
+
-
color: black;
+
-
float: left;
+
-
font-size: 2.2em;
+
font-weight: 900;
font-weight: 900;
-
border: 0;
+
color: #A56BAA !important;
-
margin: 0;
+
padding-left: 10px;
-
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%;
+
-
}
+
-
 
+
-
#CB_sub_main {
+
-
width: 70%;
+
-
float: right;
+
-
}
+
-
 
+
-
#CB_sub_menu {
+
-
width: 30%;
+
-
float: left;
+
}
}
#CB_sub_img {
#CB_sub_img {
-
+
background-image:
-
}
+
url(https://static.igem.org/mediawiki/2012/9/96/CBK_sub_img_004.png);
-
 
+
-
#CB_sub_cont {
+
-
+
-
}
+
-
/* ----------------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_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_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;
+
-
}
+
-
.HOME {
+
-
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;
+
-
}
+
-
}
+
-
 
+
-
/* iPad, tablets etc portrait ---- */
+
-
@media all and (min-width : 769px) and (max-width : 1024px ) {
+
-
#menubar {
+
-
display: block;
+
-
}
+
-
#CB_top_CBNU_logo {
+
-
width: 100%;
+
-
margin: 0 auto;
+
-
color: white;
+
-
font-size: 45px;
+
-
padding-top: 15px;
+
-
text-align: center;
+
-
}
+
-
#CB_top_CBNU_logo br {
+
-
display: 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;
+
-
}
+
-
.HOME {
+
-
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;
+
-
}
+
-
}
+
-
 
+
-
/* 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_top {
+
-
height: 170px;
+
-
}
+
-
#CB_top_CBNU_logo br {
+
-
display: none;
+
-
}
+
}
}
</style>
</style>
Line 449: Line 32:
<div id="CB_top_logo_cont">
<div id="CB_top_logo_cont">
<div id="CB_top_CBNU_logo">
<div id="CB_top_CBNU_logo">
-
<img src="https://static.igem.org/mediawiki/2012/2/2c/CBK_logo_003.png"
+
<div id="CB_top_CBNU_logo_img"></div>
-
width="120px" /> <br /> <br /> Team:CBNU-Korea
+
<div id="CB_top_CBNU_logo_text_1">
 +
<p>2012 iGEM</p>
 +
</div>
 +
<div id="CB_top_CBNU_logo_text_2">
 +
<p>CBNU-Korea</p>
 +
</div>
</div>
</div>
<div id="CB_top_MENU">
<div id="CB_top_MENU">
<ul>
<ul>
-
<li class="HOME"><a href="#">HOME</a></li>
+
<li class="HOME"><a
-
<li class="TEAM"><a href="#">TEAM</a></li>
+
href="https://2012.igem.org/Team:CBNU-Korea">HOME</a></li>
 +
<li class="TEAM"><a
 +
href="https://2012.igem.org/Team:CBNU-Korea/Team">TEAM</a></li>
<li class="PROJECT"><a href="#">PROJECT</a></li>
<li class="PROJECT"><a href="#">PROJECT</a></li>
-
<li class="NOTEBOOK"><a href="#">NOTEBOOK</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="#">SAFETY</a></li>
+
<li class="SAFETY"><a
-
<li class="JUDGING"><a href="#">JUDGING</a></li>
+
href="https://2012.igem.org/Team:CBNU-Korea/Safety">SAFETY</a></li>
-
<li class="iGEM"><a href="#">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 470: Line 64:
<div id="CB_content">
<div id="CB_content">
 +
<div id="CB_subcontent">
 +
<div id="CB_sub_title">
 +
<h2>PROJECT</h2>
 +
<h3>- Overview</h3>
 +
</div>
 +
<div id="CB_sub_menu">
 +
<div id="CB_sub_mobile_menu"> + MENU </div>
 +
<ul class="CB_ul">
 +
<li class="OVERVIEW"><a href="#">01 + Overview</a></li>
 +
<li class="BD"><a
 +
href="https://2012.igem.org/Team:CBNU-Korea/Project/BD/Overview">02
 +
+ Brick Designer</a></li>
 +
<li class="MGD"><a
 +
href="https://2012.igem.org/Team:CBNU-Korea/Project/GD/Overview">03
 +
+ Minimal Genome Designer</a></li>
 +
<li class="DOWNLOAD"><a
 +
href="https://2012.igem.org/Team:CBNU-Korea/Project/Download">04
 +
+ Download</a></li>
 +
<li class="TUTORIAL"><a
 +
href="https://2012.igem.org/Team:CBNU-Korea/Project/Tutorial">05
 +
+ Tutorial</a></li>
 +
</ul>
-
<div id="CB_subcontent">
+
</div>
-
<div id="CB_sub_title"></div>
+
-
<div id="CB_sub_menu"></div>
+
<div id="CB_sub_main">
<div id="CB_sub_main">
-
<div id="CB_sub_img"></div>
+
<div id="CB_sub_img">
-
<div id="CB_sub_cont"></div>
+
<img
 +
src="https://static.igem.org/mediawiki/2012/6/6e/CBK_overlay_001.png">
 +
</div>
 +
<div id="CB_sub_cont">
 +
 
 +
<h1>BUGS - Brick & Unique minimal Genome Software</h1>
 +
<p>
 +
We have developed two distinct software tools. <br> <br>
 +
The first tool is Brick Designer. With this, users can design new
 +
bio-bricks. It is also able to synthesize bio-bricks by using the
 +
bricks whitch are registered in partsregistry. Users can also
 +
utilize bricks he just designed. We tried to enhance software
 +
potability by enabling the designed bricks to save as Genbank and
 +
SBOL format. Brick also can be saved as picture file so that it is
 +
helpful in the Wiki implementation.<br> <br> Second
 +
tool, Minimal Genome Designer is functionally divided into two
 +
program, Designer and Viewer. The Viewer shows a lot of
 +
information of genomes and genes. For example, Location of
 +
essential genes and the function of genes. It also provides
 +
information of genomes in both linear and circular form. Using
 +
this, it will be easier for users to understand the characteristic
 +
of genomes. By the designer, user can design minimal genomes by
 +
essential genes which are predicted by our team in this year. It
 +
shows the information of essential genes that can exist in eash
 +
section like frequency of location on 82 species, function and
 +
etc. When it is done to design minimal genome, it can be viewed on
 +
Viewer.
 +
 
 +
</p>
 +
 
 +
 
 +
</div>
</div>
</div>
</div>
</div>

Latest revision as of 23:48, 26 September 2012

PROJECT

- Overview

BUGS - Brick & Unique minimal Genome Software

We have developed two distinct software tools.

The first tool is Brick Designer. With this, users can design new bio-bricks. It is also able to synthesize bio-bricks by using the bricks whitch are registered in partsregistry. Users can also utilize bricks he just designed. We tried to enhance software potability by enabling the designed bricks to save as Genbank and SBOL format. Brick also can be saved as picture file so that it is helpful in the Wiki implementation.

Second tool, Minimal Genome Designer is functionally divided into two program, Designer and Viewer. The Viewer shows a lot of information of genomes and genes. For example, Location of essential genes and the function of genes. It also provides information of genomes in both linear and circular form. Using this, it will be easier for users to understand the characteristic of genomes. By the designer, user can design minimal genomes by essential genes which are predicted by our team in this year. It shows the information of essential genes that can exist in eash section like frequency of location on 82 species, function and etc. When it is done to design minimal genome, it can be viewed on Viewer.

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