Difference between revisions of "Team:HUST-China/Description"
| Line 30: | Line 30: | ||
body { | body { | ||
| − | + | font-family:'Open Sans', Arial, sans-serif; | |
| − | + | font-weight:300; | |
| − | + | line-height:1.6em; | |
| − | + | color:#656565; | |
| − | + | font-size: 1.4em; | |
| − | + | background: #ffffff; | |
} | } | ||
a { | a { | ||
| Line 42: | Line 42: | ||
} | } | ||
a:active { | a:active { | ||
| − | + | outline:0; | |
} | } | ||
.clear { | .clear { | ||
| − | + | clear:both; | |
} | } | ||
h1,h2{ | h1,h2{ | ||
| − | + | font-weight: 600; | |
| − | + | line-height:1.1em; | |
| − | + | color: #e91e63; | |
| − | + | margin-bottom: 20px; | |
| − | + | text-transform: uppercase; | |
} | } | ||
h3, h4, h5, h6 { | h3, h4, h5, h6 { | ||
| − | + | line-height:1.1em; | |
| − | + | color: #212121; | |
| − | + | margin-bottom: 20px; | |
} | } | ||
input, button, select, textarea { | input, button, select, textarea { | ||
| Line 66: | Line 66: | ||
.timetable{background: #2ab975;padding: 5px 23px;} | .timetable{background: #2ab975;padding: 5px 23px;} | ||
.timetable hr{ | .timetable hr{ | ||
| − | + | color:#fff; | |
| − | + | padding-top: 29px; | |
| − | + | margin-bottom: 20px !important; | |
} | } | ||
.timetable dl{ | .timetable dl{ | ||
| − | + | color:#fff; | |
} | } | ||
.timetable dt{ | .timetable dt{ | ||
| − | + | color:#fff; | |
} | } | ||
.timetable dd{ | .timetable dd{ | ||
| − | + | color:#fff; | |
} | } | ||
#wrapper{ | #wrapper{ | ||
| − | + | width:100%; | |
| − | + | margin:0; | |
| − | + | padding:0; | |
} | } | ||
ul.withArrow{ | ul.withArrow{ | ||
| − | + | ||
} | } | ||
ul.withArrow li{ | ul.withArrow li{ | ||
| − | + | ||
} | } | ||
ul.withArrow li span{ | ul.withArrow li span{ | ||
| − | + | ||
margin-right: 10px; | margin-right: 10px; | ||
| − | + | ||
font-weight: 700; | font-weight: 700; | ||
| − | + | ||
color: #0e0e0e; | color: #0e0e0e; | ||
| − | + | ||
border: 1px solid; | border: 1px solid; | ||
| − | + | ||
padding: 4px 8px; | padding: 4px 8px; | ||
| − | + | ||
font-size: 11px; | font-size: 11px; | ||
| − | + | ||
border-radius: 50%; | border-radius: 50%; | ||
| − | + | ||
height: 20px; | height: 20px; | ||
| − | + | ||
width: 20px; | width: 20px; | ||
} | } | ||
| Line 114: | Line 114: | ||
} | } | ||
.row,.row-fluid { | .row,.row-fluid { | ||
| − | + | margin-bottom:30px; | |
} | } | ||
.row .row,.row-fluid .row-fluid{ | .row .row,.row-fluid .row-fluid{ | ||
| − | + | margin-bottom:30px; | |
} | } | ||
.row.nomargin,.row-fluid.nomargin { | .row.nomargin,.row-fluid.nomargin { | ||
| − | + | margin-bottom:0; | |
} | } | ||
.about-image img { | .about-image img { | ||
| Line 128: | Line 128: | ||
} | } | ||
img.img-polaroid { | img.img-polaroid { | ||
| − | + | margin:0 0 20px 0; | |
} | } | ||
.img-box { | .img-box { | ||
| − | + | max-width:100%; | |
} | } | ||
.navbar-default .navbar-toggle { | .navbar-default .navbar-toggle { | ||
| Line 140: | Line 140: | ||
==================================== */ | ==================================== */ | ||
.topbar{ | .topbar{ | ||
| − | + | background-color: #e91e63; | |
| − | + | padding: 0; | |
| − | + | /* color:#fff; */ | |
} | } | ||
.topbar .container .row { | .topbar .container .row { | ||
margin: 0; | margin: 0; | ||
| − | + | padding:0; | |
} | } | ||
.topbar .container .row .col-md-12 { | .topbar .container .row .col-md-12 { | ||
| − | + | padding:0; | |
} | } | ||
.topbar p{ | .topbar p{ | ||
| − | + | margin:0; | |
| − | + | display:inline-block; | |
| − | + | font-size: 13px; | |
| − | + | color: #f1f6ff; | |
} | } | ||
.topbar p > i{ | .topbar p > i{ | ||
| − | + | margin-right:5px; | |
} | } | ||
.topbar p:last-child{ | .topbar p:last-child{ | ||
| − | + | text-align:right; | |
} | } | ||
header .navbar { | header .navbar { | ||
| Line 291: | Line 291: | ||
} | } | ||
.services{ | .services{ | ||
| − | + | ||
} | } | ||
.dishes{ | .dishes{ | ||
| − | + | ||
background: #E91E63; | background: #E91E63; | ||
| − | + | ||
padding: 35px 0; | padding: 35px 0; | ||
| − | + | ||
color: #ffffff; | color: #ffffff; | ||
} | } | ||
| Line 320: | Line 320: | ||
background-color: #e91e63; | background-color: #e91e63; | ||
color: #fff; | color: #fff; | ||
| − | } | + | } |
| − | + | ||
.dropdown-menu { | .dropdown-menu { | ||
box-shadow: none; | box-shadow: none; | ||
border-radius: 0; | border-radius: 0; | ||
| − | + | border: none; | |
} | } | ||
.dropdown-menu li:last-child { | .dropdown-menu li:last-child { | ||
| − | + | padding-bottom: 0 !important; | |
| − | + | margin-bottom: 0; | |
} | } | ||
| Line 351: | Line 351: | ||
} | } | ||
header .navigation { | header .navigation { | ||
| − | + | float:right; | |
} | } | ||
header ul.nav li { | header ul.nav li { | ||
| − | + | border:none; | |
| − | + | margin:0; | |
} | } | ||
header ul.nav li a { | header ul.nav li a { | ||
| − | + | font-size: 13px; | |
| − | + | border:none; | |
| − | + | font-weight: 600; | |
| − | + | text-transform:uppercase; | |
} | } | ||
| − | header ul.nav li ul li a { | + | header ul.nav li ul li a { |
| − | + | font-size:12px; | |
| − | + | border:none; | |
| − | + | font-weight:300; | |
| − | + | text-transform:uppercase; | |
} | } | ||
| Line 381: | Line 381: | ||
.navbar .nav a:hover { | .navbar .nav a:hover { | ||
| − | + | background:none; | |
| − | + | color: #2e8eda; | |
} | } | ||
.navbar .nav > .active > a,.navbar .nav > .active > a:hover { | .navbar .nav > .active > a,.navbar .nav > .active > a:hover { | ||
| − | + | background:none; | |
| − | + | font-weight:700; | |
} | } | ||
.navbar .nav > .active > a:active,.navbar .nav > .active > a:focus { | .navbar .nav > .active > a:active,.navbar .nav > .active > a:focus { | ||
| − | + | background:none; | |
| − | + | outline:0; | |
| − | + | font-weight:700; | |
} | } | ||
.navbar .nav li .dropdown-menu { | .navbar .nav li .dropdown-menu { | ||
| − | + | z-index:2000; | |
} | } | ||
header ul.nav li ul { | header ul.nav li ul { | ||
| − | + | margin-top:1px; | |
} | } | ||
header ul.nav li ul li ul { | header ul.nav li ul li ul { | ||
| − | + | margin:1px 0 0 1px; | |
} | } | ||
.dropdown-menu .dropdown i { | .dropdown-menu .dropdown i { | ||
| − | + | position:absolute; | |
| − | + | right:0; | |
| − | + | margin-top:3px; | |
| − | + | padding-left:20px; | |
} | } | ||
| Line 428: | Line 428: | ||
ul.nav li.dropdown a { | ul.nav li.dropdown a { | ||
| − | + | z-index:1000; | |
| − | + | display:block; | |
} | } | ||
select.selectmenu { | select.selectmenu { | ||
| − | + | display:none; | |
} | } | ||
.pageTitle{color: #fff;margin: 30px 0 3px;display: inline-block;font-size: 28px;font-weight: 700;text-transform: uppercase;} | .pageTitle{color: #fff;margin: 30px 0 3px;display: inline-block;font-size: 28px;font-weight: 700;text-transform: uppercase;} | ||
#banner{ | #banner{ | ||
| − | + | width: 100%; | |
| − | + | background:#000; | |
| − | + | position:relative; | |
| − | + | margin:0; | |
| − | + | padding:0; | |
} | } | ||
| Line 453: | Line 453: | ||
} | } | ||
.flexslider { | .flexslider { | ||
| − | + | padding:0; | |
| − | + | background: #fff; | |
| − | + | position: relative; | |
| − | + | zoom: 1; | |
} | } | ||
.flex-direction-nav .flex-prev{ | .flex-direction-nav .flex-prev{ | ||
| Line 542: | Line 542: | ||
} | } | ||
.home-about{ | .home-about{ | ||
| − | + | padding: 60px 0 0px; | |
} | } | ||
.home-about hr{ | .home-about hr{ | ||
| − | + | padding:0; | |
| − | + | margin:0; | |
} | } | ||
.home-about .info-box{ | .home-about .info-box{ | ||
| − | + | ||
} | } | ||
.projects { | .projects { | ||
| Line 591: | Line 591: | ||
} | } | ||
section.hero-text { | section.hero-text { | ||
| − | + | background: #F4783B; | |
| − | + | padding:50px 0 50px 0; | |
| − | + | color: #fff; | |
} | } | ||
section.hero-text h1{ | section.hero-text h1{ | ||
| − | + | color: #fff; | |
} | } | ||
| Line 633: | Line 633: | ||
#content { | #content { | ||
| − | + | position:relative; | |
| − | + | background: #ffffff; | |
| − | + | padding:50px 0 0px 0; | |
} | } | ||
| − | + | ||
.cta-text { | .cta-text { | ||
| − | + | text-align: center; | |
| − | + | margin-top:10px; | |
} | } | ||
.big-cta .cta { | .big-cta .cta { | ||
| − | + | margin-top:10px; | |
} | } | ||
.box { | .box { | ||
| − | + | width: 100%; | |
} | } | ||
.box-gray { | .box-gray { | ||
| − | + | background: #f8f8f8; | |
| − | + | padding: 20px 20px 30px; | |
} | } | ||
.box-gray h4,.box-gray i { | .box-gray h4,.box-gray i { | ||
| − | + | margin-bottom: 20px; | |
} | } | ||
.box-bottom { | .box-bottom { | ||
| − | + | padding: 20px 0; | |
| − | + | text-align: center; | |
} | } | ||
.box-bottom a { | .box-bottom a { | ||
| − | + | color: #fff; | |
| − | + | font-weight: 700; | |
} | } | ||
.box-bottom a:hover { | .box-bottom a:hover { | ||
| − | + | color: #eee; | |
| − | + | text-decoration: none; | |
} | } | ||
| Line 676: | Line 676: | ||
#bottom { | #bottom { | ||
| − | + | background:#fcfcfc; | |
| − | + | padding:50px 0 0; | |
} | } | ||
| Line 692: | Line 692: | ||
#twitter em.twitterTime a { | #twitter em.twitterTime a { | ||
| − | + | font-weight:600; | |
} | } | ||
#twitter ul { | #twitter ul { | ||
padding: 0; | padding: 0; | ||
| − | + | list-style:none; | |
} | } | ||
#twitter ul li { | #twitter ul li { | ||
| Line 716: | Line 716: | ||
#inner-headline h2.pageTitle{ | #inner-headline h2.pageTitle{ | ||
| − | + | color: #e91e63; | |
| − | + | padding: 5px 0; | |
| − | + | display:block; | |
| − | + | text-align: center; | |
} | } | ||
/* --- breadcrumbs --- */ | /* --- breadcrumbs --- */ | ||
#inner-headline ul.breadcrumb { | #inner-headline ul.breadcrumb { | ||
| − | + | margin:40px 0; | |
| − | + | float:left; | |
} | } | ||
#inner-headline ul.breadcrumb li { | #inner-headline ul.breadcrumb li { | ||
| − | + | margin-bottom:0; | |
| − | + | padding-bottom:0; | |
} | } | ||
#inner-headline ul.breadcrumb li { | #inner-headline ul.breadcrumb li { | ||
| − | + | font-size:13px; | |
| − | + | color:#fff; | |
} | } | ||
#inner-headline ul.breadcrumb li i{ | #inner-headline ul.breadcrumb li i{ | ||
| − | + | color:#dedede; | |
} | } | ||
#inner-headline ul.breadcrumb li a { | #inner-headline ul.breadcrumb li a { | ||
| − | + | color:#fff; | |
} | } | ||
ul.breadcrumb li a:hover { | ul.breadcrumb li a:hover { | ||
| − | + | text-decoration:none; | |
} | } | ||
| Line 780: | Line 780: | ||
form#contactform .validation { | form#contactform .validation { | ||
| − | + | font-size:11px; | |
} | } | ||
#sendmessage { | #sendmessage { | ||
| − | + | border:1px solid #e6e6e6; | |
| − | + | background:#f6f6f6; | |
| − | + | display:none; | |
| − | + | text-align:center; | |
| − | + | padding:15px 12px 15px 65px; | |
| − | + | margin:10px 0; | |
| − | + | font-weight:600; | |
| − | + | margin-bottom:30px; | |
} | } | ||
#sendmessage.show,.show { | #sendmessage.show,.show { | ||
| − | + | display:block; | |
} | } | ||
| Line 808: | Line 808: | ||
-moz-box-sizing: border-box; | -moz-box-sizing: border-box; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| − | + | -webkit-border-radius: 2px 2px 2px 2px; | |
| − | + | -moz-border-radius: 2px 2px 2px 2px; | |
| − | + | border-radius: 2px 2px 2px 2px; | |
} | } | ||
| Line 823: | Line 823: | ||
-moz-box-sizing: border-box; | -moz-box-sizing: border-box; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| − | + | -webkit-border-radius: 2px 2px 2px 2px; | |
| − | + | -moz-border-radius: 2px 2px 2px 2px; | |
| − | + | border-radius: 2px 2px 2px 2px; | |
} | } | ||
| Line 831: | Line 831: | ||
/* --- search form --- */ | /* --- search form --- */ | ||
.search{ | .search{ | ||
| − | + | float:right; | |
| − | + | margin:35px 0 0; | |
| − | + | padding-bottom:0; | |
} | } | ||
#inner-headline form.input-append { | #inner-headline form.input-append { | ||
| − | + | margin:0; | |
| − | + | padding:0; | |
} | } | ||
.about-text h3 { | .about-text h3 { | ||
| − | + | font-size: 18px; | |
| − | + | padding-bottom: 0; | |
| − | + | font-weight: bold; | |
} | } | ||
.about-text .btn { | .about-text .btn { | ||
| − | + | margin-top: 20px; | |
| − | + | //font-size: 15px; | |
| − | + | //text-align: justify; | |
} | } | ||
| Line 857: | Line 857: | ||
.about-text ul { | .about-text ul { | ||
| − | + | margin-top: 30px; | |
| − | + | padding: 0; | |
} | } | ||
.about-text li { | .about-text li { | ||
| − | + | margin-bottom: 10px; | |
| − | + | // | |
| − | + | font-weight: bold; | |
| − | + | list-style: none; | |
} | } | ||
.about-text-2 img { | .about-text-2 img { | ||
| − | + | border: 5px solid #ddd; | |
| − | + | margin-bottom: 20px; | |
} | } | ||
.about-text-2 p { | .about-text-2 p { | ||
| − | + | margin-bottom: 20px; | |
} | } | ||
#call-to-action { | #call-to-action { | ||
| − | + | background: url(../images/bg/about.jpg) no-repeat; | |
| − | + | background-attachment: fixed; | |
| − | + | background-position: top center; | |
| − | + | padding: 100px 0; | |
| − | + | color: #fff; | |
} | } | ||
.call-to-action h3 { | .call-to-action h3 { | ||
| − | + | font-size: 40px; | |
| − | + | letter-spacing: 15px; | |
| − | + | color: #fff; | |
| − | + | padding-bottom: 30px; | |
} | } | ||
.call-to-action p { | .call-to-action p { | ||
| − | + | color: #999; | |
| − | + | padding-bottom: 20px; | |
} | } | ||
.call-to-action .btn-primary { | .call-to-action .btn-primary { | ||
| − | + | background-color: transparent; | |
| − | + | border-color: #999; | |
} | } | ||
.call-to-action .btn-primary:hover { | .call-to-action .btn-primary:hover { | ||
| − | + | background-color: #151515; | |
| − | + | color: #999; | |
| − | + | border-color: #151515; | |
} | } | ||
#call-to-action-2 { | #call-to-action-2 { | ||
| − | + | background-color: #efefef; | |
| − | + | padding: 50px 0; | |
} | } | ||
#call-to-action-2 h3 { | #call-to-action-2 h3 { | ||
| − | + | color: #05142b; | |
| − | + | font-size: 24px; | |
| − | + | font-weight: 600; | |
| − | + | text-transform: uppercase; | |
} | } | ||
#call-to-action-2 p { | #call-to-action-2 p { | ||
| − | + | color: #5f5f5f; | |
| − | + | font-size: 15px; | |
} | } | ||
#call-to-action-2 .btn-primary { | #call-to-action-2 .btn-primary { | ||
| − | + | border-color: #FFFFFF; | |
| − | + | /* background: transparent; */ | |
| − | + | margin-top: 50px; | |
| − | + | color: #fff; | |
} | } | ||
section.section-padding.gray-bg { | section.section-padding.gray-bg { | ||
| Line 980: | Line 980: | ||
/* --- portfolio detail --- */ | /* --- portfolio detail --- */ | ||
.top-wrapper { | .top-wrapper { | ||
| − | + | margin-bottom:20px; | |
} | } | ||
.info-blocks {margin-bottom: 15px;/* background: #efefef; */} | .info-blocks {margin-bottom: 15px;/* background: #efefef; */} | ||
| Line 989: | Line 989: | ||
blockquote { | blockquote { | ||
| − | + | font-size:16px; | |
| − | + | font-weight:400; | |
| − | + | font-family:'Noto Serif', serif; | |
| − | + | font-style:italic; | |
| − | + | padding-left:0; | |
| − | + | color:#a2a2a2; | |
| − | + | line-height:1.6em; | |
| − | + | border:none; | |
} | } | ||
| − | blockquote cite | + | blockquote cite { display:block; font-size:12px; color:#666; margin-top:10px; } |
| − | blockquote cite:before | + | blockquote cite:before { content:"\2014 \0020"; } |
blockquote cite a, | blockquote cite a, | ||
blockquote cite a:visited, | blockquote cite a:visited, | ||
| − | blockquote cite a:visited | + | blockquote cite a:visited { color:#555; } |
/* --- pullquotes --- */ | /* --- pullquotes --- */ | ||
.pullquote-left { | .pullquote-left { | ||
| − | + | display:block; | |
| − | + | color:#a2a2a2; | |
| − | + | font-family:'Noto Serif', serif; | |
| − | + | font-size:14px; | |
| − | + | line-height:1.6em; | |
| − | + | padding-left:20px; | |
} | } | ||
.pullquote-right { | .pullquote-right { | ||
| − | + | display:block; | |
| − | + | color:#a2a2a2; | |
| − | + | font-family:'Noto Serif', serif; | |
| − | + | font-size:14px; | |
| − | + | line-height:1.6em; | |
| − | + | padding-right:20px; | |
} | } | ||
| Line 1,028: | Line 1,028: | ||
.btn{text-align: center;color: #FFFFFF;background: #e91e63;border-color: #e91e63;width: 120px;border-radius: 0;} | .btn{text-align: center;color: #FFFFFF;background: #e91e63;border-color: #e91e63;width: 120px;border-radius: 0;} | ||
.btn-theme { | .btn-theme { | ||
| − | + | color: #fff; | |
| − | + | background: transparent; | |
| − | + | border: 1px solid #fff; | |
| − | + | padding: 12px 30px; | |
| − | + | font-weight: bold; | |
} | } | ||
a.btn.btn-details { | a.btn.btn-details { | ||
| Line 1,043: | Line 1,043: | ||
} | } | ||
.btn-theme:hover { | .btn-theme:hover { | ||
| − | + | color: #eee; | |
} | } | ||
| Line 1,049: | Line 1,049: | ||
ul.general { | ul.general { | ||
| − | + | list-style:none; | |
| − | + | margin-left:0; | |
} | } | ||
ul.link-list{ | ul.link-list{ | ||
| − | + | margin:0; | |
| − | + | padding:0; | |
| − | + | list-style:none; | |
} | } | ||
ul.link-list li{ | ul.link-list li{ | ||
| − | + | margin:0; | |
| − | + | padding:2px 0 2px 0; | |
| − | + | list-style:none; | |
} | } | ||
footer{background: #0e0e0e;} | footer{background: #0e0e0e;} | ||
footer ul.link-list li a{ | footer ul.link-list li a{ | ||
| − | + | color: #8C8C8C; | |
} | } | ||
footer ul.link-list li a:hover { | footer ul.link-list li a:hover { | ||
| − | + | color: #e91e63; | |
} | } | ||
/* --- Heading style --- */ | /* --- Heading style --- */ | ||
h4.heading { | h4.heading { | ||
| − | + | font-weight:700; | |
} | } | ||
| Line 1,080: | Line 1,080: | ||
.heading { | .heading { | ||
| − | + | position: relative; | |
| − | + | ||
} | } | ||
.widgetheading { | .widgetheading { | ||
| − | + | width:100%; | |
| − | + | padding:0; | |
| − | + | font-weight: bold; | |
} | } | ||
#bottom .widgetheading { | #bottom .widgetheading { | ||
| − | + | position: relative; | |
| − | + | border-bottom: #e6e6e6 1px solid; | |
| − | + | padding-bottom: 9px; | |
} | } | ||
aside .widgetheading { | aside .widgetheading { | ||
| − | + | position: relative; | |
| − | + | border-bottom: #e9e9e9 1px solid; | |
| − | + | padding-bottom: 9px; | |
} | } | ||
footer .widgetheading { | footer .widgetheading { | ||
| − | + | position: relative; | |
} | } | ||
footer .widget .social-network { | footer .widget .social-network { | ||
| − | + | position:relative; | |
} | } | ||
| Line 1,119: | Line 1,119: | ||
display:block; | display:block; | ||
} | } | ||
| − | #bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span { | + | #bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span { |
| − | + | position: absolute; | |
| − | + | width: 60px; | |
| − | + | height: 1px; | |
| − | + | bottom: -1px; | |
| − | + | right:0; | |
} | } | ||
| Line 1,136: | Line 1,136: | ||
/* --- Map --- */ | /* --- Map --- */ | ||
.map{ | .map{ | ||
| − | + | position:relative; | |
| − | + | margin-top:-50px; | |
| − | + | margin-bottom:40px; | |
} | } | ||
.map iframe{ | .map iframe{ | ||
| − | + | width:100%; | |
| − | + | height:450px; | |
| − | + | border:none; | |
} | } | ||
.map-grid iframe{ | .map-grid iframe{ | ||
| − | + | width:100%; | |
| − | + | height:350px; | |
| − | + | border:none; | |
| − | + | margin:0 0 -5px 0; | |
| − | + | padding:0; | |
} | } | ||
ul.team-detail{ | ul.team-detail{ | ||
| − | + | margin:-10px 0 0 0; | |
| − | + | padding:0; | |
| − | + | list-style:none; | |
} | } | ||
ul.team-detail li{ | ul.team-detail li{ | ||
| − | + | border-bottom:1px dotted #e9e9e9; | |
| − | + | margin:0 0 15px 0; | |
| − | + | padding:0 0 15px 0; | |
| − | + | list-style:none; | |
} | } | ||
ul.team-detail li label { | ul.team-detail li label { | ||
| − | + | font-size:13px; | |
} | } | ||
ul.team-detail li h4, ul.team-detail li label{ | ul.team-detail li h4, ul.team-detail li label{ | ||
| − | + | margin-bottom:0; | |
} | } | ||
ul.team-detail li ul.social-network { | ul.team-detail li ul.social-network { | ||
| − | + | border:none; | |
| − | + | margin:0; | |
| − | + | padding:0; | |
} | } | ||
ul.team-detail li ul.social-network li { | ul.team-detail li ul.social-network li { | ||
| − | + | border:none; | |
| − | + | margin:0; | |
} | } | ||
ul.team-detail li ul.social-network li i { | ul.team-detail li ul.social-network li i { | ||
| − | + | margin:0; | |
} | } | ||
| Line 1,199: | Line 1,199: | ||
} | } | ||
.pricing-title{ | .pricing-title{ | ||
| − | + | background:#fff; | |
| − | + | text-align:center; | |
| − | + | padding:10px 0 10px 0; | |
} | } | ||
.pricing-title h3{ | .pricing-title h3{ | ||
| − | + | font-weight:600; | |
| − | + | margin-bottom:0; | |
} | } | ||
.pricing-offer{ | .pricing-offer{ | ||
| − | + | background: #fcfcfc; | |
| − | + | text-align: center; | |
| − | + | padding:40px 0 40px 0; | |
| − | + | font-size:18px; | |
| − | + | border-top:1px solid #e6e6e6; | |
| − | + | border-bottom:1px solid #e6e6e6; | |
} | } | ||
.pricing-box.activeItem .pricing-offer{ | .pricing-box.activeItem .pricing-offer{ | ||
| − | + | color:#fff; | |
} | } | ||
.pricing-offer strong{ | .pricing-offer strong{ | ||
| − | + | font-size:78px; | |
| − | + | line-height:89px; | |
} | } | ||
.pricing-offer sup{ | .pricing-offer sup{ | ||
| − | + | font-size:28px; | |
} | } | ||
.pricing-container{ | .pricing-container{ | ||
| − | + | background: #fff; | |
| − | + | text-align:center; | |
| − | + | font-size:14px; | |
} | } | ||
| Line 1,242: | Line 1,242: | ||
.pricing-container ul{ | .pricing-container ul{ | ||
| − | + | list-style:none; | |
| − | + | padding:0; | |
| − | + | margin:0; | |
} | } | ||
.pricing-container ul li{ | .pricing-container ul li{ | ||
| − | + | border-bottom: 1px solid #CFCFCF; | |
list-style: none; | list-style: none; | ||
padding: 15px 0 15px 0; | padding: 15px 0 15px 0; | ||
| Line 1,256: | Line 1,256: | ||
.pricing-action{ | .pricing-action{ | ||
| − | + | margin:0; | |
| − | + | background: #fcfcfc; | |
| − | + | text-align:center; | |
| − | + | padding:20px 0 30px 0; | |
} | } | ||
.pricing-wrapp{ | .pricing-wrapp{ | ||
| − | + | margin:0 auto; | |
| − | + | width:100%; | |
| − | + | background:#fd0000; | |
} | } | ||
.pricing-box-item {border: 1px solid #e6e6e6;background:#fcfcfc;position:relative;margin:0 0 20px 0;padding:0;-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.03);-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.03);box-shadow: 0 2px 0 rgba(0,0,0,0.03);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;} | .pricing-box-item {border: 1px solid #e6e6e6;background:#fcfcfc;position:relative;margin:0 0 20px 0;padding:0;-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.03);-moz-box-shadow: 0 2px 0 rgba(0,0,0,0.03);box-shadow: 0 2px 0 rgba(0,0,0,0.03);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;} | ||
.pricing-box-item .pricing-heading { | .pricing-box-item .pricing-heading { | ||
| − | + | background: #ffffff; | |
| − | + | text-align: center; | |
| − | + | padding: 50px 0; | |
| − | + | display:block; | |
} | } | ||
.pricing-box-item.activeItem .pricing-heading { | .pricing-box-item.activeItem .pricing-heading { | ||
| − | + | /* background: #f3f3f3; */ | |
| − | + | text-align: center; | |
| − | + | border-bottom:none; | |
| − | + | display:block; | |
| − | + | color:#fff; | |
} | } | ||
.pricing-box-item.activeItem .pricing-heading h3 { | .pricing-box-item.activeItem .pricing-heading h3 { | ||
| − | + | ||
color: #fff; | color: #fff; | ||
} | } | ||
.pricing-box-item .pricing-heading h3 strong { | .pricing-box-item .pricing-heading h3 strong { | ||
| − | + | font-size:28px; | |
| − | + | font-weight:700; | |
| − | + | letter-spacing:-1px; | |
| − | + | color: #05142b; | |
} | } | ||
.pricing-box-item .pricing-heading h3 { | .pricing-box-item .pricing-heading h3 { | ||
| − | + | font-size:32px; | |
| − | + | font-weight:300; | |
| − | + | letter-spacing:-1px; | |
} | } | ||
.pricing-box-item .pricing-terms { | .pricing-box-item .pricing-terms { | ||
| − | + | text-align: center; | |
| − | + | background: #fff; | |
| − | + | display: block; | |
| − | + | overflow: hidden; | |
| − | + | padding: 11px 0 5px; | |
| − | + | /* border-top: 2px solid #BBBBBB; */ | |
| − | + | border-bottom: 2px dotted #CDCDCD; | |
} | } | ||
.pricing-box-item .pricing-terms h6 { | .pricing-box-item .pricing-terms h6 { | ||
| − | + | margin-top: 16px; | |
| − | + | color: #ff5722; | |
| − | + | font-size: 22px; | |
} | } | ||
| Line 1,322: | Line 1,322: | ||
width: 68px; | width: 68px; | ||
height: 68px; | height: 68px; | ||
| − | + | padding:12px; | |
font-size: 16px; | font-size: 16px; | ||
| − | + | font-weight:700; | |
line-height: 68px; | line-height: 68px; | ||
text-shadow:none; | text-shadow:none; | ||
| Line 1,335: | Line 1,335: | ||
.pricing-box-item .pricing-action{ | .pricing-box-item .pricing-action{ | ||
| − | + | margin:0; | |
| − | + | text-align:center; | |
| − | + | padding:30px 0 30px 0; | |
} | } | ||
.pricing-action .btn{ | .pricing-action .btn{ | ||
| − | + | background: #ff5722; | |
| − | + | color: #fff; | |
} | } | ||
.menuItem .menu{font-size:20px;font-weight:600;list-style:none;padding:0 0 15px;margin-bottom:20px;display:inline-block;color: #e91e63;} | .menuItem .menu{font-size:20px;font-weight:600;list-style:none;padding:0 0 15px;margin-bottom:20px;display:inline-block;color: #e91e63;} | ||
| Line 1,369: | Line 1,369: | ||
width: 0; | width: 0; | ||
height: 0; | height: 0; | ||
| − | + | right: 0; | |
| − | + | bottom: 0; | |
| − | + | content: " "; | |
| − | + | display: block; | |
| − | + | position: absolute; | |
border-bottom: 20px solid #fff; | border-bottom: 20px solid #fff; | ||
| − | + | border-right: 0 solid transparent; | |
| − | + | border-left: 15px solid transparent; | |
| − | + | border-left-style: inset; /*FF fixes*/ | |
| − | + | border-bottom-style: inset; /*FF fixes*/ | |
} | } | ||
.testimonials blockquote::after { | .testimonials blockquote::after { | ||
| Line 1,422: | Line 1,422: | ||
/* --- flickr --- */ | /* --- flickr --- */ | ||
.widget .flickr_badge { | .widget .flickr_badge { | ||
| − | + | width:100%; | |
} | } | ||
.widget .flickr_badge img { margin: 0 9px 20px 0; } | .widget .flickr_badge img { margin: 0 9px 20px 0; } | ||
| Line 1,437: | Line 1,437: | ||
height: 50px; | height: 50px; | ||
float: left; | float: left; | ||
| − | + | margin: 0 9px 20px 0; | |
} | } | ||
| Line 1,443: | Line 1,443: | ||
.recent-post{ | .recent-post{ | ||
| − | + | margin:20px 0 0 0; | |
| − | + | padding:0; | |
| − | + | line-height:18px; | |
} | } | ||
.recent-post h5 a:hover { | .recent-post h5 a:hover { | ||
| − | + | text-decoration:none; | |
} | } | ||
.recent-post .text h5 a { | .recent-post .text h5 a { | ||
| − | + | color:#353535; | |
} | } | ||
footer{ | footer{ | ||
| − | + | padding:50px 0 0 0; | |
| − | + | color:#f8f8f8; | |
} | } | ||
footer a { | footer a { | ||
| − | + | color:#fff; | |
} | } | ||
footer a:hover { | footer a:hover { | ||
| − | + | color: #e91e63; | |
} | } | ||
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{ | footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{ | ||
| − | + | color: #d3d3d3; | |
} | } | ||
footer address { | footer address { | ||
| − | + | line-height:1.6em; | |
| − | + | color: #797979; | |
} | } | ||
footer h5 a:hover, footer a:hover { | footer h5 a:hover, footer a:hover { | ||
| − | + | text-decoration:none; | |
} | } | ||
ul.social-network { | ul.social-network { | ||
| − | + | list-style:none; | |
| − | + | margin: 4px 0 0 -25px; | |
} | } | ||
ul.social-network li { | ul.social-network li { | ||
| − | + | display:inline; | |
| − | + | margin: 0 5px; | |
| − | + | /* border: 1px solid #2D2D2D; */ | |
| − | + | padding: 5px 0 0; | |
| − | + | width: 32px; | |
| − | + | display: inline-block; | |
| − | + | text-align: center; | |
| − | + | height: 32px; | |
| − | + | vertical-align: baseline; | |
} | } | ||
#sub-footer{ | #sub-footer{ | ||
| − | + | text-shadow:none; | |
| − | + | color: #dedede; | |
| − | + | padding:0; | |
| − | + | padding-top:30px; | |
| − | + | margin:20px 0 0 0; | |
| − | + | background: #0a0a0a; | |
| − | + | border-top: 1px solid #3e3e3e; | |
} | } | ||
#sub-footer p{ | #sub-footer p{ | ||
| − | + | margin:0; | |
| − | + | padding:0; | |
} | } | ||
#sub-footer span{ | #sub-footer span{ | ||
| − | + | color: #9e9e9e; | |
} | } | ||
.copyright { | .copyright { | ||
| − | + | text-align:left; | |
| − | + | font-size:12px; | |
} | } | ||
#sub-footer ul.social-network { | #sub-footer ul.social-network { | ||
| − | + | float:right; | |
} | } | ||
| Line 1,541: | Line 1,541: | ||
a.scrollup { | a.scrollup { | ||
| − | + | outline:0; | |
| − | + | text-align: center; | |
} | } | ||
a.scrollup:hover,a.scrollup:active,a.scrollup:focus { | a.scrollup:hover,a.scrollup:active,a.scrollup:focus { | ||
| − | + | opacity:1; | |
| − | + | text-decoration:none; | |
} | } | ||
a.scrollup i { | a.scrollup i { | ||
| − | + | margin-top: 10px; | |
| − | + | color: #fff; | |
} | } | ||
a.scrollup i:hover { | a.scrollup i:hover { | ||
| − | + | text-decoration:none; | |
} | } | ||
| Line 1,561: | Line 1,561: | ||
.absolute{ | .absolute{ | ||
| − | + | position:absolute; | |
} | } | ||
.relative{ | .relative{ | ||
| − | + | position:relative; | |
} | } | ||
.aligncenter{ | .aligncenter{ | ||
| − | + | text-align:center; | |
} | } | ||
.aligncenter span{ | .aligncenter span{ | ||
| − | + | margin-left:0; | |
} | } | ||
.floatright { | .floatright { | ||
| − | + | float:right; | |
} | } | ||
.floatleft { | .floatleft { | ||
| − | + | float:left; | |
} | } | ||
.floatnone { | .floatnone { | ||
| − | + | float:none; | |
} | } | ||
.aligncenter { | .aligncenter { | ||
| − | + | text-align:center; | |
} | } | ||
img.pull-left, .align-left{ | img.pull-left, .align-left{ | ||
| − | + | float:left; | |
| − | + | margin:0 15px 15px 0; | |
} | } | ||
.widget img.pull-left { | .widget img.pull-left { | ||
| − | + | float:left; | |
| − | + | margin:0 15px 15px 0; | |
} | } | ||
img.pull-right, .align-right { | img.pull-right, .align-right { | ||
| − | + | float:right; | |
| − | + | margin:0 0 15px 15px; | |
} | } | ||
article img.pull-left, article .align-left{ | article img.pull-left, article .align-left{ | ||
| − | + | float:left; | |
| − | + | margin:5px 15px 15px 0; | |
} | } | ||
article img.pull-right, article .align-right{ | article img.pull-right, article .align-right{ | ||
| − | + | float:right; | |
| − | + | margin:5px 0 15px 15px; | |
} | } | ||
============================= */ | ============================= */ | ||
.clear-marginbot{ | .clear-marginbot{ | ||
| − | + | margin-bottom:0; | |
} | } | ||
.marginbot10{ | .marginbot10{ | ||
| − | + | margin-bottom:10px; | |
} | } | ||
.marginbot20{ | .marginbot20{ | ||
| − | + | margin-bottom:20px; | |
} | } | ||
.marginbot30{ | .marginbot30{ | ||
| − | + | margin-bottom:30px; | |
} | } | ||
.marginbot40{ | .marginbot40{ | ||
| − | + | margin-bottom:40px; | |
} | } | ||
.clear-margintop{ | .clear-margintop{ | ||
| − | + | margin-top:0; | |
} | } | ||
.margintop10{ | .margintop10{ | ||
| − | + | margin-top:10px; | |
} | } | ||
.margintop20{ | .margintop20{ | ||
| − | + | margin-top:20px; | |
} | } | ||
.margintop30{ | .margintop30{ | ||
| − | + | margin-top:30px; | |
} | } | ||
.margintop40{ | .margintop40{ | ||
| − | + | margin-top:40px; | |
} | } | ||
.flex-control-paging li a { | .flex-control-paging li a { | ||
| Line 1,673: | Line 1,673: | ||
@media (min-width: 768px) and (max-width: 979px) { | @media (min-width: 768px) and (max-width: 979px) { | ||
| − | + | a.detail{ | |
| − | + | background:none; | |
| − | + | width:100%; | |
| − | + | } | |
header .navbar-nav > li > a{ | header .navbar-nav > li > a{ | ||
| − | + | ||
} | } | ||
| − | + | ||
| − | + | footer .widget form input#appendedInputButton { | |
| − | + | display: block; | |
| − | + | width: 91%; | |
| − | + | -webkit-border-radius: 4px 4px 4px 4px; | |
| − | + | -moz-border-radius: 4px 4px 4px 4px; | |
| − | + | border-radius: 4px 4px 4px 4px; | |
| − | + | } | |
| − | + | ||
| − | + | footer .widget form .input-append .btn { | |
| − | + | display: block; | |
| − | + | width: 100%; | |
| − | + | padding-right: 0; | |
| − | + | padding-left: 0; | |
| − | + | -webkit-box-sizing: border-box; | |
| − | + | -moz-box-sizing: border-box; | |
| − | + | box-sizing: border-box; | |
| − | + | margin-top:10px; | |
| − | + | } | |
| − | + | ul.related-folio li{ | |
| − | + | width:156px; | |
| − | + | margin:0 20px 0 0; | |
| − | + | } | |
} | } | ||
| Line 1,718: | Line 1,718: | ||
} | } | ||
.flex-caption h3{ | .flex-caption h3{ | ||
| − | + | font-size:28px; | |
} | } | ||
body { | body { | ||
| Line 1,724: | Line 1,724: | ||
padding-left: 0; | padding-left: 0; | ||
} | } | ||
| − | + | .navbar-brand { | |
| − | + | margin-top: 18px; | |
| − | + | border-bottom: none; | |
| − | + | } | |
| − | + | .navbar-header { | |
| − | + | /* margin-top: 20px; */ | |
| − | + | border-bottom: none; | |
| − | + | } | |
| − | + | ||
| − | + | .navbar-nav { | |
| − | + | border-top: none; | |
| − | + | float: none; | |
| − | + | width: 100%; | |
| − | + | } | |
.navbar .nav > .active > a, .navbar .nav > .active > a:hover {background: none;font-weight: 700;color: #10cdff;} | .navbar .nav > .active > a, .navbar .nav > .active > a:hover {background: none;font-weight: 700;color: #10cdff;} | ||
| − | + | header .navbar-nav > li {padding-bottom: 0;padding-top: 0;} | |
| − | + | header .nav li .dropdown-menu { | |
| − | + | margin-top: 0; | |
| − | + | } | |
header .navbar-nav > li > a{ | header .navbar-nav > li > a{ | ||
| − | + | line-height: 20px; | |
} | } | ||
| − | + | .dropdown-menu { | |
| − | + | position: absolute; | |
| − | + | top: 0; | |
| − | + | left: 40px; | |
| − | + | z-index: 1000; | |
| − | + | display: none; | |
| − | + | float: left; | |
| − | + | min-width: 160px; | |
| − | + | padding: 5px 0; | |
| − | + | margin: 2px 0 0; | |
| − | + | font-size: 13px; | |
| − | + | list-style: none; | |
| − | + | background-color: #fff; | |
| − | + | background-clip: padding-box; | |
| − | + | border: 1px solid #f5f5f5; | |
| − | + | border: 1px solid rgba(0, 0, 0, .15); | |
| − | + | border-radius: 0; | |
| − | + | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); | |
| − | + | box-shadow: 0 6px 12px rgba(0, 0, 0, .175); | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | li.active { | |
| − | + | border: none; | |
| − | + | overflow: hidden; | |
| − | + | /* background: #2e8eda; */ | |
} | } | ||
| − | + | ||
| − | + | .box { | |
| − | + | border-bottom:1px solid #e9e9e9; | |
| − | + | padding-bottom:20px; | |
| − | + | } | |
| − | + | .flexslider .slide-caption { | |
| − | + | width: 90%; | |
| − | + | padding: 2%; | |
| − | + | position: absolute; | |
| − | + | left: 0; | |
| − | + | bottom: -40px; | |
| − | + | } | |
| − | + | #inner-headline .breadcrumb { | |
| − | + | float:left; | |
| − | + | clear:both; | |
| − | + | width:100%; | |
| − | + | } | |
| − | + | .breadcrumb > li { | |
| − | + | font-size:13px; | |
| − | + | } | |
| − | + | ||
| − | + | ul.portfolio li article a i.icon-48{ | |
| − | + | width:20px; | |
| − | + | height:20px; | |
| − | + | font-size:16px; | |
| − | + | line-height:20px; | |
| − | + | } | |
| − | + | .left-sidebar{ | |
| − | + | border-right:none; | |
| − | + | padding:0 0 0 0; | |
| − | + | border-bottom: 1px dotted #e6e6e6; | |
| − | + | padding-bottom:10px; | |
| − | + | margin-bottom:40px; | |
| − | + | } | |
| − | + | ||
| − | + | .right-sidebar{ | |
| − | + | margin-top:30px; | |
| − | + | border-left:none; | |
| − | + | padding:0 0 0 0; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | footer .col-lg-1, footer .col-lg-2, footer .col-lg-3, footer .col-lg-4, footer .col-lg-5, footer .col-lg-6, | |
| − | + | footer .col-lg-7, footer .col-lg-8, footer .col-lg-9, footer .col-lg-10, footer .col-lg-11, footer .col-lg-12{ | |
| − | + | margin-bottom:20px; | |
| − | + | } | |
| − | + | #sub-footer ul.social-network { | |
| − | + | float:left; | |
| − | + | } | |
| − | + | ||
| − | + | ||
[class*="span"] { | [class*="span"] { | ||
| − | + | margin-bottom:20px; | |
} | } | ||
| Line 1,842: | Line 1,842: | ||
@media (max-width: 480px) { | @media (max-width: 480px) { | ||
| − | + | .bottom-article a.pull-right { | |
| − | + | float:left; | |
| − | + | margin-top:20px; | |
| − | + | } | |
| − | + | .search{ | |
| − | + | float:left; | |
| − | + | } | |
| − | + | .flexslider .flex-caption { | |
| − | + | display:none; | |
| − | + | } | |
| − | + | .cta-text { | |
| − | + | margin:0 auto; | |
| − | + | text-align:center; | |
| − | + | } | |
| − | + | ||
| − | + | ul.portfolio li article a i{ | |
| − | + | width:20px; | |
| − | + | height:20px; | |
| − | + | font-size:14px; | |
| − | + | } | |
} | } | ||
.tab-section .col{ | .tab-section .col{ | ||
| − | + | ||
} | } | ||
.tab-section .container{ | .tab-section .container{ | ||
| − | + | padding: 15px; | |
| − | + | border: 1px solid #eaeaea; | |
| − | + | background: #fff; | |
} | } | ||
.active .collapsible-header{color: #e91e63;} | .active .collapsible-header{color: #e91e63;} | ||
| Line 1,885: | Line 1,885: | ||
.input-field label { | .input-field label { | ||
color: #888; | color: #888; | ||
| − | + | font-size:14px; | |
} | } | ||
.input-field { | .input-field { | ||
| Line 2,005: | Line 2,005: | ||
} | } | ||
/* article */ | /* article */ | ||
| − | |||
.text-content article p { | .text-content article p { | ||
| Line 2,223: | Line 2,222: | ||
opacity: 0.8; | opacity: 0.8; | ||
position: fixed; | position: fixed; | ||
| + | } | ||
| + | p{ | ||
| + | text-indent:2em; | ||
} | } | ||
</style> | </style> | ||
| Line 2,242: | Line 2,244: | ||
<body> | <body> | ||
<div id="wrapper" class="home-page"> | <div id="wrapper" class="home-page"> | ||
| − | + | <!-- start header --> | |
| − | + | <header style="margin-top: 12px"> | |
<div class="navbar navbar-default navbar-static-top"> | <div class="navbar navbar-default navbar-static-top"> | ||
<div class="container"> | <div class="container"> | ||
| Line 2,252: | Line 2,254: | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
</button> | </button> | ||
| − | <a class="navbar-brand" href=" | + | <a class="navbar-brand" href="https://2018.igem.org/Team:HUST-China"> |
| + | <i class="icon-info-blocks material-icons">account_balance</i> | ||
| + | <img style="height: 35px; width:auto;margin:0; padding:0;" src="https://static.igem.org/mediawiki/2018/c/cb/T--HUST-China--2018-menu-logo-white.png"></a> | ||
| + | <img style="height: 40px; width:auto; padding:0;margin-top: 20px;" src=" https://static.igem.org/mediawiki/2018/f/f0/T--UC_Davis--igemLogo.jpg"></a> | ||
</div> | </div> | ||
<div class="navbar-collapse collapse "> | <div class="navbar-collapse collapse "> | ||
<ul class="nav navbar-nav"> | <ul class="nav navbar-nav"> | ||
| − | <li class="HillSide"><a class="waves-effect waves-dark" href=" | + | <li class="HillSide"><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China">Home</a></li> |
| − | + | <li class="dropdown"> | |
<a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">PROJECT<b class="caret"></b></a> | <a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">PROJECT<b class="caret"></b></a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| Line 2,276: | Line 2,281: | ||
</ul> | </ul> | ||
</li> | </li> | ||
| − | + | ||
| + | <li class="dropdown"> | ||
| + | <a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">Model<b class="caret"></b></a> | ||
| + | <ul class="dropdown-menu"> | ||
| + | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Modeling overview">Modeling overview</a></li> | ||
| + | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Comparison between PSB">Comparison between PSB</a></li> | ||
| + | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Sort of three genes">Sort of three genes</a></li> | ||
| + | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Intelligent device software">Intelligent device software</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | |||
| + | |||
<li class="dropdown"> | <li class="dropdown"> | ||
<a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">PARTS<b class="caret"></b></a> | <a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">PARTS<b class="caret"></b></a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| + | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Parts Overview">Parts Overview</a></li> | ||
<li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Basic part">Basic part</a></li> | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Basic part">Basic part</a></li> | ||
<li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Composite part">Composite part</a></li> | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Composite part">Composite part</a></li> | ||
| Line 2,288: | Line 2,305: | ||
<a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">HP<b class="caret"></b></a> | <a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">HP<b class="caret"></b></a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| − | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Collaborations"> | + | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Collaborations">Human Practices</a></li> |
| − | + | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Education&Engagement">Education&Engagement</a></li> | |
| − | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Engagement">Engagement</a></li> | + | |
</ul> | </ul> | ||
</li> | </li> | ||
| Line 2,296: | Line 2,312: | ||
<a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">TEAM<b class="caret"></b></a> | <a href="#" data-toggle="dropdown" class="dropdown-toggle waves-effect waves-dark">TEAM<b class="caret"></b></a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| − | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Team">Team | + | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Team Members">Team Members</a></li> |
| − | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/ | + | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Collaborations">Collaborations</a></li> |
| + | <li><a class="waves-effect waves-dark" href="https://2018.igem.org/Team:HUST-China/Attributions">Attributions</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
| Line 2,304: | Line 2,321: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | </header> | |
| − | + | <!-- end header --> | |
| − | + | <!-- | |
| − | + | <section class="section-padding gray-bg" style="margin:15px; padding:15px;"> | |
| − | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/2/2c/T--HUST-China--2018-menu-datu01.png"> | |
| − | + | </section> | |
| − | + | --> | |
| − | + | </section> | |
| − | + | <section class="projects"> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<div class="container"> | <div class="container"> | ||
| − | + | <div class="row"> | |
| − | + | <div class="col-md-12"> | |
| + | <div class="aligncenter"><h2 class="aligncenter">Discription</h2> | ||
| + | |||
| + | </strong> | ||
| + | </div> | ||
| + | <br/> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="container"> | ||
<div class="row"> | <div class="row"> | ||
| − | |||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="col-md-12 "> | |
<h2 class="color">Shewanella</h2> | <h2 class="color">Shewanella</h2> | ||
</div> | </div> | ||
| − | + | ||
| + | <div class="container"> | ||
<div class="row"> | <div class="row"> | ||
</div> | </div> | ||
| − | + | </div> | |
| − | + | <div class="col-md-12"> | |
| − | + | ||
| − | + | ||
| − | + | ||
<p>In the part of Shewanella, we employ Shewanella oneidensis MR-1 as our chassis and pyydt as the plasmid. Shewanella could utilize the lactate as its carbon source and produce electricity with the help of a multiprotein porin-cytochrome complex on its outer membrane called MtrABC. MtrABC could transfer the electron from Shewanella’s inner membrane to the surrounding. pYYDT is a shuttle plasmid between E.Coli and Shewanella. We constructed this plasmid in E.Coli and transferred it into Shewanella by conjugating these two kinds of bacteria.</p> | <p>In the part of Shewanella, we employ Shewanella oneidensis MR-1 as our chassis and pyydt as the plasmid. Shewanella could utilize the lactate as its carbon source and produce electricity with the help of a multiprotein porin-cytochrome complex on its outer membrane called MtrABC. MtrABC could transfer the electron from Shewanella’s inner membrane to the surrounding. pYYDT is a shuttle plasmid between E.Coli and Shewanella. We constructed this plasmid in E.Coli and transferred it into Shewanella by conjugating these two kinds of bacteria.</p> | ||
</div> | </div> | ||
| − | <div class="col-md- | + | <div class="container"> |
| + | <div class="row"> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-md-8 col-md-offset-2"> | ||
<img class="img-responsive" src="https://static.igem.org/mediawiki/2018/b/b6/T--HUST-China--2018-description-logo1.png" alt="showcase image" > | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/b/b6/T--HUST-China--2018-description-logo1.png" alt="showcase image" > | ||
</div> | </div> | ||
| − | + | <div class="container"> | |
| − | + | <div class="row"> | |
| − | + | ||
| − | + | </div> | |
| − | + | </div> | |
| + | <div class="col-md-12" style="text-align:center;"> | ||
<p>Our design of constructing Shewanella is devided into two parts: improvement of utilization of lactate and increment of the amount of NADH in Shewanella.</p> | <p>Our design of constructing Shewanella is devided into two parts: improvement of utilization of lactate and increment of the amount of NADH in Shewanella.</p> | ||
| Line 2,365: | Line 2,388: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | <p>①. dld-Ⅱ: dld-Ⅱ refers to FAD-dependent D-lactate dehydrogenase which could catalyze D-lactate’s transformation into pyruvate. </p> | |
| − | + | ||
<div class="row1"> | <div class="row1"> | ||
| Line 2,376: | Line 2,398: | ||
<p>②. lldE/lldF/lldG: They could encode a L-lactate dehydrogenase complex which could catalyze D-lactate’s transformation into pyruvate.</p> | <p>②. lldE/lldF/lldG: They could encode a L-lactate dehydrogenase complex which could catalyze D-lactate’s transformation into pyruvate.</p> | ||
<p>We constructed them separately in pYYDT and found out if there was any improvement at the amount of electricty produced by our Shewanella.</p> | <p>We constructed them separately in pYYDT and found out if there was any improvement at the amount of electricty produced by our Shewanella.</p> | ||
| − | + | </div> | |
| − | </div> | + | <div class="container"> |
| − | + | <div class="row"> | |
| − | <div class="col-md-4 col-md-offset-3"> | + | |
| − | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2018/ | + | </div> |
| + | </div> | ||
| + | <div class="col-md-4 col-md-offset-3"> | ||
| + | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2018/d/db/T--HUST-China--2018-description-logo1.png.png" alt="showcase image"> | ||
</div> | </div> | ||
| Line 2,388: | Line 2,413: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="col-md-6 col-md-offset-3"> | + | <div class="col-md-6 col-md-offset-3"> |
| − | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/ | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/b/b9/T--HUST-China--2018-description-logo2.png.png" alt="showcase image"> |
</div> | </div> | ||
<div class="container"> | <div class="container"> | ||
| Line 2,405: | Line 2,430: | ||
</div> | </div> | ||
<div class="col-md-7 col-md-offset-3"> | <div class="col-md-7 col-md-offset-3"> | ||
| − | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/4/ | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/4/4f/T--HUST-China--2018-description-logo3.png.png" alt="showcase image"> |
</div> | </div> | ||
<div class="container"> | <div class="container"> | ||
| Line 2,430: | Line 2,455: | ||
<p>②. mdh: It encodes NAD dependent malate dehydrogenase which transforms malate into pyruvate</p> | <p>②. mdh: It encodes NAD dependent malate dehydrogenase which transforms malate into pyruvate</p> | ||
<p>③. pflB: It encodes pyruvate formate-lyase to transform pyruvate into Acetyl-CoA</p> | <p>③. pflB: It encodes pyruvate formate-lyase to transform pyruvate into Acetyl-CoA</p> | ||
| − | <p> | + | <p>④. pflB: It encodes pyruvate formate-lyase to transform pyruvate into Acetyl-CoA</p> |
</div> | </div> | ||
| − | + | <div class="container"> | |
| − | + | ||
| − | + | ||
| − | + | ||
<div class="row"> | <div class="row"> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | ||
| − | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/b/ | + | <div class="col-md-12 col-md-offset-3"> |
| + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/b/b6/T--HUST-China--2018-description-logo4.png.png" alt="showcase image" > | ||
</div> | </div> | ||
<div class="container"> | <div class="container"> | ||
| Line 2,448: | Line 2,471: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <div class="col-md- | + | |
| − | + | <div class="col-md-12 col-md-offset-2"> | |
| − | + | <p>According to our model, we divided these four genes into two groups: gapA2/mdh and pflB/fdh*. </p> | |
| − | + | </div> | |
| + | <div class="container"> | ||
<div class="row"> | <div class="row"> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<div class="col-md-4 col-md-offset-3"> | <div class="col-md-4 col-md-offset-3"> | ||
| − | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/ | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/3/35/T--HUST-China--2018-description-logo5.png.png" alt="showcase image"> |
</div> | </div> | ||
<div class="container"> | <div class="container"> | ||
| Line 2,486: | Line 2,499: | ||
<p>Finally, we put all these genes into one circuit and found out if the amount of electricity could reach the maximum. </p> | <p>Finally, we put all these genes into one circuit and found out if the amount of electricity could reach the maximum. </p> | ||
</div> | </div> | ||
| + | <div class="container"> | ||
| + | <div class="row"> | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
<div class="col-md-12 col-md-offset-3"> | <div class="col-md-12 col-md-offset-3"> | ||
| − | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/ | + | <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/e/e3/T--HUST-China--2018-description-logo6.png.png" alt="showcase image"> |
</div> | </div> | ||
| + | </section> | ||
| − | + | <!--<section class="section-padding gray-bg">--> | |
| − | + | ||
| − | + | ||
| + | <footer> | ||
| + | <!-- | ||
| + | <div class="container"> | ||
| + | <div class="row"> | ||
| + | <div class="col-sm-4"> | ||
| + | <div class="widget"> | ||
| + | <h5 class="widgetheading">Our Contact</h5> | ||
| + | <div style="font-size: 14px;"> | ||
| + | <address> | ||
| + | College of Life Science & Technology<br> | ||
| + | Huazhong University of Science and Technology<br> | ||
| + | Add: 1037 Luoyu Road, Wuhan, Hubei, China;<br> | ||
| + | P.C: 430074<br> | ||
| + | </address> | ||
| + | <p> | ||
| + | <i class="icon-phone"></i> (86) 027-87792270 <br> | ||
| + | <i class="icon-envelope-alt"></i> zhanyi@hust.edu.cn | ||
| + | </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-sm-4"> | ||
| + | <div class="widget"> | ||
| + | <h5 class="widgetheading">Quick Links</h5> | ||
| + | <ul class="link-list"> | ||
| + | <li><a class="waves-effect waves-dark" href="#">Latest Events</a></li> | ||
| + | <li><a class="waves-effect waves-dark" href="#">Terms and conditions</a></li> | ||
| + | <li><a class="waves-effect waves-dark" href="#">Privacy policy</a></li> | ||
| + | <li><a class="waves-effect waves-dark" href="#">Career</a></li> | ||
| + | <li><a class="waves-effect waves-dark" href="#">Contact us</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="col-sm-4"> | ||
| + | <div class="widget"> | ||
| + | <h5 class="widgetheading">Latest posts</h5> | ||
| + | <ul class="link-list"> | ||
| + | <li><a class="waves-effect waves-dark" href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</a></li> | ||
| + | <li><a class="waves-effect waves-dark" href="#">Pellentesque et pulvinar enim. Quisque at tempor ligula</a></li> | ||
| + | <li><a class="waves-effect waves-dark" href="#">Natus error sit voluptatem accusantium doloremque</a></li> | ||
| + | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | </ | + | </div> |
| − | + | --> | |
| − | + | ||
| − | + | ||
| − | + | ||
<div class="container" > | <div class="container" > | ||
<div class="row"> | <div class="row"> | ||
| Line 2,536: | Line 2,593: | ||
<script src="js/custom.js"></script> | <script src="js/custom.js"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| − | + | ||
</script> | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 12:02, 8 October 2018
Discription
Shewanella
In the part of Shewanella, we employ Shewanella oneidensis MR-1 as our chassis and pyydt as the plasmid. Shewanella could utilize the lactate as its carbon source and produce electricity with the help of a multiprotein porin-cytochrome complex on its outer membrane called MtrABC. MtrABC could transfer the electron from Shewanella’s inner membrane to the surrounding. pYYDT is a shuttle plasmid between E.Coli and Shewanella. We constructed this plasmid in E.Coli and transferred it into Shewanella by conjugating these two kinds of bacteria.
Our design of constructing Shewanella is devided into two parts: improvement of utilization of lactate and increment of the amount of NADH in Shewanella.
(1). Improvement of utilization of lactate: To make the use of lactate more efficiently, we overexpress four genes: dld-Ⅱ, lldE, lldF, lldG.
①. dld-Ⅱ: dld-Ⅱ refers to FAD-dependent D-lactate dehydrogenase which could catalyze D-lactate’s transformation into pyruvate.
②. lldE/lldF/lldG: They could encode a L-lactate dehydrogenase complex which could catalyze D-lactate’s transformation into pyruvate.
We constructed them separately in pYYDT and found out if there was any improvement at the amount of electricty produced by our Shewanella.
Then we put these four genes in one circuit to level up the production of electricity.
(2). Increment of the amount of NADH in Shewanella
To achieve this goal, we overexpress these four genes: gapA2, mdh, pflB, fdh*. We chose them according to our reference.
①. gapA2: It encodes glyceraldehyde-3-phosphate dehydrogenase which could transform 3- phosphoglyceraldehyde into 1,3- diphosphoglycerate
②. mdh: It encodes NAD dependent malate dehydrogenase which transforms malate into pyruvate
③. pflB: It encodes pyruvate formate-lyase to transform pyruvate into Acetyl-CoA
④. pflB: It encodes pyruvate formate-lyase to transform pyruvate into Acetyl-CoA
According to our model, we divided these four genes into two groups: gapA2/mdh and pflB/fdh*.
Finally, we put all these genes into one circuit and found out if the amount of electricity could reach the maximum.
