Latest revision as of 23:48, 26 September 2012

2012 iGEM

CBNU-Korea

PROJECT

- Overview

+ MENU

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.

@@ Line 1: / Line 1: @@
+{{Team:CBNU-Korea/css_new}}
 <html>
 <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>
-/******/
-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;
-}
 .PROJECT {
 	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;
-	padding-bottom: 2%;
-}
-#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;
 }
@@ Line 313: / Line 16: @@
 	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 {
-	height: 140px;
+	background-image:
-	background:
 		url(https://static.igem.org/mediawiki/2012/9/96/CBK_sub_img_004.png);
-	background-size: 100% 100%;
-}
-#CB_sub_img img {
-	width: 100%;
-	height: 100%;
-}
-#CB_sub_cont {
-}
-#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>
@@ Line 581: / Line 42: @@
 			<div id="CB_top_MENU">
 				<ul>
-					<li class="HOME"><a href="https://2012.igem.org/Team:CBNU-Korea">HOME</a></li>
+					<li class="HOME"><a
-					<li class="TEAM"><a href="https://2012.igem.org/Team:CBNU-Korea/Team">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="NOTEBOOK"><a href="https://2012.igem.org/Team:CBNU-Korea/Notebook">NOTEBOOK</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="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>
 			</div>
@@ Line 603: / Line 70: @@
 			</div>
 			<div id="CB_sub_menu">
-				<ul>
+			<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="MGD"><a
-					<li class="DOWNLOAD"><a href="https://2012.igem.org/Team:CBNU-Korea/Project/Download">04 + Download</a></li>
+						href="https://2012.igem.org/Team:CBNU-Korea/Project/GD/Overview">03
-					<li class="TUTORIAL"><a href="https://2012.igem.org/Team:CBNU-Korea/Project/Tutorial">05 + Tutorial</a></li>
+							+ 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>
 			<div id="CB_sub_main">
-				<div id="CB_sub_img"><img
+				<div id="CB_sub_img">
-						src="https://static.igem.org/mediawiki/2012/6/6e/CBK_overlay_001.png"></div>
+					<img
+						src="https://static.igem.org/mediawiki/2012/6/6e/CBK_overlay_001.png">
+				</div>
 				<div id="CB_sub_cont">
@@ Line 622: / Line 98: @@
 					<p>
 						We have developed two distinct software tools. <br> <br>
-					The first tool is Brick Designer. With this, users can design new
+						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
+						bio-bricks. It is also able to synthesize bio-bricks by using the
-					bricks whitch are registered in partsregistry. Users can also
+						bricks whitch are registered in partsregistry. Users can also
-					utilize bricks he just designed. We tried to enhance software
+						utilize bricks he just designed. We tried to enhance software
-					potability by enabling the designed bricks to save as Genbank and
+						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
+						SBOL format. Brick also can be saved as picture file so that it is
-					helpful in the Wiki implementation.<br> <br> Second tool,
+						helpful in the Wiki implementation.<br> <br> Second
-					Minimal Genome Designer is functionally divided into two program,
+						tool, Minimal Genome Designer is functionally divided into two
-					Designer and Viewer. The Viewer shows a lot of information of
+						program, Designer and Viewer. The Viewer shows a lot of
-					genomes and genes. For example, Location of essential genes and the
+						information of genomes and genes. For example, Location of
-					function of genes. It also provides information of genomes in both
+						essential genes and the function of genes. It also provides
-					linear and circular form. Using this, it will be easier for users
+						information of genomes in both linear and circular form. Using
-					to understand the characteristic of genomes. By the designer, user
+						this, it will be easier for users to understand the characteristic
-					can design minimal genomes by essential genes which are predicted
+						of genomes. By the designer, user can design minimal genomes by
-					by our team in this year. It shows the information of essential
+						essential genes which are predicted by our team in this year. It
-					genes that can exist in eash section like frequency of location on
+						shows the information of essential genes that can exist in eash
-species, function and etc. When it is done to design minimal
+						section like frequency of location on 82 species, function and
-					genome, it can be viewed on Viewer.
+						etc. When it is done to design minimal genome, it can be viewed on
+						Viewer.
 					</p>