Difference between revisions of "Team:CIEI-BJ/Attributions"

Line 1: Line 1:
 
{{CIEI-BJ}}
 
{{CIEI-BJ}}
−
<html lang="en">
 
−
<head>
 
−
<meta charset="UTF-8">
 
−
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
<title>Attribution</title>
 
  
 +
<html><head>
 +
<title>Safety - TAS Taipei iGEM Wiki</title>
 +
    <style>
 +
.container{
 +
  padding:0px !important;
 +
}
 +
 +
#content {
 +
  margin: 0;
 +
  margin-top:-10px;
 +
  padding: 0;
 +
  width: auto;
 +
  border: 0;
 +
  outline: 0;
 +
  font-size: 100%;
 +
  vertical-align: baseline;
 +
  background: transparent;
 +
  position: static;
 +
}
 +
h1,
 +
h2,
 +
h3,
 +
h4,
 +
h5,
 +
h6 {
 +
  margin: 0;
 +
  padding: 0;
 +
  border: 0;
 +
  outline: 0;
 +
  background: transparent;
 +
}
 +
.printfooter,
 +
#menubar,
 +
#siteSub,
 +
#contentSub,
 +
#search-controls,
 +
.firstHeading,
 +
#footer-box,
 +
#catlinks,
 +
#p-logo {
 +
  display: none;
 +
}
 +
body,#bodyContent {
 +
  margin: 0px 0 0 0;
 +
  padding: 0;
 +
  top:0px;
 +
}
 +
#top-section {
 +
  width: 965px;
 +
  height: 0;
 +
  margin: 0 auto;
 +
  padding: 0;
 +
  border: none;
 +
}
 +
#menubar {
 +
  font-size: 65%;
 +
  top: -14px;
 +
}
 +
.left-menu:hover {
 +
  background-color: transparent;
 +
}
 +
#menubar li a {
 +
  background-color: transparent;
 +
}
 +
#menubar:hover {
 +
  color: white;
 +
}
 +
#menubar li a {
 +
  color: transparent;
 +
}
 +
#menubar:hover li a {
 +
  color: white;
 +
}
 +
body,#bodyContent
 +
html {
 +
  height: 100%;
 +
}
 +
body,#bodyContent {
 +
  background-attachment: fixed;
 +
  background-repeat: repeat;
 +
}
 +
html {
 +
  overflow-y: scroll;
 +
}
 +
header > .container {
 +
  padding-top: 25px;
 +
  padding-bottom: 15px;
 +
}
 +
.container {
 +
  max-width: 1080px;
 +
}
 +
.absolute_center {
 +
  margin: auto;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  bottom: 0;
 +
  right: 0;
 +
}
 +
.sketch {
 +
  display: none;
 +
  opacity: 1;
 +
  position: fixed;
 +
  top: 0;
 +
}
 +
#masthead #big-video-wrap {
 +
  position: static;
 +
}
 +
#masthead #head_text {
 +
  margin: auto;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  bottom: 0;
 +
  right: 0;
 +
  height: 100px;
 +
}
 +
#masthead h1,
 +
#masthead h2 {
 +
  font-family: Lato;
 +
  color: white;
 +
  opacity: 0.99;
 +
  text-align: center;
 +
  margin: 0;
 +
}
 +
#masthead h1 {
 +
  letter-spacing: 6px;
 +
  margin-bottom: 5px;
 +
  font-size: 60px;
 +
}
 +
#masthead h2 {
 +
  font-size: 15px;
 +
}
 +
.nav #nav_left {
 +
  display: inline-block;
 +
  vertical-align: bottom;
 +
}
 +
.nav #nav_left img {
 +
  width: 170px;
 +
}
 +
.nav #nav_right {
 +
  margin-left: 15px;
 +
  display: inline-block;
 +
  vertical-align: bottom;
 +
}
 +
.nav #nav_right h2 {
 +
  color: white;
 +
  font-size: 70px;
 +
  margin-top: 0;
 +
  margin-bottom: 0;
 +
}
 +
.nav ul {
 +
  padding: 0;
 +
  margin-top: 0;
 +
}
 +
.nav ul li {
 +
  list-style-type: none;
 +
  display: inline-block;
 +
  color: white;
 +
  border-right: 1px solid white;
 +
  padding: 0 10px;
 +
  margin-left: -4px;
 +
}
 +
.nav ul li:last-child {
 +
  border: 0;
 +
}
 +
.quotespacer {
 +
  border-top: 1px solid white;
 +
  width: 150px;
 +
  height: 1px;
 +
  display: block;
 +
  margin: 0 auto;
 +
}
 +
#missionquote {
 +
  -webkit-animation: 20s huerotate linear infinite;
 +
  margin: 15px auto;
 +
}
 +
#telomere {
 +
  width: 100%;
 +
  height: 360px;
 +
  background-size: 100%;
 +
  background-repeat: no-repeat;
 +
  transition: 1s ease;
 +
}
 +
#telomere:hover {
 +
  -webkit-transform: scale(1.1);
 +
}
 +
#portrait_container {
 +
  border-right: 1px solid white;
 +
}
 +
#portrait_container img {
 +
  width: 15%;
 +
  padding: 5px;
 +
  transition: 0.2s ease;
 +
}
 +
#portrait_container img:hover {
 +
  cursor: pointer;
 +
  -webkit-transform: scale(1.3);
 +
}
 +
#portrait_container > .row {
 +
  padding-top: 5px;
 +
}
 +
#portrait_container > .row:last-child {
 +
  padding-bottom: 5px;
 +
}
 +
@-webkit-keyframes huerotate {
 +
  0% {
 +
    -webkit-filter: hue-rotate(0deg);
 +
  }
 +
  100% {
 +
    -webkit-filter: hue-rotate(360deg);
 +
  }
 +
}
 +
.SVG_igem_logo .PATH_tiger_logo {
 +
  fill: none;
 +
  stroke: #fdd700;
 +
  stroke-width: 2.5;
 +
  stroke-linecap: round;
 +
  stroke-linejoin: miter;
 +
  stroke-miterlimit: 4;
 +
  stroke-opacity: 1;
 +
  stroke-dashoffset: 0;
 +
}
 +
.SVG_igem_logo .PATH_igem_logo_text {
 +
  fill: none;
 +
  stroke: #252f62;
 +
  stroke-width: 2.5;
 +
  stroke-linecap: round;
 +
  stroke-linejoin: miter;
 +
  stroke-miterlimit: 4;
 +
  stroke-opacity: 1;
 +
  stroke-dashoffset: 0;
 +
}
 +
.SVG_igem_logo .PATH_igem_logo_darkgreen {
 +
  fill: none;
 +
  stroke: #096836;
 +
  stroke-width: 2.5;
 +
  stroke-linecap: round;
 +
  stroke-linejoin: miter;
 +
  stroke-miterlimit: 4;
 +
  stroke-opacity: 1;
 +
  stroke-dashoffset: 0;
 +
}
 +
.SVG_igem_logo .PATH_igem_logo_lightgreen {
 +
  fill: none;
 +
  stroke: #99cc99;
 +
  stroke-width: 2.5;
 +
  stroke-linecap: round;
 +
  stroke-linejoin: miter;
 +
  stroke-miterlimit: 4;
 +
  stroke-opacity: 1;
 +
  stroke-dashoffset: 0;
 +
}
 +
/******************* SLDIESJS ******************/
 +
#slides {
 +
  display: none;
 +
}
 +
#slides .slidesjs-navigation {
 +
  margin-top: 3px;
 +
}
 +
#slides .slidesjs-previous {
 +
  margin-right: 5px;
 +
  float: left;
 +
}
 +
#slides .slidesjs-next {
 +
  margin-right: 5px;
 +
  float: left;
 +
}
 +
.slidesjs-pagination {
 +
  margin: 6px 0 0;
 +
  float: right;
 +
  list-style: none;
 +
}
 +
.slidesjs-pagination li {
 +
  float: left;
 +
  margin: 0 1px;
 +
}
 +
.slidesjs-pagination li a {
 +
  display: block;
 +
  width: 13px;
 +
  height: 0;
 +
  padding-top: 13px;
 +
  background-position: 0 0;
 +
  float: left;
 +
  overflow: hidden;
 +
}
 +
.slidesjs-pagination li a.active,
 +
.slidesjs-pagination li a:hover.active {
 +
  background-position: 0 -13px;
 +
}
 +
.slidesjs-pagination li a:hover {
 +
  background-position: 0 -26px;
 +
}
 +
#slides a:link,
 +
#slides a:visited {
 +
  color: #333;
 +
}
 +
#slides a:hover,
 +
#slides a:active {
 +
  color: #9e2020;
 +
}
 +
.navbar {
 +
  overflow: hidden;
 +
}
 +
.slideContainer {
 +
  margin: 0 auto;
 +
}
 +
#projIntroContainer {
 +
  padding: 0px 0px 0px 0px;
 +
  text-align: center;
 +
}
 +
#projIntro {
 +
  margin-top: -8px;
 +
  padding-top: 0px;
 +
  text-align: justify;
 +
  padding-right: 40px;
 +
  font-size: 19px;
 +
  font-family: 'Poiret One', cursive;
 +
}
 +
/*************** BIGVIDEO.JS **************/
 +
#big-video-wrap {
 +
  overflow: hidden;
 +
  height: 100%;
 +
  width: 100%;
 +
  top: 0;
 +
  left: 0;
 +
}
 +
#big-video-vid,
 +
#big-video-image {
 +
  position: absolute;
 +
}
 +
#big-video-control-container {
 +
  position: fixed;
 +
  bottom: 0;
 +
  padding: 10px;
 +
  width: 100%;
 +
  background: rgba(0, 0, 0, 0.25);
 +
  -webkit-transition-duration: 0.6s;
 +
  -moz-transition-duration: 0.6s;
 +
  -ms-transition-duration: 0.6s;
 +
  -o-transition-duration: 0.6s;
 +
  transition-duration: 0.6s;
 +
}
 +
#big-video-control {
 +
  width: 100%;
 +
  height: 16px;
 +
  position: relative;
 +
}
 +
#big-video-control-middle {
 +
  margin: 0 56px 0 24px;
 +
}
 +
#big-video-control-bar {
 +
  width: 100%;
 +
  height: 16px;
 +
  position: relative;
 +
  cursor: pointer;
 +
}
 +
#big-video-control-progress {
 +
  position: absolute;
 +
  top: 7px;
 +
  height: 3px;
 +
  width: 0%;
 +
  background: #fff;
 +
}
 +
#big-video-control-track {
 +
  position: absolute;
 +
  top: 8px;
 +
  height: 1px;
 +
  width: 100%;
 +
  background: #fff;
 +
}
 +
#big-video-control-bound-left {
 +
  left: 0;
 +
}
 +
#big-video-control-bound-right {
 +
  right: -1px;
 +
}
 +
#big-video-control-track .ui-slider-handle {
 +
  opacity: 0;
 +
}
 +
#big-video-control-playhead {
 +
  left: 30%;
 +
}
 +
#big-video-control-play {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  height: 16px;
 +
  width: 16px;
 +
}
 +
#big-video-control-timer {
 +
  position: absolute;
 +
  top: 1px;
 +
  right: 0;
 +
  color: #fff;
 +
  font-size: 11px;
 +
}
 +
#big-video-control-playhead,
 +
#big-video-control-bound-left,
 +
#big-video-control-bound-right {
 +
  position: absolute;
 +
  top: 0;
 +
  height: 16px;
 +
  width: 1px;
 +
  background: #fff;
 +
}
 +
#big-video-control .ui-slider-handle {
 +
  border-left: solid 1px #fff;
 +
  width: 16px;
 +
  height: 16px;
 +
  position: absolute;
 +
  top: -8px;
 +
}
 +
.transparent {
 +
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 +
  filter: alpha(opacity=0);
 +
  -moz-opacity: 0;
 +
  -khtml-opacity: 0;
 +
  opacity: 0;
 +
}
 +
.vjs-big-play-button {
 +
  display: none !important;
 +
}
 +
canvas {
 +
  position: fixed;
 +
  top: 0px;
 +
  left: 0px;
 +
}
 +
.card {
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  background-color: white;
 +
  box-shadow: 0px 0px 5px black;
 +
  padding: 50px;
 +
}
 +
.card_pic {
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  background-color: white;
 +
  box-shadow: 0px 0px 5px black;
 +
  padding: 0px;
 +
}
 +
.container {
 +
  padding: 0px;
 +
  min-width: 1080px;
 +
}
 +
.container div nav {
 +
  min-width: 1080px;
 +
}
 +
button:focus {
 +
  outline: 0 !important;
 +
}
 +
a:focus {
 +
  outline: 0 !important;
 +
}
 +
img {
 +
  max-width: 100%;
 +
}
 +
a {
 +
  text-decoration: none;
 +
  color: inherit !important;
 +
}
 +
a:hover {
 +
  color: inherit;
 +
}
 +
.full {
 +
  padding: 0;
 +
}
 +
.slidesjs-pagination {
 +
  margin-top: -25px;
 +
  margin-right: 10px;
 +
  z-index: 10;
 +
  position: relative;
 +
}
 +
#slides .heroImageContainer {
 +
  background-size: cover;
 +
  padding-top: 54%;
 +
  background-position: 50% 50%;
 +
  background-repeat: no-repeat;
 +
}
 +
#slides .heroImageContainer h3 {
 +
  opacity: 0.85;
 +
  max-width: 400px;
 +
  position: absolute;
 +
  padding: 10px 20px;
 +
  font-weight: normal;
 +
  color: black;
 +
  font-size: 35px;
 +
  font-family: Lato;
 +
}
 +
#slides .heroImageContainer h3 span {
 +
  font-size: 21px;
 +
  display: block;
 +
}
 +
#slides .heroImageContainer h3.topleft {
 +
  top: 0;
 +
  left: 0;
 +
  margin-left: 20px;
 +
}
 +
#slides .heroImageContainer h3.topright {
 +
  top: 0;
 +
  right: 5px;
 +
  margin-right: 20px;
 +
}
 +
#slides .heroImageContainer h3.bottomleft {
 +
  bottom: 0;
 +
  left: 0;
 +
  margin-bottom: 35px;
 +
  margin-left: 20px;
 +
}
 +
#slides .heroImageContainer h3.bottomright {
 +
  bottom: 0;
 +
  right: 5px;
 +
  margin-bottom: 35px;
 +
  margin-right: 20px;
 +
}
 +
#slides .heroImageContainer h3.red {
 +
  background-color: #d10000;
 +
}
 +
#slides .heroImageContainer h3.purple {
 +
  background-color: #8e44ad;
 +
}
 +
#slides .heroImageContainer h3.blue {
 +
  background-color: #2c3e50;
 +
}
 +
#slides .heroImageContainer h3.belize {
 +
  background-color: #2980b9;
 +
}
 +
#slides .heroImageContainer h3.green {
 +
  background-color: #27ae60;
 +
}
 +
#slides .heroImageContainer h3.orange {
 +
  background-color: #f39c12;
 +
}
 +
#slides .heroImageContainer h3.hide {
 +
  display: none;
 +
}
 +
#slides .heroImageContainer .slidesjs-control,
 +
#slides .heroImageContainer .slidesjs-container {
 +
  width: 100% !important;
 +
}
 +
nav ul {
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
nav .dropdown-menu {
 +
  border: 0px;
 +
  margin-top: 0px;
 +
  padding: 10px;
 +
  box-shadow: 0px 0px 5px black;
 +
  z-index: -1;
 +
}
 +
nav .dropdown-menu img {
 +
  width: 90px;
 +
  opacity: 0.85;
 +
  float: left;
 +
  margin-right: 5px;
 +
}
 +
nav .dropdown-menu h4 {
 +
  color: white;
 +
  padding: 5px;
 +
  margin: 0;
 +
  font-family: Lato;
 +
  font-size: 20px;
 +
}
 +
nav .dropdown-menu .subcategories_container {
 +
  display: inline-block;
 +
  width: 100%;
 +
  cursor: pointer;
 +
 +
}
 +
nav .dropdown-menu .subcategories_container > div {
 +
  min-width: 200px;
 +
  display: inline-block;
 +
  text-align: center;
 +
  border: 1px solid white;
 +
  padding-left:15px;
 +
  padding-right:15px;
 +
}
 +
nav .dropdown-menu .subcategories_container h5 {
 +
  font-family: Lato;
 +
  text-transform: uppercase;
 +
  font-size: 16px;
 +
  color: white;
 +
}
 +
nav li.dropdown {
 +
  width: 180px;
 +
  display: inline-block;
 +
  margin-right: -4px;
 +
  height: 40px;
 +
  margin-bottom: 0px;
 +
}
 +
nav li.dropdown > a {
 +
  height:35px;
 +
  text-decoration: none;
 +
  display: block;
 +
  text-align: center;
 +
  margin: 10px;
 +
}
 +
nav li.dropdown a > h4 {
 +
  color: white;
 +
  font-weight: normal;
 +
  font-size: 16px;
 +
  padding: 0;
 +
  margin: 0;
 +
  text-align: center;
 +
}
 +
nav li.dropdown {
 +
  color: white;
 +
}
 +
nav li.dropdown:nth-child(1) {
 +
  background-color: #2196f3;
 +
}
 +
nav li.dropdown:nth-child(1) > .dropdown-menu {
 +
  background-color: #2196f3;
 +
  background-size: 400px;
 +
  width: 1080px;
 +
}
 +
nav li.dropdown:nth-child(1) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
nav li.dropdown:nth-child(2) {
 +
  background-color: #2196f3;
 +
}
 +
nav li.dropdown:nth-child(2) > .dropdown-menu {
 +
  background-color: #2196f3;
 +
  background-size: 1080;
 +
  width: 1080px;
 +
  margin-left: -180px;
 +
}
 +
nav li.dropdown:nth-child(2) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
nav li.dropdown:nth-child(3) {
 +
  background-color: #2196f3;
 +
}
 +
nav li.dropdown:nth-child(3) > .dropdown-menu {
 +
  background-color: #2196f3;
 +
  background-size: 400px;
 +
  width: 1080px;
 +
  margin-left: -360px;
 +
}
 +
nav li.dropdown:nth-child(3) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
nav li.dropdown:nth-child(4) {
 +
  background-color: #2196f3;
 +
}
 +
nav li.dropdown:nth-child(4) > .dropdown-menu {
 +
  background-color: #2196f3;
 +
  background-size: 400px;
 +
  margin-left: -540px;
 +
  width: 1080px;
 +
}
 +
nav li.dropdown:nth-child(4) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
nav li.dropdown:nth-child(5) {
 +
  background-color: #2196f3;
 +
}
 +
nav li.dropdown:nth-child(5) > .dropdown-menu {
 +
  background-color: #2196f3;
 +
  background-size: 300px;
 +
  margin-left: -720px;
 +
  width: 1080px;
 +
}
 +
nav li.dropdown:nth-child(5) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
nav li.dropdown:nth-child(6) {
 +
  background-color: #2196f3;
 +
}
 +
nav li.dropdown:nth-child(6) > .dropdown-menu {
 +
  background-color: #2196f3;
 +
  background-size: 300px;
 +
  width: 1080px;
 +
  margin-left: -900px;
 +
}
 +
nav li.dropdown:nth-child(6) > .dropdown-menu .subcategories_container > div {
 +
  background-color: rgba(33, 150, 243, 0.6);
 +
}
 +
footer {
 +
  height: 20px;
 +
  background-color: #2c3e50;
 +
}
 +
footer .cornered {
 +
  float: left;
 +
  width: 300px;
 +
  height: 0px;
 +
  border-top: 20px solid #bdc3c7;
 +
  border-right: 45px solid transparent;
 +
}
 +
footer .footer_right {
 +
  color: white;
 +
  padding: 25px;
 +
  float: right;
 +
  height: 100%;
 +
}
 +
footer .footer_right span {
 +
  opacity: 0.5;
 +
}
 +
#bodycontainer {
 +
  min-width: 1080px;
 +
  margin: auto;
 +
  padding: 10px 0;
 +
  text-align:left;
 +
}
 +
#bodycontainer .overview_header {
 +
  text-align: center;
 +
}
 +
#bodycontainer h3,
 +
#bodycontainer h4,
 +
#bodycontainer h5 {
 +
  font-family: Lato;
 +
  text-transform: uppercase;
 +
  margin: 0px 0px 0px 0px;
 +
  padding-top: 30px;
 +
}
 +
#bodycontainer h1,
 +
#bodycontainer h2{
 +
  font-family: Lato;
 +
  text-transform: uppercase;
 +
  margin: 0px 0px 0px 0px;
 +
  padding-top: 80px; 
 +
}
 +
#bodycontainer .buttonrow {
 +
  margin-bottom: 20px;
 +
}
 +
#bodycontainer .igem_button {
 +
  position: relative;
 +
  overflow: hidden;
 +
}
 +
#bodycontainer .igem_button img {
 +
  transition: 0.4s ease;
 +
  -webkit-filter: grayscale(0%);
 +
}
 +
#bodycontainer .igem_button .button_description {
 +
  transition: 0.5s ease;
 +
  background: rgba(44, 62, 80, 0.75);
 +
  position: absolute;
 +
  top: 100%;
 +
  left: 0;
 +
  width: 100%;
 +
  height: 100%;
 +
}
 +
#bodycontainer .igem_button h2 {
 +
  margin: 0 auto;
 +
  margin-top: -27px;
 +
  color: #dddddd;
 +
  font-size: 16px;
 +
  text-align: center;
 +
  width: 100%;
 +
  padding: 5px 0px;
 +
  background: rgba(0, 0, 0, 0.41);
 +
  font-family: Lato;
 +
  text-transform: uppercase;
 +
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 +
}
 +
#bodycontainer .igem_button p {
 +
  color: #dddddd;
 +
  padding: 5px;
 +
}
 +
#bodycontainer .igem_button:hover > .button_description {
 +
  top: 27px;
 +
}
 +
#bodycontainer .igem_button:hover > img {
 +
  -webkit-filter: grayscale(100%);
 +
}
 +
#bodycontainer .red h2 {
 +
  background: #d10000;
 +
}
 +
#bodycontainer .purple h2 {
 +
  background: #8e44ad;
 +
}
 +
#bodycontainer .blue h2 {
 +
  background: #2c3e50;
 +
}
 +
#bodycontainer .belize h2 {
 +
  background: #2980b9;
 +
}
 +
#bodycontainer .green h2 {
 +
  background: #27ae60;
 +
}
 +
#bodycontainer .orange h2 {
 +
  background: #f39c12;
 +
}
 +
#category_navbar {
 +
  color: black;
 +
  padding-left: 0;
 +
  padding: 5px;
 +
}
 +
#category_navbar .active {
 +
  background: rgba(255, 156, 0, 0.17);
 +
  border: 1px solid rgba(0, 0, 0, 0.17);
 +
}
 +
#category_navbar .nav > li > a {
 +
  text-transform: uppercase;
 +
  font-size: 16px;
 +
  font-family: Lato;
 +
}
 +
#category_navbar .nav > ul > li,
 +
#category_navbar .nav > ul > ul > li {
 +
  list-style-type: none;
 +
  display: block;
 +
  color: inherit;
 +
  border: 0;
 +
  margin-left: 10px;
 +
  padding-top: 4px;
 +
  padding-bottom: 4px;
 +
}
 +
#category_navbar .nav > ul > li a,
 +
#category_navbar .nav > ul > ul > li a {
 +
  font-size: 14px;
 +
  font-family: Lato;       
 +
}
 +
#category_navbar .nav > ul > ul > li {
 +
  margin-left: 35px;
 +
}
 +
#category_navbar .nav > ul > li:hover,
 +
#category_navbar .nav > ul > ul > li:hover {
 +
  background: rgba(255, 255, 255, 0.5);
 +
}
 +
#member_spotlight h5 {
 +
  padding: 5px 7px;
 +
  color: white;
 +
}
 +
#member_spotlight .intro_large h5 {
 +
  font-size: 20px;
 +
  padding: 15px 15px;
 +
  margin-bottom: 10px;
 +
}
 +
#member_spotlight #spotlight_question_1 h5 {
 +
  background: #c0392b;
 +
  width:auto;
 +
}
 +
#member_spotlight #spotlight_question_2 h5 {
 +
  background: #8e44ad;
 +
  width:auto;
 +
}
 +
#member_spotlight #spotlight_question_3 h5 {
 +
  background: #2980b9;
 +
  width:auto;
 +
}
 +
#member_spotlight #spotlight_question_intro h5 {
 +
  background: #e67e22;
 +
  width:auto;
 +
}
 +
#lab_notes {
 +
  text-align: center;
 +
}
 +
#lab_notes img {
 +
  margin: 0 auto;
 +
  display: block;
 +
}
 +
#lab_notes :hover img {
 +
  -webkit-transform: scale(1.1);
 +
}
 +
.block_header {
 +
  display: inline-block;
 +
  color: white;
 +
  padding: 7px 11px;
 +
  padding-bottom: 5px;
 +
}
 +
.affix {
 +
  top: 60px;
 +
}
 +
.container {
 +
  min-width: 1080px;
 +
}
 +
.container div nav {
 +
  min-width: 1080px;
 +
}
 +
p,
 +
ol > li,
 +
td,
 +
th,
 +
caption,
 +
.ulstyled > li,
 +
.calendar > li {
 +
  font-family: Lato;
 +
  font-size: 15px;
 +
}
 +
p a,
 +
ol > li a,
 +
td a,
 +
th a,
 +
caption a,
 +
.ulstyled > li a,
 +
.calendar > li a {
 +
  text-decoration: underline;
 +
  color: #3b5998;
 +
}
 +
.calendar {
 +
  padding-left: 10px;
 +
}
 +
.calendar > li {
 +
  font-size: 13px;
 +
}
 +
figcaption {
 +
  color: white;
 +
  padding: 4px 5px;
 +
  display: inline-block;
 +
  font-size:14px;
 +
}
 +
figure {
 +
  margin-bottom: 10px;
 +
}
 +
.red {
 +
  background: #c0392b;
 +
}
 +
.purple {
 +
  background: #8e44ad;
 +
}
 +
.blue {
 +
  background: #2c3e50;
 +
}
 +
.belize {
 +
  background: #2980b9;
 +
}
 +
.green {
 +
  background: #27ae60;
 +
}
 +
.orange {
 +
  background: #f39c12;
 +
}
 +
.darkblue {
 +
  background: #34495e;
 +
}
 +
.table-bordered,
 +
.table-bordered > thead > tr > th,
 +
.table-bordered > tbody > tr > th,
 +
.table-bordered > tfoot > tr > th,
 +
.table-bordered > thead > tr > td,
 +
.table-bordered > tbody > tr > td,
 +
.table-bordered > tfoot > tr > td {
 +
  border: 1px solid black;
 +
}
 +
.col-lg-offset-1half {
 +
  margin-left: 11.111111111111%;
 +
}
 +
.clearfix:after {
 +
  content: " ";
 +
  display: block;
 +
  height: 0;
 +
  clear: both;
 +
}
 +
 +
 +
 +
</style>
 +
 +
<script>localStorage.clear();</script>
  
  
 
</head>
 
</head>
−
<body>
 
  
−
<div id="topTitleDiv" class="topTitleDiv">
 
−
<h1>
 
−
  <header class="toptitle" id="toptitle">Attribution</header>
 
−
</h1>
 
−
</div>
 
  
−
<article class="Article" id="article">
+
<body data-spy="scroll" data-target="#category_navbar">
−
<hr>
+
<div class="container" style='z-index:10;position:relative;'>
 +
  <div id='bodycontainer' class='row card'>
 +
    <div class="col-sm-10">
 +
  <div class="row">
 +
<div class="col-sm-12" id='background'>
 +
  <h1 style="left:"50%";right:"50%";"><span class="toptitle">Attribution</span></h1>
 +
  <p style="left:"50%";right:"50%";">&nbsp;</p>
 +
</div>
 +
</div>
 +
  <div class="row" id='environmental_safety'>
 +
  <div class="col-sm-10 col-sm-offset-1">
 +
<h3 class='block_header red' style = "padding-top: 50px"><strong>Tasks and Responsibilities</strong></h3>
 +
<ul>
 +
                          <li>Conducting the Experiments<br>
 +
                            Tianai Zhang<br>
 +
                            Jialin Song<br>
 +
                            Chenghao Du<br>
 +
                            Shunzhe Ma<br>
 +
                            Bo Xiao<br>
 +
                            Meiqi Zhao
 +
  <p>&nbsp;</p>
 +
  <p>
 +
                          <li></li>
 +
                          Wiki Design<br>
 +
Shunzhe Ma<br>
 +
Haoyan Fu
 
<p>
 
<p>
−
<strong>Tasks and Responsibilities</strong></p>
+
<li></li>
−
<p><br>
+
Wiki Content Writing<br>
−
</p>
+
-Abstract<br>
−
<ul>
+
−
  <li>Conducting the Experiments<br>
+
 
Tianai Zhang<br>
 
Tianai Zhang<br>
−
Jialin Song<br>
+
Jialin Song
−
Chenghao Du<br>
+
<p>-Introduction<br>
−
Shunzhe Ma<br>
+
  Bowen Xiao<br>
−
Bo Xiao<br>
+
  Xinning Li<br>
−
Meiqi Zhao
+
  Jiatai Cui</p>
−
<p>&nbsp;</p>
+
<p>-Experiment<br>
−
<p><li></li>Wiki Design<br>
+
  Tianai Zhang<br>
 +
  Jialin Song<br>
 +
  Chenghao Du<br>
 +
  Meiqi Zhao</p>
 +
<p>-Results<br>
 +
  Chenghao Du</p>
 +
<p>-Human Practice<br>
 +
  Xinning Li<br>
 
   Shunzhe Ma<br>
 
   Shunzhe Ma<br>
−
   Haoyan Fu
+
   Jiatai Cui</p>
−
    <p>
+
<p>-Attributions<br>
−
    <li></li>Wiki Content Writing<br>
+
  Bowen Xiao<br>
−
    -Abstract<br>
+
  Jialin Song</p>
−
    Tianai Zhang<br>
+
<p>
−
    Jialin Song
+
<li>Notebook: Material, Methods and Protocols<br>
−
        <p>-Introduction<br>
+
  Ke Xu</li>
−
          Bowen Xiao<br>
+
<p>
−
          Xinning Li<br>
+
<li>Notebook: Experiment Notes<br>
−
          Jiatai Cui</p>
+
  Meiqi Zhao<br>
−
    <p>-Experiment<br>
+
  Jialin Song</li>
−
      Tianai Zhang<br>
+
<p>
−
      Jialin Song<br>
+
<li>Presentation<br>
−
      Chenghao Du<br>
+
  Shunzhe Ma </li>
−
      Meiqi Zhao</p>
+
<p>Bowen Xiao</p>
−
    <p>-Results<br>
+
<p>Chenghao Du</p>
−
      Chenghao Du</p>
+
<p>Jialin Song</p>
−
    <p>-Human Practice<br>
+
<p>
−
      Xinning Li<br>
+
<li>Human Practices</li>
−
      Shunzhe Ma<br>
+
<p>-Fundraising<br>
−
      Jiatai Cui</p>
+
  Bowen Xiao<br>
−
    <p>-Attributions<br>
+
  Chenghao Du </p>
−
      Bowen Xiao<br>
+
<p>-Presentations in Communities<br>
−
      Jialin Song</p>
+
  Jiatai Cui<br>
−
    <p>
+
  Chenghao Du</p>
−
    <li>Notebook: Material, Methods and Protocols<br>
+
<p>-Questionnaire<br>
−
    Ke Xu</li>
+
  Shunzhe Ma<br>
−
    <p><li>Notebook: Experiment Notes<br>
+
  Bowen Xiao</p>
−
      Meiqi Zhao<br>
+
<p>
−
    Jialin Song</li>
+
<li></li>
−
    <p><li>Presentation<br>
+
Sponsers<br>
−
      Shunzhe Ma
+
ITCCC<br>
−
</li>
+
Genewiz 金唯智
−
    <p>Bowen Xiao</p>
+
                    </ul>
−
    <p>Chenghao Du</p>
+
</div>
−
    <p>Jialin Song</p>
+
</div>
−
    <p><li>Human Practices</li>
+
 
−
    <p>-Fundraising<br>
+
 
−
      Bowen Xiao<br>
+
<div class="row" id='environmental_safety'>
−
      Chenghao Du   </p>
+
  <div class="col-sm-10 col-sm-offset-1">
−
    <p>-Presentations in Communities<br>
+
    <h3 class='block_header green' style = "padding-top: 50px"><strong>Acknowledgement</strong></h3>
−
      Jiatai Cui<br>
+
    <ul>
−
    Chenghao Du</p>
+
     
−
    <p>-Questionnaire<br>
+
                      <li>
−
      Shunzhe Ma<br>
+
                        <p>We are grateful to all the professors, instructors and students who helped us in understanding the basic knowledge of synthetic biology and inspired us in building of our wiki. They are&nbsp;<strong>Dr. Na Wang</strong>&nbsp;from College of Life Science in China Agricultural University,&nbsp;<strong>Dr. Xiaofeng Fang</strong>&nbsp;from Tsinghua University, 2016 iGEM Team from Tsinghua University, 2016 iGEM Team from Beijing Institute of Technology. We also appreciated the patient guidance from Prof.&nbsp;<strong>Xiaoquan Qi</strong>&nbsp;and&nbsp;<strong>Dr. Tianyue</strong>&nbsp;<strong>An</strong><strong>&nbsp;</strong>in Institution of Botany, Chinese Academy of Science, and <strong>Prof. Shan Lu</strong>&nbsp;and&nbsp;<strong>Dr. Tianjun Cao</strong>&nbsp;from Nanjing University who helped us in designing and conducting of our experiments. Last but not least, we want to show our gratitude to people who supported us, including all of the staff members in&nbsp;<strong>China International Education Institute</strong>, the advisors and participants who filled in our questionnaires and listened carefully to our presentations. Without the help from any of the people among above, never would we achieve the result we own nowadays.</p>
−
    Bowen Xiao</p>
+
                      </li>
−
    <p><li><li></li></li>Sponsers<br>
+
        </ul>
−
      ITCCC<br>
+
      </div>
−
      Genewiz 金唯智
+
  </div>
−
      </p>
+
<div class="row" id='environmental_safety3'>
−
    </p>
+
  <div class="col-sm-10 col-sm-offset-1"></div>
−
    <ul>
+
  </div>
−
    <ul>
+
    </div>
−
      <ul>
+
 
−
      <ul><ul>
+
  </div>
−
              <li>
+
</div>
−
                <p>&nbsp;</p>
+
<br>
−
            <p>&nbsp;</p>
+
<br><br>
−
            <p><strong>Acknowledgement</strong><br>
+
 
−
              We are grateful to all the students, professors and instructors who taught us the basic knowledge of synthetic biology, inspired ideas of building an excellent wiki, including <strong>Dr. Na Wang</strong> from College of Life Science in China Agricultural University, <strong>Dr. Xiaofeng Fang</strong> from Tsinghua University, competitors from 2016 iGEM Tsinghua in Tsinghua University, competitors from 2016 iGEM BIT-China in Beijing Institute of Technology, experienced students <strong>Chenyi Li</strong> and <strong>Lingyun Huang</strong>. We are also appreciated the patient guidance in making various experiments from Prof. <strong>Xiaoquan Qi</strong> and <strong>Dr. Tianyue</strong> <strong>An </strong>from Plant Industry in Chinese Academy of Science, <strong>Prof. Shan Lu</strong> and <strong>Dr. Tianjun Cao</strong> from Nanjing University. Last but not least, we want to show our gratitude to people who support us obscurely, including all of the staff members in <strong>China International Education Institute</strong>, and the advisors and participants who filled in our questionnaires and listened carefully to our presentations. Without the help from any of the people among above, never would we achieve the result we own nowadays.           </p>
+
<script language="javascript">
−
      </ul></ul>
+
var c = document.getElementById("canvas-container");
−
        </ul>
+
var ctx = c.getContext("2d");
−
      </ul>
+
var stripeFill = [];
−
    </ul>
+
var stripeVelocity = [];
−
</ul>
+
var unitSize;
−
</article>
+
var colorText = "200, 200, 200,";
−
</p>
+
var stripeCount = 100;
−
<p>&nbsp;</p>
+
ctx.canvas.width  = window.innerWidth;
−
<p>&nbsp;</p>
+
ctx.canvas.height = window.innerHeight;
−
<p>&nbsp;</p>
+
var upperLimit = 100;
−
<hr>
+
var lowerLimit = 0;
−
</body>
+
 
 +
unitSize = window.innerWidth/stripeCount;
 +
 
 +
for (var i = 0; i < stripeCount; i++){
 +
  stripeFill[i] = Math.round(Math.random()*upperLimit);
 +
  stripeVelocity[i] = random(-.6,.6);
 +
}
 +
 
 +
function wiggle(){
 +
  for (var i = 0; i < stripeCount; i++){
 +
    stripeVelocity[i] += random(-.1, .1);
 +
    if(Math.abs(stripeVelocity[i]) > 3){
 +
      stripeVelocity[i] = 3*Math.abs(stripeVelocity[i])/stripeVelocity[i];
 +
    }
 +
    stripeFill[i] += stripeVelocity[i];
 +
    if (stripeFill[i]<lowerLimit){
 +
      stripeFill[i] = lowerLimit;
 +
      stripeVelocity[i] = 3;
 +
    }
 +
    else if (stripeFill[i]>upperLimit){
 +
      stripeFill[i] = upperLimit;
 +
      stripeVelocity[i] = -3;
 +
    }
 +
  }
 +
}
 +
 
 +
setInterval(execute,50);
 +
 
 +
function execute(){
 +
    wiggle();
 +
    ctx.fillStyle = "rgba(255, 255, 255, 1)";
 +
    ctx.fillRect(0,0,window.innerWidth,window.innerHeight);
 +
 
 +
    for (var i = 0; i < stripeCount; i++){
 +
      ctx.fillStyle = "rgba(180,180,180," + stripeFill[i]/255 + ")" ;
 +
      ctx.fillRect(i*unitSize,0,unitSize,window.innerHeight)
 +
    }
 +
}
 +
 
 +
function bob(item){
 +
  return function(){item.css({display:"none"});}
 +
}
 +
 
 +
function random (x, y){
 +
  var answer = Math.random()*(y-x)+x;
 +
  return answer;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
$(".dropdown").mouseenter(function(){
 +
  //console.log("bobby");
 +
    $(this).find(".dropdown-menu").css({height:"0px"});
 +
    $(this).find(".dropdown-menu").css({display:"block"});
 +
    $(this).find(".dropdown-menu").animate({height:"180px"},150,"swing",function(){});
 +
});
 +
 
 +
$(".dropdown").mouseleave(function(){
 +
  $(this).find(".dropdown-menu").animate({height:"0px"},150,"swing", bob($(this).find(".dropdown-menu")));//};
 +
});
 +
 
 +
function bob(item){
 +
  return function(){item.css({display:"none"});};
 +
}
 +
</script>
 +
 
 +
</body>
 
</html>
 
</html>

Revision as of 18:32, 14 October 2016

Template

Top

 

Safety - TAS Taipei iGEM Wiki

Attribution

 

Tasks and Responsibilities

  • Conducting the Experiments
    Tianai Zhang
    Jialin Song
    Chenghao Du
    Shunzhe Ma
    Bo Xiao
    Meiqi Zhao

     

  • Wiki Design
    Shunzhe Ma
    Haoyan Fu

  • Wiki Content Writing
    -Abstract
    Tianai Zhang
    Jialin Song

    -Introduction
    Bowen Xiao
    Xinning Li
    Jiatai Cui

    -Experiment
    Tianai Zhang
    Jialin Song
    Chenghao Du
    Meiqi Zhao

    -Results
    Chenghao Du

    -Human Practice
    Xinning Li
    Shunzhe Ma
    Jiatai Cui

    -Attributions
    Bowen Xiao
    Jialin Song

  • Notebook: Material, Methods and Protocols
    Ke Xu

  • Notebook: Experiment Notes
    Meiqi Zhao
    Jialin Song

  • Presentation
    Shunzhe Ma

    • Bowen Xiao

    Chenghao Du

    Jialin Song

  • Human Practices

    • -Fundraising
    Bowen Xiao
    Chenghao Du

    -Presentations in Communities
    Jiatai Cui
    Chenghao Du

    -Questionnaire
    Shunzhe Ma
    Bowen Xiao

  • Sponsers
    ITCCC
    Genewiz 金唯智

Acknowledgement

  • We are grateful to all the professors, instructors and students who helped us in understanding the basic knowledge of synthetic biology and inspired us in building of our wiki. They are Dr. Na Wang from College of Life Science in China Agricultural University, Dr. Xiaofeng Fang from Tsinghua University, 2016 iGEM Team from Tsinghua University, 2016 iGEM Team from Beijing Institute of Technology. We also appreciated the patient guidance from Prof. Xiaoquan Qi and Dr. Tianyue An in Institution of Botany, Chinese Academy of Science, and Prof. Shan Lu and Dr. Tianjun Cao from Nanjing University who helped us in designing and conducting of our experiments. Last but not least, we want to show our gratitude to people who supported us, including all of the staff members in China International Education Institute, the advisors and participants who filled in our questionnaires and listened carefully to our presentations. Without the help from any of the people among above, never would we achieve the result we own nowadays.