Team:CBNU-Korea

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Team:CBNU-Korea/css_slide2}}
{{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'>
 +
<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>
 +
</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>
 +
/******/
 +
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;
 +
}
.HOME {
.HOME {
Line 13: Line 207:
}
}
 +
#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_subcontent {
 +
width: 90%;
 +
max-width: 1080px;
 +
margin: 0 auto;
 +
background: transparent;
 +
overflow: auto;
 +
margin-bottom: 15px;
 +
}
 +
 +
#CB_subcontent h2 {
 +
background: white;
 +
color: black;
 +
float: left;
 +
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_content_slide {
 +
background: transparent;
 +
width: 100%;
 +
max-width: 1200px;
 +
margin: 0 auto;
 +
}
 +
 +
#CB_sub_jm {
 +
width: 100%;
 +
overflow: auto;
 +
}
 +
 +
#CB_sub_menu {
 +
width: 28%;
 +
float: left;
 +
margin-right: 2%;
 +
height: 200px;
 +
background: white;
 +
}
 +
 +
#CB_sub_main {
 +
width: 70%;
 +
float: right;
 +
height: 400px;
 +
background: white;
 +
}
 +
 +
#CB_sub_cont {
 +
width: 100%;
 +
max-width: 1080px;
 +
background: white;
 +
}
 +
 +
/* ---------------CB_map------------------- */
 +
#CB_map {
 +
height: 300px;
 +
background: url("https://static.igem.org/mediawiki/2012/a/ae/CBK_map_002.png")
 +
no-repeat #32B6DB;
 +
cursor: pointer;
 +
}
 +
 +
#CB_map h1 {
 +
margin: 0;
 +
padding: 4% 10% 0% 65%;
 +
border: 0;
 +
font-size: 1.7em;
 +
font-weight: 900;
 +
color: white;
 +
}
 +
 +
#CB_map h2 {
 +
margin: 0;
 +
padding: 1% 10% 0% 65%;
 +
border: 0;
 +
font-size: 1em;
 +
color: white;
 +
}
 +
 +
/* ----------------CB_footer---------------- */
 +
#CB_responsive {
 +
background: url(https://static.igem.org/mediawiki/2012/e/e1/CBK_back_013.png);
 +
border-top: 1px solid #B483F1;
 +
}
 +
 +
#CB_res_cont {
 +
background:
 +
url(https://static.igem.org/mediawiki/2012/0/0c/CBK_responsive_001.png)
 +
no-repeat center;
 +
height: 250px;
 +
width: 100%;
 +
position: absolute;
 +
}
 +
 +
#CB_responsive h1 {
 +
padding: 4% 0 1% 50%;
 +
color: #3EA77D;
 +
margin: 0;
 +
border: 0;
 +
font-size: 2.5em;
 +
}
 +
 +
#CB_responsive h2 {
 +
padding: 0% 15% 2% 50%;
 +
color: #633F3F;
 +
margin: 0;
 +
border: 0;
 +
font-size: 1.3em;
 +
}
 +
 +
#CB_footer {
 +
height: 250px;
 +
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;
 +
}
 +
 +
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 : 767px) {
 +
#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: 20px;
 +
}
 +
#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_map {
 +
background: url("https://static.igem.org/mediawiki/2012/a/ae/CBK_map_002.png")
 +
no-repeat #32B6DB -160px 0px;
 +
}
 +
#CB_map h1 {
 +
color: black;
 +
padding: 4% 10% 0 10%;
 +
}
 +
#CB_map h2 {
 +
color: black;
 +
padding: 1% 10% 0 10%;
 +
}
 +
}
 +
 +
/* iPad, tablets etc portrait ---- */
 +
@media all and (min-width : 768px) and (max-width : 1023px ) {
 +
#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_map h1 {
 +
color: black;
 +
}
 +
#CB_map h2 {
 +
color: black;
 +
}
 +
}
 +
 +
/* 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: 1024px) {
 +
#menubar {
 +
display: block;
 +
}
 +
}
</style>
</style>
 +
 +
 +
<script type="text/javascript">
 +
function divLink(url) {
 +
window.open(url);
 +
}
 +
</script>
</head>
</head>

Revision as of 19:20, 26 September 2012

+ What is 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.

CBNU

Chungbuk National University
52 Naesudong-ro, Heungdeok-gu,
Cheongju Chungbuk, South-Korea

+82 -43-261-2947

iGEM.CBNU+2012@gmail.com

Responsive Web

Responsive design is a method to building a single website that works just as well on your mobile phones it does when you're sat at a desk.
Just adjust your browser width now to see what we mean.

Mobile phones, Tablet, Desktop(iE 9+, Chrome, Safari, FF etc)