|
|
| Line 1: |
Line 1: |
| - | {{Team:CBNU-Korea/css_slide2}}
| |
| | | | |
| - | <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>
| |
| - | </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;
| |
| - | }
| |
| - |
| |
| - | .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;
| |
| - | }
| |
| - |
| |
| - | /* ----------------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>
| |
| - |
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - | function divLink(url) {
| |
| - | window.open(url);
| |
| - | }
| |
| - | </script>
| |
| - |
| |
| - | </head>
| |
| - |
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <div id="CB_top">
| |
| - | <div id="CB_top_logo_cont">
| |
| - | <div id="CB_top_CBNU_logo">
| |
| - | <div id="CB_top_CBNU_logo_img"></div>
| |
| - | <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 id="CB_top_MENU">
| |
| - | <ul>
| |
| - | <li class="HOME"><a href="#">HOME</a></li>
| |
| - | <li class="TEAM"><a href="#">TEAM</a></li>
| |
| - | <li class="PROJECT"><a href="#">PROJECT</a></li>
| |
| - | <li class="NOTEBOOK"><a href="#">NOTEBOOK</a></li>
| |
| - | </ul>
| |
| - | <ul>
| |
| - | <li class="SAFETY"><a href="#">SAFETY</a></li>
| |
| - | <li class="JUDGING"><a href="#">JUDGING</a></li>
| |
| - | <li class="iGEM"><a href="#">iGEM</a></li>
| |
| - | </ul>
| |
| - | </div>
| |
| - | </div>
| |
| - | </div>
| |
| - | <div id="CB_top_shadow"></div>
| |
| - |
| |
| - | <div id="CB_content">
| |
| - | <div id="CB_content_slide">
| |
| - | <ul class="rslides">
| |
| - | <li><img
| |
| - | src="https://static.igem.org/mediawiki/2012/3/39/CBK_slide_001.png" /></li>
| |
| - | <li><img
| |
| - | src="https://static.igem.org/mediawiki/2012/6/69/CBK_slide_002.png" /></li>
| |
| - | <li><img
| |
| - | src="https://static.igem.org/mediawiki/2012/a/a0/CBK_slide_003.png" /></li>
| |
| - | <li><img
| |
| - | src="https://static.igem.org/mediawiki/2012/f/f6/CBK_slide_004.png" /></li>
| |
| - | </ul>
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <div id="CB_subcontent">
| |
| - | <div id="CB_sub_jm">
| |
| - | <h2>+ What is BUGS</h2>
| |
| - | </div>
| |
| - | <div id="CB_sub_cont">
| |
| - | <h3>Brick & Unique minimal Genome Software</h3>
| |
| - | <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 id="CB_map" onclick="divLink('http://goo.gl/maps/SH8VO');">
| |
| - | <h1>CBNU</h1>
| |
| - | <h2>
| |
| - | Chungbuk National University<br> 52 Naesudong-ro, Heungdeok-gu,<br>
| |
| - | Cheongju Chungbuk, South-Korea<br> <br> +82 -43-261-2947<br>
| |
| - | <br> iGEM.CBNU+2012@gmail.com
| |
| - | </h2>
| |
| - | </div>
| |
| - |
| |
| - | <div id="CB_responsive">
| |
| - | <div id="CB_res_cont"></div>
| |
| - | <h1>Responsive Web</h1>
| |
| - | <h2>
| |
| - | 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.<br>
| |
| - | Just adjust your browser width now to see what we mean.<br> <br>
| |
| - | Mobile phones, Tablet, Desktop(iE 9+, Chrome, Safari, FF etc)
| |
| - | </h2>
| |
| - | </div>
| |
| - |
| |
| - | <div id="CB_footer">
| |
| - | <div id="CB_footer_logo"></div>
| |
| - | <div id="CB_footer_text"></div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | </body>
| |
| - |
| |
| - | </html>
| |
"
