Difference between revisions of "Team:ASIJ TOKYO/Notebook"

 
(16 intermediate revisions by 4 users not shown)
Line 6: Line 6:
 
-->
 
-->
 
<html>
 
<html>
 +
<head>
  
  
−
<head>
+
 
 +
<style>
 
<style>
 
<style>
 
body {margin:0;}
 
body {margin:0;}
  
 
.navbar {
 
.navbar {
−
  overflow: hidden;
+
   background-color: #f2efe8;
−
   background-color: #333;
+
 
   font-family: Arial;
 
   font-family: Arial;
−
  outline: 0;
 
  
 
   position: fixed;
 
   position: fixed;
−
   top: 0 ;
+
   top: 12px ;
 
   width: 100%;
 
   width: 100%;
 
   z-index:50;
 
   z-index:50;
 +
 
 
}
 
}
  
 
.navbar a {
 
.navbar a {
 
   float: left;
 
   float: left;
−
  display: block;
+
   color: #858687;
−
   color: #f2f2f2;
+
−
  outline: 0;
+
 
   text-align: center;
 
   text-align: center;
−
   padding: 26px 16px;
+
   padding: 10px 32px;
 
   text-decoration: none;
 
   text-decoration: none;
−
   font-size: 26px;
+
   font-size: 28px;
 +
 
 +
 
 
}
 
}
  
 +
.dropdown {
 +
    float: left;
 +
    overflow: hidden;
 +
   
 +
   
 +
   
 +
}
 +
 +
.dropdown .dropbtn {
 +
    font-size: 28px;   
 +
    border: none;
 +
    outline: none;
 +
    color: white;
 +
    padding: 28px 18px;
 +
    background-color: inherit;
 +
   
 +
 +
}
 +
 +
.navbar a:hover, .dropdown:hover .dropbtn {
 +
    background-color: #d2dff7;
 +
   
 +
   
 +
   
 +
}
 +
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 100;
 +
    top: 57px;
 +
 +
 +
 +
}
 +
 +
.dropdown-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 18px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
   
 +
   
 +
}
 +
 +
 +
.dropdown-content a:hover {
 +
    background-color: #ddd;
 +
 +
   
 +
}
 +
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
  position: fixed;
  
 
}
 
}
Line 43: Line 104:
 
<div class="navbar">
 
<div class="navbar">
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO">Home</a>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO">Home</a>
−
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a>
 
−
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description">Project</a>
 
−
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Notebook">Notebook</a>
 
  
 +
  <div class="dropdown">
 +
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Collaborations">Collaborations</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Attributions">Attributions</a>
 +
    </div>
 +
  </div>
 +
 +
  <div class="dropdown">
 +
      <a href="#">Project</a>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description">Description</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Design">Design</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Experiments">Experiments</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Notebook">Notebook</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Results">Results</a>
 +
    </div>
 +
  </div>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Parts">Parts</a>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Parts">Parts</a>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Safety">Safety</a>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Safety">Safety</a>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Engagement">Human Practices</a>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Engagement">Human Practices</a>
 +
</div>
  
  
  
−
 
 
  
−
</div>
 
  
  
Line 71: Line 147:
 
<meta charset="utf-8" />
 
<meta charset="utf-8" />
 
<meta name="viewport" content="width=device-width, initial-scale=1" />
 
<meta name="viewport" content="width=device-width, initial-scale=1" />
−
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
+
 
 
</head>
 
</head>
 
<body>
 
<body>
Line 79: Line 155:
 
<div class="inner">
 
<div class="inner">
 
<div class="content">
 
<div class="content">
 +
<h1 class="major"></h1>
 +
 
<h2 class="major">Our notebook</h2>
 
<h2 class="major">Our notebook</h2>
−
<embed src="http://www.mutopiaproject.org/ftp/JoplinS/maple/maple-a4.pdf" width="880" height="1300" type='application/pdf'>
+
<embed src="https://static.igem.org/mediawiki/2017/2/27/Asij_notebook.pdf" width = "850" height = "1500">
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
</section>
 
 
−
<!-- Scripts -->
+
−
<script src="assets/js/skel.min.js"></script>
+
−
<script src="assets/js/jquery.min.js"></script>
+
−
<script src="assets/js/jquery.scrollex.min.js"></script>
+
−
<script src="assets/js/util.js"></script>
+
−
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
+
−
<script src="assets/js/main.js"></script>
+
−
 
+
−
 
+
 
<style>
 
<style>
 
@import url(font-awesome.min.css);
 
@import url(font-awesome.min.css);
−
@import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic");
+
 
  
 
/*
 
/*
Line 1,720: Line 1,790:
  
 
body {
 
body {
−
background-color: #2e3141;
+
background-color: #b0aac2;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 2,060: Line 2,130:
 
select:focus,
 
select:focus,
 
textarea:focus {
 
textarea:focus {
−
border-color: #5b6ba6;
+
border-color: #b0aac2;
 
}
 
}
  
Line 2,098: Line 2,168:
 
select option {
 
select option {
 
color: #ffffff;
 
color: #ffffff;
−
background: #2e3141;
+
background: #b0aac2;
 
}
 
}
  
Line 2,173: Line 2,243:
 
border-color: #ffffff;
 
border-color: #ffffff;
 
content: '\f00c';
 
content: '\f00c';
−
color: #2e3141;
+
color: #b0aac2;
 
}
 
}
  
 
input[type="checkbox"]:focus + label:before,
 
input[type="checkbox"]:focus + label:before,
 
input[type="radio"]:focus + label:before {
 
input[type="radio"]:focus + label:before {
−
border-color: #4c5c96;
+
border-color: #b0aac2;
 
}
 
}
  
Line 2,545: Line 2,615:
  
 
ul.pagination li > .page.active {
 
ul.pagination li > .page.active {
−
background-color: #4c5c96;
+
background-color: #b0aac2;
 
}
 
}
  
Line 2,727: Line 2,797:
 
button.special,
 
button.special,
 
.button.special {
 
.button.special {
−
background-color: #4c5c96;
+
background-color: #b0aac2;
 
box-shadow: none;
 
box-shadow: none;
 
}
 
}
Line 2,736: Line 2,806:
 
button.special:hover,
 
button.special:hover,
 
.button.special:hover {
 
.button.special:hover {
−
background-color: #53639e;
+
background-color: #b0aac2;
 
}
 
}
  
Line 2,744: Line 2,814:
 
button.special:active,
 
button.special:active,
 
.button.special:active {
 
.button.special:active {
−
background-color: #45558d;
+
background-color:#b0aac2;
 
}
 
}
  
Line 2,752: Line 2,822:
 
button.special.icon:before,
 
button.special.icon:before,
 
.button.special.icon:before {
 
.button.special.icon:before {
−
color: #7985b0;
+
color: #b0aac2
 
}
 
}
  
Line 2,821: Line 2,891:
 
.features article {
 
.features article {
 
padding: 1.75em 1.75em 0.1em 1.75em ;
 
padding: 1.75em 1.75em 0.1em 1.75em ;
−
background-color: #353849;
+
background-color: #b0aac2;
 
border-radius: 5px;
 
border-radius: 5px;
 
margin: 1.5em 3em 1.5em 0;
 
margin: 1.5em 3em 1.5em 0;
Line 3,095: Line 3,165:
 
transition: opacity 0.35s ease, transform 0.35s ease;
 
transition: opacity 0.35s ease, transform 0.35s ease;
 
-webkit-overflow-scrolling: touch;
 
-webkit-overflow-scrolling: touch;
−
background: #4c5c96;
+
background: #b0aac2;
 
border-radius: 5px;
 
border-radius: 5px;
 
display: block;
 
display: block;
Line 3,151: Line 3,221:
  
 
#menu .links li a:hover {
 
#menu .links li a:hover {
−
background: #45558d;
+
background:#b0aac2;
 
}
 
}
  
Line 3,282: Line 3,352:
 
#banner {
 
#banner {
 
padding: 7em 0 8.25em 0 ;
 
padding: 7em 0 8.25em 0 ;
−
background-color: #2e3141;
+
background-color: #b0aac2;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 3,392: Line 3,462:
 
#wrapper > header {
 
#wrapper > header {
 
padding: 9em 0 6.25em 0 ;
 
padding: 9em 0 6.25em 0 ;
−
background-color: #2e3141;
+
background-color: #b0aac2;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 3,435: Line 3,505:
  
 
.wrapper {
 
.wrapper {
−
background-color: #2e3141;
+
background-color: #b0aac2;
 
margin: 6.5em 0;
 
margin: 6.5em 0;
 
position: relative;
 
position: relative;
Line 3,441: Line 3,511:
  
 
.wrapper:before, .wrapper:after {
 
.wrapper:before, .wrapper:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232e3141%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper:before {
 
.wrapper:before {
−
box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper:after {
 
.wrapper:after {
−
box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
Line 3,497: Line 3,567:
  
 
.wrapper.style2 {
 
.wrapper.style2 {
−
background-color: #353849;
+
background-color: #b0aac2;
 
}
 
}
  
 
.wrapper.style2:before, .wrapper.style2:after {
 
.wrapper.style2:before, .wrapper.style2:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23353849%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.style2:before {
 
.wrapper.style2:before {
−
box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper.style2:after {
 
.wrapper.style2:after {
−
box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper.style3 {
 
.wrapper.style3 {
−
background-color: #3d4051;
+
background-color: #b0aac2;
 
}
 
}
  
 
.wrapper.style3:before, .wrapper.style3:after {
 
.wrapper.style3:before, .wrapper.style3:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233d4051%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.style3:before {
 
.wrapper.style3:before {
−
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper.style3:after {
 
.wrapper.style3:after {
−
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper.style4 {
 
.wrapper.style4 {
−
background-color: #454858;
+
background-color: #b0aac2;
 
}
 
}
  
 
.wrapper.style4:before, .wrapper.style4:after {
 
.wrapper.style4:before, .wrapper.style4:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23454858%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.style4:before {
 
.wrapper.style4:before {
−
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper.style4:after {
 
.wrapper.style4:after {
−
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper.style5 {
 
.wrapper.style5 {
−
background-color: #4d5060;
+
background-color: #b0aac2;
 
}
 
}
  
 
.wrapper.style5:before, .wrapper.style5:after {
 
.wrapper.style5:before, .wrapper.style5:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234d5060%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.style5:before {
 
.wrapper.style5:before {
−
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper.style5:after {
 
.wrapper.style5:after {
−
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper.style6 {
 
.wrapper.style6 {
−
background-color: #555867;
+
background-color:#b0aac2;
 
}
 
}
  
 
.wrapper.style6:before, .wrapper.style6:after {
 
.wrapper.style6:before, .wrapper.style6:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23555867%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.style6:before {
 
.wrapper.style6:before {
−
box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
+
box-shadow: inset 0 -1px 0 0#b0aac2, 0 1px 0 0#b0aac2;
 
}
 
}
  
 
.wrapper.style6:after {
 
.wrapper.style6:after {
−
box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
+
box-shadow: inset 0 -1px 0 0#b0aac2, 0 1px 0 0#b0aac2;
 
}
 
}
  
 
.wrapper.spotlight {
 
.wrapper.spotlight {
−
background-color: #4c5c96;
+
background-color: #b0aac2;
 
}
 
}
  
 
.wrapper.spotlight:before, .wrapper.spotlight:after {
 
.wrapper.spotlight:before, .wrapper.spotlight:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234c5c96%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.spotlight:before {
 
.wrapper.spotlight:before {
−
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper.spotlight:after {
 
.wrapper.spotlight:after {
−
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
Line 3,638: Line 3,708:
  
 
.wrapper.spotlight.style2 {
 
.wrapper.spotlight.style2 {
−
background-color: #45558d;
+
background-color:#b0aac2;
 
}
 
}
  
 
.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after {
 
.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2345558d%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.spotlight.style2:before {
 
.wrapper.spotlight.style2:before {
−
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
+
box-shadow: inset 0 -1px 0 0#b0aac2, 0 1px 0 0#b0aac2;
 
}
 
}
  
 
.wrapper.spotlight.style2:after {
 
.wrapper.spotlight.style2:after {
−
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
+
box-shadow: inset 0 -1px 0 0#b0aac2, 0 1px 0 0#b0aac2;
 
}
 
}
  
 
.wrapper.spotlight.style3 {
 
.wrapper.spotlight.style3 {
−
background-color: #3f4e85;
+
background-color: #b0aac2;
 
}
 
}
  
 
.wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after {
 
.wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233f4e85%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.spotlight.style3:before {
 
.wrapper.spotlight.style3:before {
−
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper.spotlight.style3:after {
 
.wrapper.spotlight.style3:after {
−
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper.spotlight.style4 {
 
.wrapper.spotlight.style4 {
−
background-color: #39477c;
+
background-color: #b0aac2;
 
}
 
}
  
 
.wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after {
 
.wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2339477c%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.spotlight.style4:before {
 
.wrapper.spotlight.style4:before {
−
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper.spotlight.style4:after {
 
.wrapper.spotlight.style4:after {
−
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper.spotlight.style5 {
 
.wrapper.spotlight.style5 {
−
background-color: #324072;
+
background-color: #b0aac2;
 
}
 
}
  
 
.wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after {
 
.wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23324072%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.spotlight.style5:before {
 
.wrapper.spotlight.style5:before {
−
box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper.spotlight.style5:after {
 
.wrapper.spotlight.style5:after {
−
box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper.spotlight.style6 {
 
.wrapper.spotlight.style6 {
−
background-color: #2d3a69;
+
background-color: #b0aac2;
 
}
 
}
  
 
.wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after {
 
.wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232d3a69%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.spotlight.style6:before {
 
.wrapper.spotlight.style6:before {
−
box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper.spotlight.style6:after {
 
.wrapper.spotlight.style6:after {
−
box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
Line 3,880: Line 3,950:
  
 
#footer {
 
#footer {
−
background-color: #2e3141;
+
background-color: #b0aac2;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 3,973: Line 4,043:
  
 
body {
 
body {
−
background-color: #2e3141;
+
background-color: #b0aac2;
 
background-image: url("../../images/bg.jpg");
 
background-image: url("../../images/bg.jpg");
 
background-size: cover;
 
background-size: cover;
Line 4,166: Line 4,236:
  
 
#menu {
 
#menu {
−
background: #2e3141;
+
background: #b0aac2;
 
}
 
}
  
Line 4,176: Line 4,246:
  
 
#header {
 
#header {
−
background-color: #353849;
+
background-color: #b0aac2;
 
}
 
}
  

Latest revision as of 16:00, 1 November 2017

Home
Team
Team Collaborations Attributions
Project
Description Design Experiments Notebook Results
Parts Safety Human Practices
IGEM ASIJ TOKYO

Our notebook