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

(Replaced content with "{{CIEI-BJ}}")
 
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>Notebook</title>
 +
 +
<!-- Bootstrap -->
 +
<link rel="stylesheet" href="https://s3-us-west-2.amazonaws.com/mszpubliccloud/bootstrap.css">
 +
<style type="text/css">
 +
.btn1 {  display: inline-block;
 +
  padding: 6px 12px;
 +
  margin-bottom: 0;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  -ms-touch-action: manipulation;
 +
      touch-action: manipulation;
 +
  cursor: pointer;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
          user-select: none;
 +
  background-image: none;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
}
 +
.btn1 {  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn1 {  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn1 {  color: #333;
 +
  text-decoration: none;
 +
}
 +
.btn1 {  background-image: none;
 +
  outline: 0;
 +
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
}
 +
.btn1 {  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
.btn1 {  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
.btn-success1 {  color: #fff;
 +
  background-color: #5cb85c;
 +
  border-color: #4cae4c;
 +
}
 +
.btn-success1 {  color: #fff;
 +
  background-color: #449d44;
 +
  border-color: #255625;
 +
}
 +
.btn-success1 {  color: #fff;
 +
  background-color: #449d44;
 +
  border-color: #398439;
 +
}
 +
.btn-success1 {  color: #fff;
 +
  background-color: #398439;
 +
  border-color: #255625;
 +
}
 +
.btn-success1 {  background-image: none;
 +
}
 +
.btn-success1 {  background-color: #5cb85c;
 +
  border-color: #4cae4c;
 +
}
 +
.col-lg-13 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-lg-101 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-lg-111 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-lg-121 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-lg-21 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-lg-31 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-lg-41 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-lg-51 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-lg-61 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-lg-71 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-lg-81 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-lg-91 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-md-13 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-md-101 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-md-111 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-md-121 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-md-21 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-md-31 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-md-41 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-md-51 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-md-61 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-md-71 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-md-81 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-md-91 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-sm-13 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-sm-13 {    float: left;
 +
}
 +
.col-sm-101 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-sm-101 {    float: left;
 +
}
 +
.col-sm-111 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-sm-111 {    float: left;
 +
}
 +
.col-sm-121 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-sm-121 {    float: left;
 +
}
 +
.col-sm-21 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-sm-21 {    float: left;
 +
}
 +
.col-sm-31 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-sm-31 {    float: left;
 +
}
 +
.col-sm-41 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-sm-41 {    float: left;
 +
}
 +
.col-sm-51 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-sm-51 {    float: left;
 +
}
 +
.col-sm-61 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-sm-61 {    float: left;
 +
}
 +
.col-sm-61 {    width: 50%;
 +
}
 +
.col-sm-71 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-sm-71 {    float: left;
 +
}
 +
.col-sm-81 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-sm-81 {    float: left;
 +
}
 +
.col-sm-91 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-sm-91 {    float: left;
 +
}
 +
.col-xs-13 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-xs-101 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-xs-111 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-xs-121 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-xs-21 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-xs-31 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-xs-41 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-xs-51 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-xs-61 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-xs-71 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-xs-81 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.col-xs-91 {  position: relative;
 +
  min-height: 1px;
 +
  padding-right: 0px;
 +
  padding-left: 0px;
 +
}
 +
.thumbnail1 {  display: block;
 +
  padding: 4px;
 +
  margin-bottom: 20px;
 +
  line-height: 1.42857143;
 +
  background-color: #fff;
 +
  border: 1px solid #ddd;
 +
  border-radius: 4px;
 +
  -webkit-transition: border .2s ease-in-out;
 +
      -o-transition: border .2s ease-in-out;
 +
          transition: border .2s ease-in-out;
 +
}
 +
a.btn1 {  pointer-events: none;
 +
}
 +
.btn2 {  display: inline-block;
 +
  padding: 6px 12px;
 +
  margin-bottom: 0;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  -ms-touch-action: manipulation;
 +
      touch-action: manipulation;
 +
  cursor: pointer;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
          user-select: none;
 +
  background-image: none;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
}
 +
.btn2 {  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn2 {  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn2 {  color: #333;
 +
  text-decoration: none;
 +
}
 +
.btn2 {  background-image: none;
 +
  outline: 0;
 +
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
}
 +
.btn2 {  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
.btn2 {  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
a.btn2 {  pointer-events: none;
 +
}
 +
.btn3 {  display: inline-block;
 +
  padding: 6px 12px;
 +
  margin-bottom: 0;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  -ms-touch-action: manipulation;
 +
      touch-action: manipulation;
 +
  cursor: pointer;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
          user-select: none;
 +
  background-image: none;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
}
 +
.btn3 {  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn3 {  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn3 {  color: #333;
 +
  text-decoration: none;
 +
}
 +
.btn3 {  background-image: none;
 +
  outline: 0;
 +
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
}
 +
.btn3 {  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
.btn3 {  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
a.btn3 {  pointer-events: none;
 +
}
 +
.btn4 {  display: inline-block;
 +
  padding: 6px 12px;
 +
  margin-bottom: 0;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  -ms-touch-action: manipulation;
 +
      touch-action: manipulation;
 +
  cursor: pointer;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
          user-select: none;
 +
  background-image: none;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
}
 +
.btn4 {  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn4 {  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn4 {  color: #333;
 +
  text-decoration: none;
 +
}
 +
.btn4 {  background-image: none;
 +
  outline: 0;
 +
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
}
 +
.btn4 {  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
.btn4 {  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
a.btn4 {  pointer-events: none;
 +
}
 +
.btn5 {  display: inline-block;
 +
  padding: 6px 12px;
 +
  margin-bottom: 0;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  -ms-touch-action: manipulation;
 +
      touch-action: manipulation;
 +
  cursor: pointer;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
          user-select: none;
 +
  background-image: none;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
}
 +
.btn5 {  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn5 {  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn5 {  color: #333;
 +
  text-decoration: none;
 +
}
 +
.btn5 {  background-image: none;
 +
  outline: 0;
 +
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
}
 +
.btn5 {  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
.btn5 {  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
a.btn5 {  pointer-events: none;
 +
}
 +
.btn6 {  display: inline-block;
 +
  padding: 6px 12px;
 +
  margin-bottom: 0;
 +
  font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
  vertical-align: middle;
 +
  -ms-touch-action: manipulation;
 +
      touch-action: manipulation;
 +
  cursor: pointer;
 +
  -webkit-user-select: none;
 +
    -moz-user-select: none;
 +
      -ms-user-select: none;
 +
          user-select: none;
 +
  background-image: none;
 +
  border: 1px solid transparent;
 +
  border-radius: 4px;
 +
}
 +
.btn6 {  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn6 {  outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
.btn6 {  color: #333;
 +
  text-decoration: none;
 +
}
 +
.btn6 {  background-image: none;
 +
  outline: 0;
 +
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 +
}
 +
.btn6 {  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
.btn6 {  cursor: not-allowed;
 +
  filter: alpha(opacity=65);
 +
  -webkit-box-shadow: none;
 +
          box-shadow: none;
 +
  opacity: .65;
 +
}
 +
a.btn6 {  pointer-events: none;
 +
}
 +
.block_header {  display: inline-block;
 +
  color: white;
 +
  padding: 7px 11px;
 +
  padding-bottom: 5px;
 +
}
 +
.card {  margin-left: auto;
 +
  margin-right: auto;
 +
  background-color: white;
 +
  box-shadow: 0px 0px 5px black;
 +
  padding: 50px;
 +
}
 +
.container1 {  padding: 0px;
 +
  min-width: 1080px;
 +
}
 +
.container1 {  min-width: 1080px;
 +
}
 +
.red {  background: #c0392b;
 +
}
 +
#bodycontainer {  min-width: 1080px;
 +
  margin: auto;
 +
  padding: 10px 0;
 +
  text-align:left;
 +
}
 +
</style>
 +
 +
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 +
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
<!--[if lt IE 9]>
 +
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 +
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
</head>
 +
<body>
 +
<div class="col-xs-12 text-center">
 +
  <h1>Notebook</h1>
 +
</div>
 +
<hr>
 +
<p>&nbsp;</p>
 +
<div class="col-sm-10 col-sm-offset-1">
 +
  <h3 class='block_header red' style = "padding-top: 50px"><strong>Notes for Nanjing Lab</strong></h3>
 +
  <ul>
 +
    <li><a href="https://static.igem.org/mediawiki/2016/7/75/T--CIEI-BJ--LAB_NJ.pdf">Click here to view >>></a>
 +
  </ul>
 +
</div>
 +
<p>&nbsp;</p>
 +
<p><!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
  <script src="https://s3-us-west-2.amazonaws.com/mszpubliccloud/jquery-1.11.3.min.js"></script></p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<script src="https://s3-us-west-2.amazonaws.com/mszpubliccloud/bootstrap.js"></script>
 +
<div class="col-sm-10 col-sm-offset-1">
 +
  <h3 class='block_header red' style = "padding-top: 50px"><strong>Notes for Beijing Lab</strong></h3>
 +
  <ul>
 +
    <li><a href="https://static.igem.org/mediawiki/2016/d/df/T--CIEI-BJ--LAB_BJ.pdf">Click here to view >>></a>       
 +
  </ul>
 +
</div>
 +
</body>
 +
</html>

Latest revision as of 15:25, 18 October 2016

Template

Top

 

Notebook

Notebook

 

Notes for Nanjing Lab

 

 

 

Notes for Beijing Lab