|
|
| Line 1: |
Line 1: |
| - | <html lang="en"> | + | <html> |
| - | <head>
| + | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'> |
| - | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
| + | <script type="text/javascript" src="https://raw.github.com/jy886/SCAU-China/master/jquery-1.7.2.min.js"></script> |
| - | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| + | |
| - | <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
| + | |
| - | <link href="http://oucast.com/igem/css/bootstrap.css" rel="stylesheet" media="screen"> | + | |
| - | <link href="http://oucast.com/igem/css/bootstrap-responsive.css" rel="stylesheet" media="screen"> | + | |
| | | | |
| - | | + | <style type="text/css"> |
| - | <style> | + | |
| | #top-section{ | | #top-section{ |
| - | height:0px;
| + | height:0px; |
| - | border:none; | + | border: none; |
| | width:980px; | | width:980px; |
| | margin:0 auto; | | margin:0 auto; |
| | padding:0 0 0 0; | | padding:0 0 0 0; |
| | background-color:transparent; | | background-color:transparent; |
| - | overflow:hide; | + | overflow:hide;} |
| - | | + | |
| - | } | + | |
| | #p-logo{display:none;} | | #p-logo{display:none;} |
| | #search-controls{display:none;} | | #search-controls{display:none;} |
| Line 25: |
Line 18: |
| | #footer-box{display:none;} | | #footer-box{display:none;} |
| | #catlinks{display:none;} | | #catlinks{display:none;} |
| - | div#contentSub{
| + | #globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;} |
| - | display: none;
| + | #content{ |
| - | position: absolute;
| + | background-color:transparent; |
| - | }
| + | border:none; |
| - | #content h1.firstHeading {display: none;}
| + | width:1200px; |
| - | #content | + | height:700px; |
| - | { | + | marign:0 auto; |
| - | border:none;
| + | padding:0 0 0 0; |
| - | height: 100%;
| + | top:-40px; |
| - | margin:0;
| + | } |
| - | padding:0;
| + | .firstHeading {display: none;} |
| - | width:100%;
| + | #bodyContent{ |
| - | position: absolute;
| + | background-color:transparent; |
| - | background-color: #FFFFFF;
| + | border:none; |
| - | }
| + | } |
| - | | + | #siteSub{ |
| - | { | + | display:none; |
| - | margin:0;
| + | border:none; |
| - | padding:0;
| + | } |
| - | } | + | #contentSub{ |
| - | | + | display:none; |
| - | li {
| + | } |
| - | font-weight:normal;
| + | |
| - | font-size:12px;
| + | |
| - | } | + | |
| | | | |
| | #menubar { | | #menubar { |
| Line 60: |
Line 50: |
| | z-index: 5000; | | z-index: 5000; |
| | font-family: sans-serif; | | font-family: sans-serif; |
| - | font-size: 10%; | + | font-size: 95%; |
| | line-height: 1em; | | line-height: 1em; |
| | z-index:99; | | z-index:99; |
| | } | | } |
| | | | |
| | + | .left-menu, .left-menu a { |
| | + | text-align: left; |
| | + | color:#999999; |
| | + | text-transform: lowercase; |
| | + | } |
| | | | |
| | + | .left-menu:hover { |
| | + | color: #D00000; |
| | + | background-color:transparent; |
| | + | } |
| | | | |
| | + | .right-menu{width:400px; float:right} |
| | + | .right-menu, .right-menu a { |
| | + | right: 0px; |
| | + | text-align: right; |
| | + | color: #999999; |
| | + | } |
| | + | #menubar ul { |
| | + | color: #999999; |
| | + | list-style: none; |
| | + | } |
| | + | #menubar li { |
| | + | display: inline; |
| | + | position: relative; |
| | + | cursor: pointer; |
| | + | padding-left: 0px; |
| | + | padding-right: 0px; |
| | + | } |
| | + | .left-menu li a { |
| | + | padding: 0px 10px 0px 0px; |
| | + | } |
| | + | .left-menu .selected { |
| | + | # color: #999999; |
| | + | } |
| | + | #.left-menu .selected:hover { |
| | + | # color: #999999; |
| | + | #} |
| | | | |
| - | /* GLOBAL STYLES
| + | .left-menu:hover a { |
| - | -------------------------------------------------- */ | + | color: #999999;; |
| - | /* Padding below the footer and lighter body text */
| + | } |
| | | | |
| | + | .left-menu li a:hover { |
| | + | color: #D00000; |
| | + | text-decoration: underline; |
| | + | } |
| | | | |
| - | h1 {
| |
| - | color:#0099FF;
| |
| - | }
| |
| - | body {
| |
| - | padding-bottom: 40px;
| |
| - | color: #5a5a5a;
| |
| - | background: #e5e5e5 url(image/moon.png);
| |
| - | overflow-x: hidden;
| |
| - | -webkit-user-select: none;
| |
| - | -webkit-tap-highlight-color: rgba(0,0,0,0);
| |
| - | }
| |
| | | | |
| - | .jumbotron {
| + | .right-menu li { |
| - | margin: 60px 0;
| + | # background-color:transparent; |
| - | text-align: center;
| + | } |
| - | }
| + | .right-menu li a { |
| - | .jumbotron h1 {
| + | padding: 0px 15px 0px 0px; |
| - | font-size: 72px;
| + | color: #999999;; |
| - | line-height: 1;
| + | background-color: transparent; |
| - | }
| + | } |
| - | .jumbotron .btn {
| + | .right-menu li a:hover { |
| - | font-size: 21px;
| + | color: #D00000; |
| - | padding: 14px 24px;
| + | text-decoration: underline; |
| - | }
| + | } |
| | | | |
| - | /* Supporting marketing content */
| |
| - | .marketing {
| |
| - | margin: 60px 0;
| |
| - | }
| |
| - | .marketing p + h4 {
| |
| - | margin-top: 28px;
| |
| - | }
| |
| | | | |
| - | /* CUSTOMIZE THE NAVBAR
| + | /* Logo */ |
| - | -------------------------------------------------- */ | + | #logo h1 { |
| | + | height: 26px; |
| | + | text-indent: -4000px; |
| | + | width: 187px; |
| | + | padding:13px; |
| | + | margin:0;} |
| | + | #logo h1 a {display: block;height: 26px;} |
| | + | /* Links */ |
| | + | a, a:visited {color:#3294a6;text-decoration:none;} |
| | + | a:hover, .widget ul a:hover {color:#3294a6;text-decoration:underline;} |
| | + | /* Theme Color */ |
| | + | #header-top, h3.deco span.inner, #footer, .post-format, #commentform #submit, .flex-direction-nav li a:hover, .overlay .caption span, #portfolio-sort a.active {background: #3294a6;} |
| | + | .post-format {background-color: #3294a6;} |
| | + | #portfolio-sort li a, #primary-nav ul li a:hover, #primary-nav ul li:hover, #primary-nav ul li.sfHover a, #primary-nav ul li.current-cat a, #primary-nav ul li.current_page_item a, #primary-nav ul li.current-menu-item a {color:#3294a6 !important;} |
| | | | |
| - | /* Special class on .container surrounding .navbar, used for positioning it into place. */
| + | /* Clearfix */ |
| - | .navbar-wrapper {
| + | .clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}.clearfix:after{clear:both;} |
| - | position: absolute;
| + | /* Responsive Images */ |
| - | top: 0;
| + | img, object, embed {max-width: 100%;height: auto;} |
| - | left: 0;
| + | img {-ms-interpolation-mode: bicubic;} |
| - | right: 0;
| + | #map_canvas img, .map_canvas img {max-width: none!important;} |
| - | z-index: 10;
| + | |
| - | margin-top: 20px;
| + | |
| - | margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
| + | |
| - | }
| + | |
| - | .navbar-wrapper .navbar {
| + | |
| | | | |
| - | }
| + | /* =Document Setup |
| | + | -------------------------------------------------------------- */ |
| | | | |
| - | /* Remove border and change up box shadow for more contrast */
| + | html {background: #e6e6e6 url("https://static.igem.org/mediawiki/2013/1/1c/Scau_bg.gif") repeat;} |
| - | .navbar .navbar-inner {
| + | body { |
| - | border: 0;
| + | font: 13px/24px 'Open Sans',Helvetica, Arial, sans-serif; |
| - | -webkit-box-shadow: 0 2px 20px rgba(10,0,0,.25);
| + | color: #666; |
| - | -moz-box-shadow: 0 2px 20px rgba(10,0,0,.25);
| + | background: -moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 300px); |
| - | box-shadow: 0 2px 20px rgba(10,0,0,.25);
| + | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(300px,rgba(0,0,0,0))); |
| - | } | + | background: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 300px); |
| | + | background: -o-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 300px); |
| | + | background: -ms-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 300px); |
| | + | background: linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 300px); |
| | + | text-align: justify; |
| | + | } |
| | + | a { |
| | + | text-decoration:none; |
| | + | outline:0; |
| | + | -webkit-transition-property:background color; |
| | + | -webkit-transition-duration:.12s; |
| | + | -webkit-transition-timing-function:ease-out; |
| | + | -moz-transition-property:background color; |
| | + | -moz-transition-duration:.12s; |
| | + | -moz-transition-timing-function:ease-out; |
| | + | -o-transition-property:background color; |
| | + | -o-transition-duration:.12s; |
| | + | -o-transition-timing-function:ease-out; |
| | + | transition-property:background color; |
| | + | transition-duration:.12s; |
| | + | transition-timing-function:ease-out;} |
| | + | a:hover {color:#222;cursor:pointer;} |
| | | | |
| - | /* Downsize the brand/project name a bit */
| + | /* Headings */ |
| - | .navbar .brand {
| + | h1, h2, h3, h4, h5, h6 {font-weight:bold; margin: 0 0 10px; color:#3a3a40;} |
| - | padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
| + | .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {margin: 0 0 20px;} |
| - | font-size: 16px;
| + | .entry-content h1 {font-size: 22px;line-height: 28px;} |
| - | font-weight: bold;
| + | .entry-content h2 {font-size: 18px;line-height: 26px;} |
| - | text-shadow: 0 -1px 0 rgba(0,0,0,.5);
| + | .entry-content h3 {font-size: 16px;line-height: 26px;} |
| - | }
| + | .entry-content h4 {font-size: 14px;line-height: 24px;} |
| | + | .entry-content h5 {font-size: 13px;line-height: 22px;} |
| | + | .entry-content h6 {font-size: 12px;line-height: 20px;} |
| | | | |
| - | /* Navbar links: increase padding for taller navbar */
| + | /* Page Structure */ |
| - | .navbar .nav > li > a { | + | #site-container { |
| - | padding: 15px 20px;
| + | margin: 0 auto; |
| - | }
| + | background:#fff; |
| | + | width: 960px; |
| | + | padding:0 25px; |
| | + | box-shadow:0 0 10px rgba(0,0,0,0.1);} |
| | + | #content1 {float:left;width: 670px;margin:0 45px 0 0;} |
| | + | #content1.fullwidth {width:100%;float:none;margin:0;} |
| | + | #sidebar {float:left;width:195px;font-size:12px;margin:10px 0 0;} |
| | + | #primary {padding:0 25px;} |
| | | | |
| - | /* Offset the responsive button for proper vertical alignment */
| + | /* Header */ |
| - | .navbar .btn-navbar {
| + | #header {background: url("https://static.igem.org/mediawiki/2013/a/ab/SCAU-Doubleborder.gif") repeat-x bottom;padding:10px 25px;margin:0 0 20px;} |
| - | margin-top: 10px;
| + | #header #logo {float:left;padding:25px 0 30px;margin:0 0 -2px; float:left;} |
| - | } | + | #header #logo h1 {margin:0;font-size: 32px;} |
| | + | #header #logo, #header #logo a { |
| | + | font-size: 32px; |
| | + | color:#1a1a1a; |
| | + | text-decoration:none; |
| | + | text-transform:uppercase; |
| | + | font-weight: bold; |
| | + | letter-spacing: -1px;} |
| | + | #header #logo img {display:block;} |
| | + | #header-top { |
| | + | color:#fff; |
| | + | padding:5px 10px; |
| | + | font-size:12px;} |
| | + | #header-top .left {float:left;} |
| | | | |
| | + | /* Page Header */ |
| | + | #page-header {background: url("https://static.igem.org/mediawiki/2013/a/ab/SCAU-Doubleborder.gif") repeat-x bottom; margin:0 0 30px; padding:0 25px 20px; position:relative;} |
| | + | #page-header h1, #page-header strong {font-size: 26px;margin:0 0 5px;letter-spacing:-1px;color:#262626;} |
| | + | #page-header p { |
| | + | margin:0; |
| | + | color: #8C8C8C; |
| | + | font-size: 14px;} |
| | + | #page-header .navigation {float:right;} |
| | | | |
| - | | + | /* Footer */ |
| - | /* CUSTOMIZE THE CAROUSEL
| + | #footer { |
| - | -------------------------------------------------- */
| + | padding: 25px; |
| - | | + | margin: 15px 0 0; |
| - | /* Carousel base class */
| + | color: #fff; |
| - | .carousel {
| + | font-size: 12px; |
| - | margin-bottom: 60px;
| + | |
| - | } | + | |
| - | | + | |
| - | .carousel .container {
| + | |
| - | position: relative;
| + | |
| - | z-index: 9;
| + | |
| - | } | + | |
| - | | + | |
| - | .carousel-control {
| + | |
| - | height: 80px;
| + | |
| - | margin-top: 0;
| + | |
| - | font-size: 120px;
| + | |
| - | text-shadow: 0 1px 1px rgba(0,0,0,.4);
| + | |
| - | background-color: transparent;
| + | |
| - | border: 0;
| + | |
| - | z-index: 10;
| + | |
| - | } | + | |
| - | | + | |
| - | .carousel .item {
| + | |
| - | height: 400px;
| + | |
| - | }
| + | |
| - | .carousel img {
| + | |
| - | position: absolute;
| + | |
| - | top: 0;
| + | |
| - | left: 0;
| + | |
| - | min-width: 100%;
| + | |
| - | height: 400px;
| + | |
| - | }
| + | |
| - | | + | |
| - | .carousel-caption {
| + | |
| - | background-color: transparent;
| + | |
| - | position: static;
| + | |
| - | max-width: 550px;
| + | |
| - | padding: 0 20px;
| + | |
| - | margin-top: 200px;
| + | |
| - | }
| + | |
| - | .carousel-caption h1,
| + | |
| - | .carousel-caption .lead {
| + | |
| - | margin: 0;
| + | |
| - | line-height: 1.25;
| + | |
| - | color: #fff;
| + | |
| - | text-shadow: 0 1px 1px rgba(0,0,0,.4);
| + | |
| - | } | + | |
| - | .carousel-caption .btn {
| + | |
| - | margin-top: 10px;
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | /* MARKETING CONTENT
| + | |
| - | -------------------------------------------------- */
| + | |
| - | | + | |
| - | /* Center align the text within the three columns below the carousel */
| + | |
| - | .marketing .span6 {
| + | |
| - | text-align: center;
| + | |
| - | }
| + | |
| - | .marketing h2 {
| + | |
| - | font-weight: normal;
| + | |
| - | margin-left: 200px;
| + | |
| - | margin-right: 60px;
| + | |
| - | }
| + | |
| - | .marketing .span6 p {
| + | |
| - | margin-left: 200px;
| + | |
| - | margin-right: 60px;
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | /* Featurettes
| + | |
| - | ------------------------- */
| + | |
| - | | + | |
| - | .featurette-divider {
| + | |
| - | margin: 80px 0; /* Space out the Bootstrap <hr> more */
| + | |
| - | }
| + | |
| - | .featurette {
| + | |
| - | padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
| + | |
| - | overflow: hidden; /* Vertically center images part 2: clear their floats. */
| + | |
| - | }
| + | |
| - | .featurette-image {
| + | |
| - | margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
| + | |
| - | }
| + | |
| - | | + | |
| - | /* Give some space on the sides of the floated elements so text doesn't run right into it. */
| + | |
| - | .featurette-image.pull-left {
| + | |
| - | margin-right: 40px;
| + | |
| - | }
| + | |
| - | .featurette-image.pull-right {
| + | |
| - | margin-left: 40px;
| + | |
| - | }
| + | |
| - | | + | |
| - | /* Thin out the marketing headings */
| + | |
| - | .featurette-heading {
| + | |
| - | font-size: 50px;
| + | |
| - | font-weight: 300;
| + | |
| - | line-height: 1;
| + | |
| - | letter-spacing: -1px;
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | | + | |
| - | /* RESPONSIVE CSS
| + | |
| - | -------------------------------------------------- */
| + | |
| - | | + | |
| - | @media (max-width: 979px) {
| + | |
| - | | + | |
| - | .container.navbar-wrapper {
| + | |
| - | margin-bottom: 0;
| + | |
| - | width: auto;
| + | |
| - | }
| + | |
| - | .navbar-inner {
| + | |
| - | border-radius: 0;
| + | |
| - | margin: -20px 0;
| + | |
| - | }
| + | |
| - | | + | |
| - | .carousel .item {
| + | |
| - | height: 400px;
| + | |
| - | }
| + | |
| - | .carousel img {
| + | |
| - | width: auto;
| + | |
| - | height: 400px;
| + | |
| - | }
| + | |
| - | | + | |
| - | .featurette {
| + | |
| - | height: auto;
| + | |
| - | padding: 0;
| + | |
| - | }
| + | |
| - | .featurette-image.pull-left,
| + | |
| - | .featurette-image.pull-right {
| + | |
| - | display: block;
| + | |
| - | float: none;
| + | |
| - | max-width: 40%;
| + | |
| - | margin: 0 auto 20px;
| + | |
| - | }
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | @media (max-width: 767px) {
| + | |
| - | | + | |
| - | .navbar-inner {
| + | |
| - | margin: -20px;
| + | |
| - | }
| + | |
| - | | + | |
| - | .carousel {
| + | |
| - | margin-left: -20px;
| + | |
| - | margin-right: -20px;
| + | |
| - | }
| + | |
| - | .carousel .container {
| + | |
| - | | + | |
| - | }
| + | |
| - | .carousel .item {
| + | |
| - | height: 400px;
| + | |
| - | }
| + | |
| - | .carousel img {
| + | |
| - | height: 400px;
| + | |
| - | }
| + | |
| - | .carousel-caption {
| + | |
| - | width: 65%;
| + | |
| - | padding: 0 70px;
| + | |
| - | margin-top: 100px;
| + | |
| - | }
| + | |
| - | .carousel-caption h1 {
| + | |
| - | font-size: 30px;
| + | |
| - | }
| + | |
| - | .carousel-caption .lead,
| + | |
| - | .carousel-caption .btn {
| + | |
| - | font-size: 18px;
| + | |
| - | }
| + | |
| - | | + | |
| - | .marketing .span4 + .span4 {
| + | |
| - | margin-top: 40px;
| + | |
| - | }
| + | |
| - | | + | |
| - | .featurette-heading {
| + | |
| - | font-size: 30px;
| + | |
| - | }
| + | |
| - | .featurette .lead {
| + | |
| - | font-size: 18px;
| + | |
| - | line-height: 1.5;
| + | |
| - | }
| + | |
| - | | + | |
| - | }
| + | |
| - |
| + | |
| - | /* = 通用 Global
| + | |
| - | ----------------------------------------------- */
| + | |
| - | a:not(.btn) {
| + | |
| - | color: #00699E;
| + | |
| - | -webkit-transition: 300ms;
| + | |
| - | -moz-transition: 300ms;
| + | |
| - | transition: 300ms;
| + | |
| | } | | } |
| - | a:hover:not(.btn), | + | #footer a {color:#fff;border-bottom:1px dotted #fff} |
| - | a:active:not(.btn) { | + | #footer a:hover {border-bottom:none;} |
| - | color: #9E0000;
| + | #footer-widgets {list-style:none;padding:0;margin:0 -25px 0 0;} |
| - | text-decoration: none;
| + | #footer-widgets .widget {float:left;width:286px;margin:0 25px 0 0;} |
| - | -webkit-transform: translateY(-8px);
| + | #footer-widgets .widget h4 { |
| - | -moz-transform: translateY(-8px);
| + | background: none; |
| - | transform: translateY(-8px);
| + | color: #fff; |
| | + | border-bottom: none; |
| | + | padding: 0; |
| | + | margin-top: 0; |
| | + | margin-right: 0; |
| | + | margin-bottom: 10px; |
| | + | margin-left: 0; |
| | } | | } |
| | + | #footer-widgets .widget .div { |
| | + | background:#fff; |
| | + | height:1px; |
| | + | width:50px; |
| | + | display:block; |
| | + | margin:0 0 15px;} |
| | + | #footer-bottom { |
| | + | background:#1a1a1a; |
| | + | padding:20px 25px; |
| | + | margin:0; |
| | + | line-height: 10px; |
| | + | color:#fafafa; |
| | + | font-size:11px;} |
| | + | #footer-bottom #footer-nav {float:left;} |
| | + | #footer-nav ul {margin:2px 0 0;padding:0;list-style:none;} |
| | + | #footer-nav li { |
| | + | float:left; |
| | + | margin:0 10px 0 0; |
| | + | padding:0 10px 0 0; |
| | + | border-right: 1px dotted #8c8e91; |
| | + | line-height: 5px;} |
| | + | #footer-nav li:last-child {border-right:none;} |
| | + | #footer-nav li a {border-bottom:none;color:#fff;} |
| | + | #footer-bottom a {color:#fff;font-size:12px;border-bottom:1px dotted #fafafa;} |
| | + | #footer-bottom a:hover {border-bottom:1px solid #fff;text-decoration:none;} |
| | + | #footer-bottom #copyright {float:right;font-size:11px;} |
| | | | |
| - | hr.soften {
| + | /* =Navigation & Menus */ |
| - | height: 1px;
| + | |
| - | margin: 30px 0;
| + | |
| - | background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
| + | |
| - | background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
| + | |
| - | background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
| + | |
| - | background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
| + | |
| - | border: 0;
| + | |
| - | }
| + | |
| | | | |
| | + | #primary-nav { float:right;margin: 30px 0 0;padding:0;} |
| | + | #primary-nav ul {list-style: none outside none;margin: 0;padding: 0;} |
| | + | #primary-nav ul a { |
| | + | display: block; |
| | + | position: relative; |
| | + | color: #3A3A40; |
| | + | line-height: 18px; |
| | + | text-decoration:none; |
| | + | text-transform:uppercase; |
| | + | height: 32px;} |
| | + | #primary-nav ul a.sf-with-ul {padding-right:15px;} |
| | + | #primary-nav ul li {float: left;position: relative;z-index: 40;margin-left: 30px;} |
| | + | #primary-nav ul li:hover {visibility: inherit;} |
| | + | #primary-nav ul li:hover ul, #primary-nav ul li.sfHover ul {left: -1px;top: 20px;z-index: 99;} |
| | + | #primary-nav ul li:hover li ul, #primary-nav ul li.sfHover li ul, #primary-nav ul li li:hover li ul, #primary-nav ul li li.sfHover li ul, #primary-nav ul li li li:hover li ul, #primary-nav ul li li li.sfHover li ul {top: -9999em;} |
| | + | #primary-nav ul li li:hover ul, #primary-nav ul li li.sfHover ul, #primary-nav ul li li li:hover ul, #primary-nav ul li li li.sfHover ul, #primary-nav ul li li li li:hover ul, #primary-nav ul li li li li.sfHover ul {left: 180px;top: -12px;} |
| | + | #primary-nav ul li a:hover, #primary-nav ul li:hover, #primary-nav ul li.sfHover a, #primary-nav ul li.current-cat a, #primary-nav ul li.current_page_item a, #primary-nav ul li.current-menu-item a {text-decoration: none;} |
| | + | #primary-nav ul ul { |
| | + | background: #fff; |
| | + | border: 1px solid #E0E0E0; |
| | + | box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05); |
| | + | margin: 10px 0 0; |
| | + | padding: 4px 0; |
| | + | position: absolute; |
| | + | top: -9999em; |
| | + | width: 180px; |
| | + | border-radius: 1px; |
| | + | -moz-border-radius: 1px; |
| | + | -webkit-border-radius: 1px;} |
| | + | #primary-nav ul ul li {background: none;float: none;width: 100%;margin:0;} |
| | + | #primary-nav ul ul li:last-child {border-bottom: medium none;} |
| | + | #primary-nav ul ul li a { |
| | + | font-size: 11px; |
| | + | font-weight: normal; |
| | + | color:#808080; |
| | + | display: block; |
| | + | padding: 8px 4px; |
| | + | margin: 0 10px; |
| | + | height: 18px; |
| | + | border-bottom: 1px dotted #ccc;} |
| | + | #primary-nav ul ul li:last-child a {border-bottom:0;} |
| | + | #primary-nav .sf-sub-indicator { |
| | + | display:inline; |
| | + | padding:0; |
| | + | margin:0; |
| | + | border:none; |
| | + | position:absolute; |
| | + | right:0; |
| | + | top:0; } |
| | + | #primary-nav ul ul .sf-sub-indicator {right: 10px;top: 9px;} |
| | + | #primary-nav ul li.sfHover ul a {color: #444 !important;} |
| | + | #primary-nav ul li.sfHover ul a:hover {color: #444 !important;} |
| | + | #primary-nav select {display:none;} |
| | | | |
| - | .nav a {
| + | /* =Homepage */ |
| - | -webkit-transition: 500ms;
| + | #callout {padding:0;float:left;margin:0 30px 0 0;width:300px;} |
| - | -moz-transition: 500ms;
| + | #callout h2 {font-size:38px;font-weight:bold;line-height:38px;margin:0 0 10px;text-transform:uppercase;letter-spacing:-2px;color:#212126;} |
| - | transition: 500ms;
| + | #callout h3 { |
| - | } | + | font-size:18px; |
| - | header {
| + | font-weight:normal; |
| - | margin-top: 40px;
| + | color:#8c8c8c; |
| - | }
| + | font-style:italic; |
| - | .hero-unit {
| + | font-size:center;} |
| - | background: url(/images/cover-5.jpg);
| + | #hpslider {background: url("../images/loading.gif") no-repeat center center;min-height: 250px;margin:10px 0 25px;float:left; width:580px;} |
| - | background-size: cover;
| + | .home .st_portfolio {margin-bottom:15px;} |
| - | filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/cover-5.jpg', sizingMethod='scale');
| + | .home .post {background:none;margin-bottom:20px; } |
| - | -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/cover-5.jpg', sizingMethod='scale')";
| + | .home .st_portfolio .entry-thumb {margin:0 0 5px;} |
| - | color: #fff;
| + | .home .post .entry-thumb {margin:0 0 10px;} |
| - | height: 100px;
| + | #home-portfolio ul, #home-blog ul, #home-blocks ul {list-style:none;padding:0;margin: 0 -15px 20px 0;} |
| - | margin-bottom: 0;
| + | #home-portfolio li {float:left;margin:0 15px 10px 0;width:216px;text-align:center;} |
| - | } | + | #home-portfolio .entry-content p {margin:0;} |
| - | .hero-unit h1 { | + | #home-portfolio .entry-title, #home-blog .entry-title {margin:0;} |
| - | /* font: 88px Minion,'Optima', "Times New Roman", Times, serif; */
| + | #home-portfolio .entry-title, #home-portfolio .entry-title a, #home-blog .entry-title, #home-blog .entry-title a {font-weight:bold;color: #3A3A40;font-size: 14px;line-height: 18px;} |
| - | text-align: center;
| + | #home-blog li, #home-blocks li { |
| - | text-shadow: 1px 1px 10px black;
| + | float:left; |
| - | }
| + | margin:0 15px 15px 0; |
| - | .hero-unit img {
| + | padding:0; |
| - | max-width: 500px;
| + | width:216px; |
| - | -webkit-animation: title-in 1s ease-out 0 1 forwards;
| + | font-size:12px; |
| - | -webkit-transition: 500ms;
| + | border:none;} |
| - | -moz-transition: 500ms;
| + | #home-blog .entry-title { margin: 0 0 10px;} |
| - | transition: 500ms;
| + | #home-blog .entry-thumb-placeholder {height: 172px;margin: 0 0 10px;width: 100%;} |
| | + | h3.deco { |
| | + | display:block; |
| | + | background: url("../images/doubleborder.gif") repeat-x center; |
| | + | margin:0 -25px 20px; |
| | + | text-align:center; |
| | + | text-transform:uppercase; |
| | + | font-weight:normal; |
| | + | clear: both; |
| | + | font-size: 13px;} |
| | + | h3.deco span.outer {background:#fff;} |
| | + | h3.deco span.inner { |
| | + | padding:2px 10px; |
| | + | margin:0 10px; |
| | + | color:#fff;} |
| | | | |
| - | }
| + | /* =Flexslider */ |
| - | .hero-unit img:hover {
| + | |
| - | -webkit-transform: translateY(-5px) scale(1.05) rotate(2deg);
| + | |
| - | -moz-transform: translateY(-5px) scale(1.05) rotate(2deg);
| + | |
| - | transform: translateY(-5px) scale(1.05) rotate(2deg);
| + | |
| - | }
| + | |
| | | | |
| - | </style>
| + | .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} |
| | + | .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none} |
| | + | /* FlexSlider Necessary Styles */ |
| | + | .flexslider {width: 100%; margin: 0; padding: 0;} |
| | + | .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} |
| | + | .flexslider .slides img {max-width: 100%; display: block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} |
| | + | .flex-pauseplay span {text-transform: capitalize;} |
| | + | .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} |
| | + | html[xmlns] .slides {display: block;} |
| | + | * html .slides {height: 1%;} |
| | + | /* No JavaScript Fallback */ |
| | + | .no-js .slides > li:first-child {display: block;} |
| | + | /* FlexSlider Styling */ |
| | + | .flexslider {background: #fff; position: relative; zoom: 1;margin: 0 0 20px;} |
| | + | .flexslider .slides {zoom: 1;} |
| | + | .flexslider .slides > li {position: relative;} |
| | + | .flex-container {zoom: 1; position: relative;} |
| | + | /* Caption style */ |
| | + | .flex-caption {background:#232326; padding: 10px; margin: 0; position: absolute; left: 20px; bottom: 20px; color: #fafafa; font-size: 13px; line-height: 18px;max-width: 55%;} |
| | + | /* Direction Nav */ |
| | + | .flex-direction-nav { height: 0; position:absolute; bottom: 0; right:20px; } |
| | + | .flex-direction-nav li a {display: block; position: absolute; bottom: 20px; cursor: pointer; background:#232326; color:#fafafa; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding: 3px 10px; text-align:center;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; } |
| | + | .flex-direction-nav li a:hover {text-decoration:none;} |
| | + | .flex-direction-nav li .next {right: 0;} |
| | + | .flex-direction-nav li .prev {right: 30px;} |
| | + | .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} |
| | + | /* Control Nav */ |
| | + | .flex-control-nav {position: absolute; bottom: 20px;text-align:right;right:90px;} |
| | + | .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} |
| | + | .flex-control-nav li:first-child {margin: 0;} |
| | + | .flex-control-nav li a {width: 13px; height: 13px; display: block; background: url("../images/flex-control-nav.png") no-repeat; cursor: pointer; text-indent: 9999px;overflow: hidden; transition:none;-moz-transition:none;} |
| | + | .flex-control-nav li a:hover {background-position: 0 -13px;} |
| | + | .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} |
| | + | /* Flexslider - Gallery Post Format */ |
| | + | .format-gallery .flex-direction-nav li a {bottom:10px;} |
| | + | .format-gallery .flex-direction-nav {right:10px;} |
| | + | </style> |
| | | | |
| - | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | + | <body id="body" class="home"> |
| - | <meta name="description" content="">
| + | |
| - | <meta name="author" content="">
| + | |
| - | <title>index</title>
| + | |
| - | </head>
| + | |
| - | <body >
| + | |
| | | | |
| - | | + | <!-- #site-container --> |
| - | | + | <div id="site-container"> |
| - | <div class="navbar navbar-inverse navbar-fixed-top"> | + | |
| - | <div class="navbar-inner">
| + | <!-- #header-top --><!-- /#header-top --> |
| - | <div class="container">
| + | |
| - | <div class="row"><div class="span3"><a href="https://2013.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2013/6/6a/Ouc-igem1.jpg" alt="logo" style="width:70px;height:50px;margin-top:0px;padding:0 0 0 0;" class="brand png"></a></div>
| + | <!-- #header --> |
| - | <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
| + | <header id="header" class="clearfix"> |
| - | <span class="icon-bar"></span>
| + | <!-- #logo --> |
| - | <span class="icon-bar"></span>
| + | <div id="logo"> |
| - | <span class="icon-bar"></span>
| + | < h1> <a> < img src="https:// static.igem.org/ mediawiki/2013/ 6/ 65/ SCAU- china_logo_. png"> </a> </ h1> |
| - | </button>
| + | |
| - | <div class=" nav- collapse collapse"> | + | |
| - | <ul class="nav pull-right">
| + | |
| - | <li class="active"><a href="https://2013.igem.org/Team:OUC-China"><font size="4.5px">Home</font></a></li>
| + | |
| - | <li class="dropdown">
| + | |
| - | <a class="dropdown-toggle" id="drop4" role="button" data-toggle="dropdown" href="#"><font size="4.5px">Project</font><b class="caret"></b>
| + | |
| - | </a>
| + | |
| - | <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
| + | |
| - | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Overview">Overview</a>
| + | |
| - | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Achievement">Achievement & judge criteria</a>
| + | |
| - | <li class="dropdown-submenu">
| + | |
| - | <a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Intercellular compartment">Intercellular compartment</a>
| + | |
| - | <ul class="dropdown-menu">
| + | |
| - | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Review">Review</a></li>
| + | |
| - | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Design">Design</a></li>
| + | |
| - | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Microfluidics">Microfluidics</a></li>
| + | |
| - | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Results">Results</a></li>
| + | |
| - | | + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li class="dropdown-submenu">
| + | |
| - | <a tabindex="-1" href="#">RNA guardian</a>
| + | |
| - | <ul class="dropdown-menu">
| + | |
| - | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Instruction">Instruction</a></li>
| + | |
| - | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Design">Design</a></li>
| + | |
| - | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Results">Result</a></li>
| + | |
| - | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Reference">Reference</a></li>
| + | |
| - |
| + | |
| - | | + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Part description">Part description</a></li>
| + | |
| - | <li role="presentation" class="divider"></li>
| + | |
| - | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Future work">Future work</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li class="dropdown">
| + | |
| - | <a class="dropdown-toggle" id="drop5" role="button" data-toggle="dropdown" href="https://2013.igem.org/Team:OUC-China/Modeling"><font size="4.5px">Modeling</font><b class="caret"></b></a>
| + | |
| - | <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="drop5">
| + | |
| - | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Simulation">Simulation</a></li>
| + | |
| - | <li role="presentation" class="divider"></li>
| + | |
| - | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Data">Data</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li class="dropdown">
| + | |
| - | <a href="https://2013.igem.org/Team:OUC-China/Human Practice"><font size="4.5px">Human Practice</font></a>
| + | |
| - |
| + | |
| - | </li>
| + | |
| - | <li class="dropdown">
| + | |
| - | <a class="dropdown-toggle" id="drop5" role="button" data-toggle="dropdown" href="Members.html"><font size="4.5px">Team</font><b class="caret"></b></a>
| + | |
| - | <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="drop5">
| + | |
| - | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Members"> Members< /a></li> | + | |
| - | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Instructors">Instructors</a></li>
| + | |
| - | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Advisor">Advisor</a></li>
| + | |
| - | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Lab">Lab</a></li>
| + | |
| - | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Acknowledgement">Acknowledgement</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li class="dropdown">
| + | |
| - | <a href="https://2013.igem.org/Team:OUC-China/Safety"><font size="4.5px">Safety</font></a>
| + | |
| - |
| + | |
| - | </li>
| + | |
| - | <li class="dropdown">
| + | |
| - | <a class="dropdown-toggle" id="drop5" role="button" data-toggle="dropdown" href="#"><font size="4.5px">Notebook</font><b class="caret"></b></a>
| + | |
| - | <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="drop5">
| + | |
| - | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Lab note">Lab note</a></li>
| + | |
| - | <li role="presentation" class="divider"></li>
| + | |
| - | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Protocol">Protocol</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | </ul>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| | </div> | | </div> |
| - | <br><br> | + | <div id="logo"> |
| - | | + | <h1> <a> <img src="https://static.igem.org/mediawiki/2013/7/74/SCAU-China_igemlogo.png"> </a> </h1> |
| - | | + | </div> |
| - | <div id="myCarousel" class="carousel slide">
| + | <!-- /#logo --> |
| - | <ol class="carousel-indicators">
| + | <!-- #primary-nav --> |
| - | <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
| + | <nav id="primary-nav" role="navigation" class="clearfix"> |
| - | <li data-target="#myCarousel" data-slide-to="1"></li>
| + | <ul id="menu-primary-nav" class="nav sf-menu clearfix"> |
| - | <li data-target="#myCarousel" data-slide-to="2"></li>
| + | <li class="current-menu-item"><a href="https://2013.igem.org/Team:SCAU-China" >Home</a></li> |
| - | <li data-target="#myCarousel" data-slide-to="3"></li>
| + | <li><a href="#">Team</a> |
| - | </ol>
| + | <ul class="sub-menu"> |
| - | <div class="carousel-inner">
| + | <li><a href="https://2013.igem.org/Team:SCAU-China/Team" >Members</a></li> |
| - | <div class="item active"> | + | <li><a href="https://2013.igem.org/Team:SCAU-China/Attributions" >Attributions</a></li> |
| - | <img src="https://static.igem.org/mediawiki/2013/d/df/Ouc-slide-01.jpg" alt=""> | + | </ul> |
| - | <div class="container"> | + | </li> |
| - | <div class="carousel-caption">
| + | <li><a href="#">Project</a> |
| - | <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
| + | <ul class="sub-menu"> |
| - | <a class="btn btn-large btn-primary" href="#"> Sign up today</a> | + | <li><a href="https://2013.igem.org/Team:SCAU-China/Project" >Overview</a></li> |
| - | </div>
| + | <li><a href="https://2013.igem.org/Team:SCAU-China/Project/OPdegradation" >OP Degradation</a></li> |
| - | </div>
| + | <li><a href="https://2013.igem.org/Team:SCAU-China/Project/PNPsensor" >PNP Sensor</a></li> |
| | + | <li><a href="https://2013.igem.org/Team:SCAU-China/Project/PNPdegradation" >PNP Degradation</a></li> |
| | + | <li><a href="https://2013.igem.org/Team:SCAU-China/Project/SuicideSystem" >Suicide System</a></li> |
| | + | <li><a href="https://2013.igem.org/Team:SCAU-China/Notebook">Notes</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li><a href="#">Results</a> |
| | + | <ul class="sub-menu"> |
| | + | <li><a href="https://2013.igem.org/Team:SCAU-China/Modeling" >Modeling</a></li> |
| | + | <li><a href="https://2013.igem.org/Team:SCAU-China/Parts" >Biobricks</a></li> |
| | + | <li><a href="https://2013.igem.org/Team:SCAU-China/Achievements" >Achievements</a></li> |
| | + | <li><a href="https://2013.igem.org/Team:SCAU-China/Safety" >Safety</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | <li><a href="#">Human Practice</a> |
| | + | <ul class="sub-menu"> |
| | + | <li><a href="https://2013.igem.org/Team:SCAU-China/HP/Survey">Survey</a></li> |
| | + | <li><a href="https://2013.igem.org/Team:SCAU-China/HP/Communication">Communication</a></li> |
| | + | <li><a href="https://2013.igem.org/Team:SCAU-China/HP/Game">card game Game</a></li> |
| | + | </ul> |
| | + | </li> |
| | + | </ul> |
| | + | </nav> |
| | + | <!-- #primary-nav --> |
| | + | |
| | + | </header> |
| | + | <!-- /#header --> |
| | + | <!-- #primary --> |
| | + | <div id="primary" class=" clearfix"> |
| | + | <!-- #content --> |
| | + | <section id="content1" role="main" class="fullwidth"> |
| | + | <div id="feature" class="clearfix"> |
| | + | <div id="callout"> |
| | + | <h2>Overview</h2> |
| | + | <p> Organophosphorus pesticides (OP), which are highly toxic, are still used in some developing countries. Many terrestrial and aquatic ecosystems across the world are contaminated with OP. Residues of OP in food are also often reported</p> |
| | + | <p> This year, our goal is to construct a system that can sensing and degrade organophosphorus pesticides.</p> |
| | + | <p><a href="#"> View Our Work →</a></ p> |
| | </div> | | </div> |
| - | <div class="item"> | + | <div id="hpslider" class="flexslider"> |
| - | <img src="https://static.igem.org/mediawiki/2013/2/21/Ouc-slide-02.jpg" alt=""> | + | <script type="text/javascript" charset="utf-8"> |
| - | <div class="container">
| + | jQuery(window).load(function() { |
| - | <div class="carousel-caption"> | + | jQuery('#hpslider').flexslider({ |
| - |
| + | keyboardNav: false, |
| - | <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
| + | prevText: "<", |
| - | <a class="btn btn-large btn-primary" href="#">Learn more</a>
| + | nextText: ">" |
| - | </div> | + | }); |
| | + | }); |
| | + | </script> |
| | + | <ul class="slides"> |
| | + | <li><img src="https://static.igem.org/mediawiki/2013/ 1/ 12/ SCAU- China_slide1.jpg" alt="" /> < /li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2013/2/26/SCAU-China_slide2.jpg" alt="" /> </li> |
| | + | <li><img src="https://static.igem.org/mediawiki/2013/0/0d/SCAU-China_slide3.jpg" alt="" /> </li> |
| | + | </ul> |
| | </div> | | </div> |
| | </div> | | </div> |
| - | | + | <div id=" home- blocks" class=" clearfix"> |
| - | <img src="https://static.igem.org/mediawiki/2013/f/f2/Ouc-slide-03.jpg" alt="">
| + | <h3 class="deco"><span class="outer"><span class="inner">Our Project</span></span></h3> |
| - | <div class="container">
| + | <ul class="clearfix"> |
| - | <div class="carousel-caption">
| + | <li> |
| - |
| + | <h3><a href="https://2013.igem.org/Team:SCAU-China/Project/OPdegradation">OP Degradation</a></h3> |
| - | <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
| + | <p> The bacterial organophosphorus hydrolase enzyme hydrolyzes and detoxifies a broad range of toxic organophosphate pesticides. In the first part, we need to use these enzymes to degrade parathion into PNP.</p> |
| - | <a class="btn btn-large btn-primary" href="#">Browse gallery</a>
| + | </li> |
| - | </div> | + | <li> |
| - | </div> | + | <h3><a href="https://2013.igem.org/Team:SCAU-China/Project/PNPsensor" >PNP Sensor</a></h3> |
| - | </div>
| + | <p> The second part is a biosensor of the hydrolysis product P-Nitrophenol (PNP). There is no operon that can react to parathion. We foucus on constructing a PNP sensor, which can reflect the existence of parathion.</p> |
| - | <div class="item">
| + | </li> |
| - | <img src="https://static.igem.org/mediawiki/2013/f/f2/Ouc-slide-02.jpg" alt="">
| + | <li> |
| - | <div class="container"> | + | <h3><a href="https://2013.igem.org/Team:SCAU-China/Project/PNPdegradation" >PNP Degradation</a></h3> |
| - | <div class="carousel-caption"> | + | <p> We also design a PNP degradation system. We use enzymes NphA1 and NphA2 to degrade PNP, but fail. We find another pathway to degrade PNP in 5 steps with 4 enzymes in Rhodococcus sp. Strain PN1. </p> |
| - |
| + | </li> |
| - | <p class="lead"> Cras justo odio, dapibus ac facilisis in , egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> | + | <li> |
| - | <a class=" btn btn- large btn-primary" href="#"> Learn more</a> | + | <h3><a href=" https://2013.igem.org/Team:SCAU- China/Project/SuicideSystem" > Suicide System</a ></h3> |
| - | </div> | + | <p> With the public increasingly concerned about biosafety, we conceived a suicide gene circuit to ensure these recombinanational bacteria can only survive in laboratories and not cause horizontal gene transfer.</p> |
| - | </div> | + | </li> |
| | + | </ul> |
| | </div> | | </div> |
| - | </div> | + | <div id="home-blog" class="clearfix"> </div> |
| - | <a class="left carousel-control" href="#myCarousel" data-slide="prev" data-interval="1000" data-pause="hover">‹</a>
| + | </section> |
| - | <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>
| + | <!-- /#content --> |
| - | </div>
| + | </div> |
| - |
| + | <!-- /#primary --> |
| - |
| + | <!-- #footer --> |
| - | <div class="jumbotron">
| + | <footer id="footer" class="clearfix"> |
| - | <h1>Abstract</h1>
| + | <p> Sponsors</p> |
| - | <p class="lead"> Putting biological resources into production has now become a hot topic since the development of technology and the draining of natural resources. For example, research about biofuel and biochemistry is now flourishing. But biological products have drawbacks of being inefficient and not broad-spectrum. Inspired by eukaryotic membranous organelles, we aim to construct a prokaryotic membranous organelle to realize division of work inside the cell and improve the efficiency of production. | + | <p> <a href="http://www. scau. edu. cn"><img src="https: //static. igem. org/ mediawiki/2013/d/d3/Scau_sclo.png" alt="" width=" 396" height=" 111"></ a> < a href=" http:// life. scau. edu.cn">< img src="https:/ /static. igem. org/ mediawiki/2013/f/fa/Scau_lifelogo.png" alt="" width=" 453" height="116"></a ></p> |
| - | How could a membrane be constructed in a Prokaryote? The answer may lie in this species: Magnetosprillum Magneticum, which can form a natural intracellular membrane. But this bacteria is slow-growing and requires demanding culture conditions, so the purpose of our project is to reconstruct the magnetosome membrane in E.coli, creating better conditions for efficient biological production.</p>
| + | </footer> |
| - | <a class="btn btn-large btn-success" href="#">Learn more</a>
| + | <!-- /#footer --> |
| - | </div>
| + | |
| - | <hr>
| + | <!-- #footer-bottom --> |
| - |
| + | <footer id="footer-bottom" class="clearfix"> |
| - | <div class="jumbotron">
| + | <nav id="footer-nav"> |
| - | <h1>Specialist of our project</h1>
| + | <ul class="nav-footer"> |
| - | <p class="lead">1.We designed an artificial prokaryotic membranous organelle which is capable of anchoring proteins, opening up new possibilities for intracellular biochemistry reactions.<br/>2.We took advantage of the 3D structure of RNA, using ribosomes as a barrier to stabilize RNA.<br/>3.We used Microfluidic Technology to detect the magnetism of our magnetic bacteria, Magnetospirillum Magneticum.<br/>4.We preserved Magnetospirillum Magneticum AMB-1 mamAB genes in E.coli, prevented the genes lose when AMB-1 strain was cultured in High oxygen partial pressure environment.
| + | <li><a href="https://2013.igem.org/Team:SCAU-China/Team" >About Us</a></li> |
| - | </p>
| + | </ul> |
| - | <a class="btn btn-large btn-success" href="#">Learn more</a>
| + | </nav> |
| - | </div>
| + | <div id="copyright">iGEM 2013 SCAU-China</div> |
| - | <hr>
| + | </footer> |
| - |
| + | <!-- /#footer-bottom --> |
| - | <div class="jumbotron">
| + | |
| - | <header id="banner" class="hero-unit no-radius">
| + | </div> |
| - | <div class="container text-center">
| + | <!-- /#container --> |
| - | <h4><img src="https://static.igem.org/mediawiki/2013/6/6f/Ouc-title.png" alt="OUC-China"></h4> | + | <script> |
| - | </div>
| + | var getElementsByClassName=function(a,b,c){if(document.getElementsByClassName){getElementsByClassName=function(a,b,c){c=c||document;var d=c.getElementsByClassName(a),e=b?new RegExp("\\b"+b+"\\b","i"):null,f=[],g;for(var h=0,i=d.length;h<i;h+=1){g=d[h];if(!e||e.test(g.nodeName)){f.push(g)}}return f}}else if(document.evaluate){getElementsByClassName=function(a,b,c){b=b||"*";c=c||document;var d=a.split(" "),e="",f="http://www.w3.org/1999/xhtml",g=document.documentElement.namespaceURI===f?f:null,h=[],i,j;for(var k=0,l=d.length;k<l;k+=1){e+="[contains(concat(' ', @class, ' '), ' "+d[k]+" ')]"}try{i=document.evaluate(".//"+b+e,c,g,0,null)}catch(m){i=document.evaluate(".//"+b+e,c,null,0,null)}while(j=i.iterateNext()){h.push(j)}return h}}else{getElementsByClassName=function(a,b,c){b=b||"*";c=c||document;var d=a.split(" "),e=[],f=b==="*"&&c.all?c.all:c.getElementsByTagName(b),g,h=[],i;for(var j=0,k=d.length;j<k;j+=1){e.push(new RegExp("(^|\\s)"+d[j]+"(\\s|$)"))}for(var l=0,m=f.length;l<m;l+=1){g=f[l];i=false;for(var n=0,o=e.length;n<o;n+=1){i=e[n].test(g.className);if(!i){break}}if(i){h.push(g)}}return h}}return getElementsByClassName(a,b,c)}, |
| - | </header> | + | dropdowns = getElementsByClassName( 'dropdown-menu' ); |
| - | | + | for ( i=0; i<dropdowns.length; i++ ) |
| - | <p class="lead" ><font color="#0099FF">Reconstructing the Magnetosome Membrane in E. coli</font></p>
| + | dropdowns[i].onchange = function(){ if ( this.value != '' ) window.location.href = this.value; } |
| - | <a class="btn btn-large btn-success" href="#">Learn more</a>
| + | </script> |
| - | </div>
| + | <script type="text/javascript" src="https://raw.github.com/jy886/SCAU-China/master/functions.js"></script> |
| - | | + | <script type="text/javascript" src="https://raw.github.com/jy886/SCAU-China/master/jquery.flexslider-min.js"></script> |
| - | <hr>
| + | |
| - | <script src="http://code.jquery.com/jquery.js"></script> | + | |
| - | <script src="http://oucast.com/igem/js/bootstrap.min.js"></script>
| + | |
| - | <script>
| + | |
| - | !function ($) {
| + | |
| - | $(function(){
| + | |
| - | // carousel demo
| + | |
| - | $('#myCarousel').carousel()
| + | |
| - | }) | + | |
| - | }(window.jQuery)
| + | |
| - | </script> | + | |
| - | <script src="http://oucast.com/igem/js/bootstrap.holder.js"></script>
| + | |
| - |
| + | |
| | </body> | | </body> |
| | </html> | | </html> |
"
