Difference between revisions of "Team:BCU"

 
(155 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
/***************************************************** DEFAULT WIKI SETTINGS ****************************************************/
+
<html>
−
/* Clear the default wiki settings */
+
<head lang="en">
−
/********************************** DEFAULT WIKI SETTINGS *********************************/
+
<meta charset="UTF-8">
−
top_menu_inside #bars_item {
+
<title></title>
−
  position: absolute;
+
<head>
−
  top: -30px !important;
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
−
  left: -100px !important;
+
<style type="text/css">
−
  z-index: -1 !important;
+
<!--
−
  cursor: pointer;
+
body {
−
}
+
margin-left: 0px;
−
sideMenu,
+
margin-top: 0px;
−
top_title {
+
margin-right: 0px;
−
  display: none;
+
margin-bottom: 0px;
−
}
+
background-color: white !important;
−
content {
+
min-width: 960px !important;
−
  padding: 0px;
+
overflow-x: hidden !important;
−
  width: 100%;
+
}
−
}
+
.title {
−
body {
+
height: 240px;
−
  background-color: white;
+
width: 960px;
−
  margin: 0px;
+
margin-right: auto;
−
}
+
margin-left: auto;
−
bodyContent h1 {
+
−
  font-weight: 300 !important;
+
border-right-style: none;
−
}
+
−
bodyContent h1,
+
border-left-style: none;
−
bodyContent h2,
+
−
bodyContent h3,
+
}
−
bodyContent h4,
+
.nav {
−
bodyContent h5 {
+
float: right;
−
  margin-bottom: 0px;
+
height: 80px;
−
  border-bottom: none;
+
width: 960px;
−
}
+
margin-top: 35px;
−
bodyContent {
+
font-size: 16px;
−
  padding-right: 0px;
+
color: #1C2C77;
−
}
+
border-top-width: thin;
−
globalWrapper {
+
font-weight: 800;
−
  font-size: 100%;
+
font-family: Arial, Helvetica, sans-serif;
−
  padding: 0px;
+
font-style: normal;
−
  margin: -10px -20px -20px -20px;
+
line-height: 40px;
−
}
+
text-align: center;
−
.navbar-collapse {
+
}
−
  padding-left: 0px;
+
.main {
−
}
+
height: 400px;
−
banner {
+
width: 960px;
−
  margin-top: 50px;
+
margin-right: auto;
−
}
+
margin-left: auto;
−
sideMenu {
+
border-top-width: 5px;
−
  margin-top: 10px;
+
border-top-style: none;
−
}
+
border-top-color: #FC0;
−
.navbar-nav .dropdown-menu, .navbar .dropdown-menu {
+
background-image: url（);
−
  margin-top: 0;
+
background-attachment: fixed;
−
}
+
background-repeat: no-repeat;
−
/**************************************************************** MENU ***************************************************************/ /* Wrapper for the menu */ .igem_2017_menu_wrapper {
+
background-position: center center;
−
  width: 15%;
+
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
−
  height: 100vh;
+
color: #FFF;
−
  position: fixed;
+
text-decoration: blink;
−
  right: 0%;
+
font-weight: 900;
−
  padding: 0px;
+
text-transform: capitalize;
−
  float: right;
+
text-align: center !important;
−
  border-left: 1px solid #d3d3d3;
+
padding-top: 0px;
−
  background-color: #dddddd;
+
font-size: larger;
−
  text-align: left;
+
margin-bottom: 3px;
−
  font-family: Tahoma, Geneva, sans-serif;
+
}
−
  overflow-y: auto;
+
.main p{
−
  overflow-x: hidden;
+
text-align: center !important;
−
}
+
}
−
/* this hides the scrollbar to keep view consistency */ .igem_2017_menu_wrappe::-webkit-scrollbar {
+
.logo {
−
  display: none;
+
float: left;
−
}
+
height: 130px;
−
/* styling for links in the menu, removes the line under text */ .igem_2017_menu_wrapper a {
+
width: 300px;
−
  text-decoration: none;
+
background-repeat: no-repeat;
−
}
+
margin: 10px;
−
/* styling for the images in the menu */ .igem_2017_menu_wrapper img {
+
}
−
  width: 100%;
+
-->
−
}
+
</style>
−
/* styling for the menu buttons */ .igem_2017_menu_wrapper .menu_button {
+
<link rel="stylesheet" href="css/animate.min.css" />
−
  width: 100%;
+
<script src="https://2018.igem.org/wiki/index.php?title=Template:BCU_Israel/jquery.min&redirect=no"></script>
−
  padding: 10px 0px 10px 15px;
+
<script src="js/wow.min.js"></script>
−
  float: left;
+
<script>
−
  border-bottom: 1px solid #d3d3d3;
+
$(function(){
−
  font-size: 12px;
+
var wow = new WOW({
−
  font-weight: bold;
+
boxClass: 'wow',
−
  color: #5e5f5f;
+
animateClass: 'animated',
−
  cursor: pointer;
+
offset: 0,
−
}
+
mobile: true,
−
.igem_2017_menu_wrapper .menu_bottom_padding {
+
live: true
−
  width: 100%;
+
});
−
  height: 30px;
+
wow.init();
−
  float: left;
+
})
−
}
+
</script>
−
.menu_button.direct_to_page {
+
<!--[if lt IE 9]>
−
  padding-left: 36px;
+
<script src="js/html5shiv.min.js"></script>
−
}
+
<script src="js/respond.min.js"></script>
−
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
+
<![endif]-->
−
  width: 10%;
+
<!--[if lte IE 9]>
−
  float: left;
+
<script src="js/jquery.placeholder.js"></script>
−
}
+
<script>
−
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
+
$(function() {
−
  content: "+";
+
$('input, textarea').placeholder({customClass:'my-placeholder'});
−
}
+
});
 +
</script>
 +
<![endif]-->
 +
<style>
 +
html {
 +
font-family: sans-serif;
 +
-webkit-text-size-adjust: 100%;
 +
-ms-text-size-adjust: 100%;
 +
}
 +
body {
 +
margin: 0;
 +
font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
 +
}
 +
a {
 +
text-decoration: none;
 +
}
 +
a:hover,
 +
a:focus {
 +
text-decoration: none;
 +
}
 +
a:focus {
 +
outline: thin dotted;
 +
outline: 5px auto -webkit-focus-ring-color;
 +
outline-offset: -2px;
 +
}
 +
 +
.container{
 +
width: 1200px;
 +
min-width: 1200px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
}
 +
 +
.shortcut{
 +
height: 24px;
 +
line-height: 24px;
 +
padding-top: 16px;
 +
}
 +
.shortcut a{
 +
color: #808080;
 +
-webkit-transition: all 0.3s ease 0s;
 +
-moz-transition: all 0.3s ease 0s;
 +
-o-transition: all 0.3s ease 0s;
 +
transition: all 0.3s ease 0s;
 +
}
 +
.shortcut a img{
 +
margin-right: 5px;
 +
}
 +
.shortcut a:hover{
 +
color: #8e2322;
 +
}
 +
.header{
 +
width: 100%;
 +
min-width: 1200px;
 +
height: 110px;
 +
background: #fff;
 +
}
 +
.logo img{
 +
display: block;
 +
width: 500px;
 +
margin-right: auto;
 +
margin-left: auto;
 +
}
 +
 +
/*nav*/
 +
nav a{
 +
display: inline-block;
 +
height: 38px;
 +
line-height: 38px;
 +
margin-right: 43px;
 +
margin-left: 43px;
 +
font-size: 16px;
 +
color: #333;
 +
-webkit-transition: all 0.3s ease 0s;
 +
-moz-transition: all 0.3s ease 0s;
 +
-o-transition: all 0.3s ease 0s;
 +
transition: all 0.3s ease 0s;
 +
}
 +
nav a:hover,
 +
nav .on{
 +
color: #8e2322;
 +
}
 +
#content #top_title{
 +
display:none;
 +
}
 +
#content{
 +
width: 100%;
 +
padding: 0;
 +
}
 +
.mod-01 img{
 +
display: block;
 +
margin-right: auto;
 +
margin-left: auto;
 +
}
 +
<!--Menu Part-->
 +
.dropdown {
 +
position: relative;
 +
display: inline-block;
 +
background-color: white;
 +
color: #040059;
 +
float: left;
 +
}
 +
.dropdownPlus{
 +
float: left;
 +
height: 80px !important;
 +
min-width:50px !important;
 +
display: inline-block  !important;
 +
margin-left:6px !important;
 +
margin-right:13.5px !important;
 +
padding-top: 35px !important;
 +
font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
 +
}
 +
.dropdownPlus span a{
 +
color: #1C2C77 !important;
 +
}
 +
.dropdownPlus span a:hover{
 +
color: white !important;
 +
}
 +
.dropdown span{
 +
width: 120px !important;
 +
}
 +
.dropdown-content {
 +
display: none;
 +
position: absolute;
 +
background-color: #f9f9f9;
 +
min-width: 195px;
 +
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
padding: 12px 0px;
 +
text-align: left !important;
 +
}
 +
.dropdown span:hover{
 +
background-color: #040059;
 +
color: white;
 +
}
 +
.dropdown:hover .dropdown-content {
 +
width: 160px !important;
 +
display: block;
 +
}
 +
.dropdown-content p{
 +
padding-left: 16px;
 +
line-height: 35px !important;
 +
margin: 0px !important;
 +
}
 +
.dropdown-content p a{
 +
color: #040059 !important;
 +
}
 +
.dropdown-content p:nth-child(2n){
 +
background:#EEEEEE !important;
 +
}
 +
.dropdown-content p:hover{
 +
background-color: #85cafa !important;
 +
}
 +
.dropdown-content p:hover a{
 +
color: white !important;
 +
}
 +
.logo-title{
 +
text-align: center;
 +
}
 +
.logo-title img{
  
−
/* styling for the menu buttons on hover */ .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover, .submenu_button.current_page:hover {
+
}
−
  background-color: #3399ff;
+
</style>
−
  text-decoration: none;
+
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
−
  color: #ffffff;
+
</head>
−
}
+
<body>
−
/* styling for the menu button when it is the current page */ .current_page {
+
<div class="title">
−
  background-color: #7fc1f7 !important;
+
<div class="nav">
−
  color: #5e5f5f !important;
+
<div class="dropdown dropdownPlus">
−
}
+
<span><a  href="https://2018.igem.org/Team:BCU">HOME</a></span>
−
/* styling for the submenu buttons */ .igem_2017_menu_wrapper .submenu_button {
+
</div>
−
  width: 100%;
+
<div class="dropdown dropdownPlus">
−
  padding: 10px 0px 10px 34px;
+
<span><a  href="https://2018.igem.org/Team:BCU/Team">TEAM</a></span>
−
  float: left;
+
</div>
−
  background-color: #f2f2f2;
+
<div class="dropdown dropdownPlus">
−
  border-bottom: 1px solid #d3d3d3;
+
<span><a href="https://2018.igem.org/Team:BCU/Description">PROJECT</a></span>
−
  font-size: 12px;
+
−
  color: #5e5f5f;
+
</div>
−
  cursor: pointer;
+
<div class="dropdown dropdownPlus">
−
}
+
<span>EXPERIMENT</span>
−
/* wrapper for the submenu items, they are hidden by default*/ .igem_2017_menu_wrapper .submenu_wrapper {
+
<div class="dropdown-content">
−
  display: none;
+
<p><a href="https://2018.igem.org/Team:BCU/Design">Design</a></p>
−
}
+
<p><a href="https://2018.igem.org/Team:BCU/Improve">Materials&Reagents</a></p>
−
/* when the page size is bigger than 800px, this show/hide control is hidden by default */ .igem_2017_menu_wrapper #display_menu_control {
+
<p><a href="https://2018.igem.org/Team:BCU/Demonstrate">Methods</a></p>
−
  display: none;
+
<p><a href="https://2018.igem.org/Team:BCU/Results">Results</a></p>
−
  text-align: center;
+
</div>
−
}
+
</div>
−
/***************************************************** CONTENT OF THE PAGE ****************************************************/
+
<div class="dropdown dropdownPlus" >
−
/* Wrapper for the content */ .igem_2017_content_wrapper {
+
<span><a href="https://2018.igem.org/Team:BCU/Parts">PARTS</a></span>
−
  width: 81%;
+
</div>
−
  margin: 2%;
+
<img  class="dropdownPlus" style="padding-top: 0px !important;width: 83px !important;" src="https://static.igem.org/mediawiki/2018/c/cd/T--BCU--LOGOHEAD.png" />
−
  display: block;
+
<div class="dropdown dropdownPlus" >
−
  float: left;
+
<span><a  href="https://2018.igem.org/Team:BCU/InterLab">INTERLAB</a></span>
−
  background-color: white;
+
</div>
−
  font-family: Tahoma, Geneva, sans-serif;
+
<div class="dropdown dropdownPlus">
−
}
+
<span><a href="https://2018.igem.org/Team:BCU/Notebook">NOTEBOOK</a></span>
−
/********************************* HTML STYLING *********************************/
+
</div>
−
/* styling for the titles h1 h2 */ .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
+
<div class="dropdown dropdownPlus">
−
  padding: 5px 15px;
+
<span><a href="https://2018.igem.org/Team:BCU/Attributions">ATTRIBUTION</a></span>
−
  border-bottom: 0px;
+
</div>
−
  color: #3399ff;
+
<div class="dropdown dropdownPlus">
−
}
+
<span><a  href="https://2018.igem.org/Team:BCU/Model">MEDAL</a></span>
−
/* styling for the titles h3 h4 h5 h6*/ .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
+
</div>
−
  padding: 5px 15px;
+
−
  border-bottom: 0px;
+
</div>
−
  color: #000000;
+
<div class="logo-title">
−
}
+
<img src="https://static.igem.org/mediawiki/2018/thumb/7/70/T--BCU--LOGOTITLE.png/320px-T--BCU--LOGOTITLE.png"/>
−
/* font and text */ .igem_2017_content_wrapper p {
+
</div>
−
  padding: 0px 15px;
+
</div>
−
  font-size: 13px;
+
<div class="main">
−
}
+
                            <img src="https://static.igem.org/mediawiki/2018/5/5b/T--BCU--HOME11.jpg">
−
/* Links */ .igem_2017_content_wrapper a {
+
 
−
  font-weight: bold;
+
</div>
−
  text-decoration: underline;
+
<!--header end-->
−
  text-decoration-color: #3399ff;
+
<script type="text/javascript">
−
  color: #3399ff;
+
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
−
  -webkit-transition: all 0.4s ease;
+
</script>
−
  -moz-transition: all 0.4s ease;
+
</body>
−
  -ms-transition: all 0.4s ease;
+
</html>
−
  -o-transition: all 0.4s ease;
+
−
  transition: all 0.4s ease;
+
−
}
+
−
/* hover for the links */ .igem_2017_content_wrapper a:hover {
+
−
  text-decoration: none;
+
−
  color: #000000;
+
−
}
+
−
/* non numbered lists */ .igem_2017_content_wrapper ul {
+
−
  padding: 0px 20px;
+
−
  font-size: 13px;
+
−
  font-family: Tahoma, Geneva, sans-serif;
+
−
}
+
−
/* numbered lists */ .igem_2017_content_wrapper ol {
+
−
  padding: 0px;
+
−
  font-size: 13px;
+
−
  font-family: Tahoma, Geneva, sans-serif;
+
−
}
+
−
/* Table */ .igem_2017_content_wrapper table {
+
−
  width: 97%;
+
−
  margin: 15px 10px;
+
−
  border: 1px solid #d3d3d3;
+
−
  border-collapse: collapse;
+
−
}
+
−
/* table cells */ .igem_2017_content_wrapper td {
+
−
  padding: 10px;
+
−
  vertical-align: text-top;
+
−
  border: 1px solid #d3d3d3;
+
−
  border-collapse: collapse;
+
−
}
+
−
/* table headers */ .igem_2017_content_wrapper th {
+
−
  padding: 10px;
+
−
  vertical-align: text-top;
+
−
  border: 1px solid #d3d3d3;
+
−
  border-collapse: collapse;
+
−
  background-color: #f2f2f2;
+
−
}
+
−
/**********************************LAYOUT CLASSES **********************************/
+
−
/* general class for column divs */ .igem_2017_content_wrapper .column {
+
−
  padding: 10px 0px;
+
−
  float: left;
+
−
}
+
−
/* class for a full width column */ .column .full_size {
+
−
  width: 100%;
+
−
}
+
−
/* styling for images in a full width column*/ .column.full_size img {
+
−
  width: 97%;
+
−
  padding: 10px 15px;
+
−
}
+
−
/* class for a half width column */ .column.half_size {
+
−
  width: 50%;
+
−
}
+
−
/* styling for images in a half width column*/ .column.half_size img {
+
−
  width: 94.5%;
+
−
  padding: 10px 15px;
+
−
}
+
−
/********************************* SUPPORT CLASSES ********************************/
+
−
/* class that clears content below*/ .igem_2017_content_wrapper .clear {
+
−
  clear: both;
+
−
}
+
−
/* adds extra spacing when clearing content */ .igem_2017_content_wrapper .clear.extra_space {
+
−
  height: 30px;
+
−
}
+
−
/* highlight class, makes content slightly smaller */ .igem_2017_content_wrapper .highlight {
+
−
  margin: 0px 15px;
+
−
  padding: 15px 0px;
+
−
}
+
−
/* highlight class, adds a gray background */ .igem_2017_content_wrapper .highlight.gray {
+
−
  background-color: #f2f2f2;
+
−
}
+
−
/* highlight with decoration blue line on top */ .igem_2017_content_wrapper .highlight.blue_top {
+
−
  border-top: 4px solid #3399ff;
+
−
}
+
−
/* highlight with a full blue border decoration */ .igem_2017_content_wrapper .highlight.blue_border {
+
−
  border: 4px solid #3399ff;
+
−
}
+
−
/* button class */ .igem_2017_content_wrapper .button {
+
−
  max-width: 35%;
+
−
  margin: 30px auto;
+
−
  padding: 12px 10px;
+
−
  background-color: #3399ff;
+
−
  text-align: center;
+
−
  color: #ffffff;
+
−
  -webkit-transition: all 0.4s ease;
+
−
  -moz-transition: all 0.4s ease;
+
−
  -ms-transition: all 0.4s ease;
+
−
  -o-transition: all 0.4s ease;
+
−
  transition: all 0.4s ease;
+
−
}
+
−
/* styling for button on hover */ .igem_2017_content_wrapper .button:hover {
+
−
  background-color: #3399ff;
+
−
  color: #000000;
+
−
}
+
−
/***************************************************** RESPONSIVE STYLING ****************************************************/
+
−
/* IF THE SCREEN IS LESS THAN 1200PX */ @media only screen and (max-width: 1200px) {
+
−
  #content {
+
−
      width: 100%;
+
−
  }
+
−
  .igem_2017_menu_wrapper {
+
−
      width: 15%;
+
−
      right: 0;
+
−
  }
+
−
  .highlight {
+
−
      padding: 10px 0px;
+
−
  }
+
−
  .igem_2017_menu_wrapper #display_menu_control {
+
−
      display: none;
+
−
  }
+
−
  #menu_content {
+
−
      display: block;
+
−
  }
+
−
  .menu_button.direct_to_page {
+
−
      padding-left: 17px;
+
−
  }
+
−
}
+
−
/* IF THE SCREEN IS LESS THAN 800PX */ @media only screen and (max-width: 800px) {
+
−
  .igem_2017_menu_wrapper {
+
−
      width: 100%;
+
−
      height: 15%;
+
−
      position: relative;
+
−
      left: 0%;
+
−
  }
+
−
  .igem_2017_content_wrapper {
+
−
      width: 100%;
+
−
      margin-left: 0px;
+
−
  }
+
−
  .column.half_size {
+
−
      width: 100%;
+
−
  }
+
−
  .column.full_size img, .column.half_size img {
+
−
      width: 100%;
+
−
      padding: 10px 0px;
+
−
  }
+
−
  .highlight {
+
−
      padding: 15px 5px;
+
−
  }
+
−
  .igem_2017_menu_wrapper #display_menu_control {
+
−
      display: block;
+
−
  }
+
−
  #menu_content {
+
−
      display: none;
+
−
  }
+
−
  .igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
+
−
      width: 5%;
+
−
  }
+
−
  .menu_bottom_padding {
+
−
      display: none;
+
−
  }
+
−
  .menu_button.direct_to_page {
+
−
      padding-left: 36px;
+
−
  }
+
−
}
+
−
/* special class that the system uses to make sure the team wants a page to be evaluated */ .judges-will-not-evaluate {
+
−
  width: 96.6%;
+
−
  margin: 5px 15px;
+
−
  display: block;
+
−
  border: 4px solid #3399ff;
+
−
  font-weight: bold;
+
−
}
+
−
.content_wrapper {
+
−
  width: 100%;
+
−
  height: 100vh;
+
−
}
+

Latest revision as of 16:21, 16 October 2018

HOME
TEAM
PROJECT
EXPERIMENT

Design

Materials&Reagents

Methods

Results

PARTS
INTERLAB
NOTEBOOK
ATTRIBUTION
MEDAL