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

Line 66: Line 66:
 
     position: absolute;
 
     position: absolute;
 
     background-color: #f9f9f9;
 
     background-color: #f9f9f9;
−
     min-width: 160px;
+
     min-width: auto;
 
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,.4);
 
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,.4);
 
     z-index: 100;
 
     z-index: 100;
Line 133: Line 133:
  
  
 +
</body>
 +
<head>
 +
<title>IGEM ASIJ TOKYO</title>
 +
<meta charset="utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1" />
 +
<!--[if lte IE 8]>
  
−
<!-- Three -->
+
<script>
 +
 
 +
<title>Solid State by HTML5 UP</title>
 +
<meta charset="utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1" />
 +
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
 +
</head>
 +
<body>
 +
 
 +
 
 +
<!-- Two -->
 +
<section id="two" class="wrapper alt spotlight style2">
 +
<div class="content">
 +
</div>
 +
</div>
 +
</section>
 +
 
 +
 
 +
<!-- Three -->
 
<section id="three" class="wrapper spotlight style3">
 
<section id="three" class="wrapper spotlight style3">
 
<div class="inner">
 
<div class="inner">
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/3/35/Tokyotech.JPG" alt="" /></a>
 
<div class="content">
 
<div class="content">
 +
                                                                            <h1 class="major"></h1>
 +
 +
 
<h2 class="major">Collaborations</h2>
 
<h2 class="major">Collaborations</h2>
−
<p>Our team received mentoring from team TokyoTech when we met up on September 23rd. We received feedback and advice about the modeling of our data, as well as helpful guidance for how to best represent our project motivations and research. </p>
+
 
 +
 
 +
<p>Our team received mentoring from team TokyoTech when we met up on September 23rd. We received feedback and advice about the modeling of our data, as well as helpful guidance for how to best represent our project motivations and research. </p>
  
 
<p>Outside of other iGEM teams, we also heavily collaborated with other schools across the world through a virtual pre-medical club. Conducted through Global Online Academy, we shared our research and knowledge of colorectal cancer with other students, facilitating discussion about this cancer and inspiring other outreach programs among their respective communities.</p>
 
<p>Outside of other iGEM teams, we also heavily collaborated with other schools across the world through a virtual pre-medical club. Conducted through Global Online Academy, we shared our research and knowledge of colorectal cancer with other students, facilitating discussion about this cancer and inspiring other outreach programs among their respective communities.</p>
−
<a href="http://www.titech.ac.jp/english/" class="image"><img src="https://static.igem.org/mediawiki/2017/3/35/Tokyotech.JPG" alt="" /></a>
 
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
</section>
  
−
+
 +
 
  
  
Line 1,778: Line 1,808:
  
 
body {
 
body {
−
background-color: #a04859;
+
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 1,998: Line 2,028:
 
code {
 
code {
 
background: rgba(255, 255, 255, 0.025);
 
background: rgba(255, 255, 255, 0.025);
 +
border-radius: 5px;
 
border: solid 2px rgba(255, 255, 255, 0.125);
 
border: solid 2px rgba(255, 255, 255, 0.125);
 
font-family: "Courier New", monospace;
 
font-family: "Courier New", monospace;
Line 2,091: Line 2,122:
 
appearance: none;
 
appearance: none;
 
background: rgba(255, 255, 255, 0.025);
 
background: rgba(255, 255, 255, 0.025);
 +
border-radius: 5px;
 
border: none;
 
border: none;
 
border: solid 2px rgba(255, 255, 255, 0.125);
 
border: solid 2px rgba(255, 255, 255, 0.125);
Line 2,154: Line 2,186:
 
select option {
 
select option {
 
color: #ffffff;
 
color: #ffffff;
−
background: #a04859;
+
background: #b0aac2;
 
}
 
}
  
Line 2,211: Line 2,243:
 
input[type="radio"] + label:before {
 
input[type="radio"] + label:before {
 
background: rgba(255, 255, 255, 0.025);
 
background: rgba(255, 255, 255, 0.025);
 +
border-radius: 5px;
 
border: solid 2px rgba(255, 255, 255, 0.125);
 
border: solid 2px rgba(255, 255, 255, 0.125);
 
content: '';
 
content: '';
Line 2,228: Line 2,261:
 
border-color: #ffffff;
 
border-color: #ffffff;
 
content: '\f00c';
 
content: '\f00c';
−
color: #a04859;
+
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: #721b28;
+
border-color: #f2efe8;
 
}
 
}
  
 
input[type="checkbox"] + label:before {
 
input[type="checkbox"] + label:before {
 +
border-radius: 5px;
 
}
 
}
  
Line 2,599: Line 2,633:
  
 
ul.pagination li > .page.active {
 
ul.pagination li > .page.active {
−
background-color: #721b28;
+
background-color: #f2efe8;
 
}
 
}
  
Line 2,781: Line 2,815:
 
button.special,
 
button.special,
 
.button.special {
 
.button.special {
−
background-color: #721b28;
+
background-color: #f2efe8;
 
box-shadow: none;
 
box-shadow: none;
 
}
 
}
Line 2,790: Line 2,824:
 
button.special:hover,
 
button.special:hover,
 
.button.special:hover {
 
.button.special:hover {
−
background-color: #752b2e;
+
background-color:#f2efe8;
 
}
 
}
  
Line 2,798: Line 2,832:
 
button.special:active,
 
button.special:active,
 
.button.special:active {
 
.button.special:active {
−
background-color: #752b2e;
+
background-color:#f2efe8;
 
}
 
}
  
Line 2,875: Line 2,909:
 
.features article {
 
.features article {
 
padding: 1.75em 1.75em 0.1em 1.75em ;
 
padding: 1.75em 1.75em 0.1em 1.75em ;
−
background-color: #721b28;
+
background-color: #f2efe8;
 
border-radius: 5px;
 
border-radius: 5px;
 
margin: 1.5em 3em 1.5em 0;
 
margin: 1.5em 3em 1.5em 0;
Line 3,149: Line 3,183:
 
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: #721b28;
+
background: #f2efe8;
 
border-radius: 5px;
 
border-radius: 5px;
 
display: block;
 
display: block;
Line 3,205: Line 3,239:
  
 
#menu .links li a:hover {
 
#menu .links li a:hover {
−
background: #752b2e;
+
background:#f2efe8;
 
}
 
}
  
Line 3,336: Line 3,370:
 
#banner {
 
#banner {
 
padding: 7em 0 8.25em 0 ;
 
padding: 7em 0 8.25em 0 ;
−
background-color: #a04859;
+
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,446: Line 3,480:
 
#wrapper > header {
 
#wrapper > header {
 
padding: 9em 0 6.25em 0 ;
 
padding: 9em 0 6.25em 0 ;
−
background-color: #a04859;
+
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,489: Line 3,523:
  
 
.wrapper {
 
.wrapper {
−
background-color: #a04859;
+
background-color: #b0aac2;
 
margin: 6.5em 0;
 
margin: 6.5em 0;
 
position: relative;
 
position: relative;
Line 3,499: Line 3,533:
  
 
.wrapper:before {
 
.wrapper:before {
−
box-shadow: inset 0 -1px 0 0 #a04859, 0 1px 0 0 #a04859;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
 
.wrapper:after {
 
.wrapper:after {
−
box-shadow: inset 0 -1px 0 0 #a04859, 0 1px 0 0 #a04859;
+
box-shadow: inset 0 -1px 0 0 #b0aac2, 0 1px 0 0 #b0aac2;
 
}
 
}
  
Line 3,551: Line 3,585:
  
 
.wrapper.style2 {
 
.wrapper.style2 {
−
background-color: #721b28;
+
background-color: #f2efe8;
 
}
 
}
  
Line 3,559: Line 3,593:
  
 
.wrapper.style2:before {
 
.wrapper.style2:before {
−
box-shadow: inset 0 -1px 0 0 #721b28, 0 1px 0 0 #721b28;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.style2:after {
 
.wrapper.style2:after {
−
box-shadow: inset 0 -1px 0 0 #721b28, 0 1px 0 0 #721b28;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
−
 
−
.wrapper.style3 {
 
−
background-color: #3d4051;
 
−
}
 
  
 
.wrapper.style3:before, .wrapper.style3:after {
 
.wrapper.style3:before, .wrapper.style3:after {
Line 3,631: Line 3,661:
  
 
.wrapper.spotlight {
 
.wrapper.spotlight {
−
background-color: #721b28;
+
background-color: #f2efe8;
 
}
 
}
  
Line 3,639: Line 3,669:
  
 
.wrapper.spotlight:before {
 
.wrapper.spotlight:before {
−
box-shadow: inset 0 -1px 0 0 #721b28, 0 1px 0 0 #721b28;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.spotlight:after {
 
.wrapper.spotlight:after {
−
box-shadow: inset 0 -1px 0 0 #721b28, 0 1px 0 0 #721b28;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
Line 3,692: Line 3,722:
  
 
.wrapper.spotlight.style2 {
 
.wrapper.spotlight.style2 {
−
background-color: #752b2e;
+
background-color:#f2efe8;
 
}
 
}
  
Line 3,700: Line 3,730:
  
 
.wrapper.spotlight.style2:before {
 
.wrapper.spotlight.style2:before {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style2:after {
 
.wrapper.spotlight.style2:after {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style3 {
 
.wrapper.spotlight.style3 {
−
background-color: #752b2e;
+
text-align: left;
 +
width: 1440px;
 +
padding: 0px;
 +
margin: 0 auto;
 +
height: 100%;
 +
overflow-x:hidden;
 
}
 
}
  
Line 3,716: Line 3,751:
  
 
.wrapper.spotlight.style3:before {
 
.wrapper.spotlight.style3:before {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style3:after {
 
.wrapper.spotlight.style3:after {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style4 {
 
.wrapper.spotlight.style4 {
−
background-color: #752b2e;
+
background-color:#f2efe8;
 
}
 
}
  
Line 3,732: Line 3,767:
  
 
.wrapper.spotlight.style4:before {
 
.wrapper.spotlight.style4:before {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style4:after {
 
.wrapper.spotlight.style4:after {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style5 {
 
.wrapper.spotlight.style5 {
−
background-color: #752b2e;
+
background-color:#f2efe8;
 
}
 
}
  
Line 3,748: Line 3,783:
  
 
.wrapper.spotlight.style5:before {
 
.wrapper.spotlight.style5:before {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style5:after {
 
.wrapper.spotlight.style5:after {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style6 {
 
.wrapper.spotlight.style6 {
−
background-color: #752b2e;
+
background-color:#f2efe8;
 
}
 
}
  
Line 3,764: Line 3,799:
  
 
.wrapper.spotlight.style6:before {
 
.wrapper.spotlight.style6:before {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style6:after {
 
.wrapper.spotlight.style6:after {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
Line 3,934: Line 3,969:
  
 
#footer {
 
#footer {
−
background-color: #a04859;
+
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 4,027: Line 4,062:
  
 
body {
 
body {
−
background-color: #a04859;
+
background-color: #b0aac2;
 
background-image: url("../../images/bg.jpg");
 
background-image: url("../../images/bg.jpg");
 
background-size: cover;
 
background-size: cover;
Line 4,220: Line 4,255:
  
 
#menu {
 
#menu {
−
background: #a04859;
+
background: #b0aac2;
 
}
 
}
  
Line 4,230: Line 4,265:
  
 
#header {
 
#header {
−
background-color: #721b28;
+
background-color: #f2efe8;
 
}
 
}
  

Revision as of 09:31, 31 October 2017

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

Collaborations

Our team received mentoring from team TokyoTech when we met up on September 23rd. We received feedback and advice about the modeling of our data, as well as helpful guidance for how to best represent our project motivations and research.

Outside of other iGEM teams, we also heavily collaborated with other schools across the world through a virtual pre-medical club. Conducted through Global Online Academy, we shared our research and knowledge of colorectal cancer with other students, facilitating discussion about this cancer and inspiring other outreach programs among their respective communities.