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

Line 1,868: Line 1,868:
  
 
body {
 
body {
background-color: #4221af;
+
background-color: #c2d4d8;
 
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,246: Line 2,246:
 
select option {
 
select option {
 
color: #ffffff;
 
color: #ffffff;
background: #4221af;
+
background: #c2d4d8;
 
}
 
}
  
Line 2,321: Line 2,321:
 
border-color: #ffffff;
 
border-color: #ffffff;
 
content: '\f00c';
 
content: '\f00c';
color: #4221af;
+
color: #c2d4d8;
 
}
 
}
  
 
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: #c2d4d8;
 
}
 
}
  
Line 2,693: Line 2,693:
  
 
ul.pagination li > .page.active {
 
ul.pagination li > .page.active {
background-color: #4c5c96;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 2,875: Line 2,875:
 
button.special,
 
button.special,
 
.button.special {
 
.button.special {
background-color: #4c5c96;
+
background-color: #c2d4d8;
 
box-shadow: none;
 
box-shadow: none;
 
}
 
}
Line 2,892: Line 2,892:
 
button.special:active,
 
button.special:active,
 
.button.special:active {
 
.button.special:active {
background-color: #45558d;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 2,969: Line 2,969:
 
.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: #f2efe8;
 
border-radius: 5px;
 
border-radius: 5px;
 
margin: 1.5em 3em 1.5em 0;
 
margin: 1.5em 3em 1.5em 0;
Line 3,243: Line 3,243:
 
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: #c2d4d8;
 
border-radius: 5px;
 
border-radius: 5px;
 
display: block;
 
display: block;
Line 3,299: Line 3,299:
  
 
#menu .links li a:hover {
 
#menu .links li a:hover {
background: #45558d;
+
background: #c2d4d8;
 
}
 
}
  
Line 3,430: Line 3,430:
 
#banner {
 
#banner {
 
padding: 7em 0 8.25em 0 ;
 
padding: 7em 0 8.25em 0 ;
background-color: #4221af;
+
background-color: #c2d4d8;
 
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,540: Line 3,540:
 
#wrapper > header {
 
#wrapper > header {
 
padding: 9em 0 6.25em 0 ;
 
padding: 9em 0 6.25em 0 ;
background-color: #4221af;
+
background-color: #c2d4d8;
 
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,583: Line 3,583:
  
 
.wrapper {
 
.wrapper {
background-color: #4221af;
+
background-color: #c2d4d8;
 
margin: 6.5em 0;
 
margin: 6.5em 0;
 
position: relative;
 
position: relative;
Line 3,593: Line 3,593:
  
 
.wrapper:before {
 
.wrapper:before {
box-shadow: inset 0 -1px 0 0 #4221af, 0 1px 0 0 #4221af;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper:after {
 
.wrapper:after {
box-shadow: inset 0 -1px 0 0 #4221af, 0 1px 0 0 #4221af;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
Line 3,645: Line 3,645:
  
 
.wrapper.style2 {
 
.wrapper.style2 {
background-color: #353849;
+
background-color: #f2efe8;
 
}
 
}
  
Line 3,653: Line 3,653:
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.style3 {
 
.wrapper.style3 {
background-color: #3d4051;
+
background-color: #f2efe8;
 
}
 
}
  
Line 3,669: Line 3,669:
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.style4 {
 
.wrapper.style4 {
background-color: #454858;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 3,685: Line 3,685:
  
 
.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 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.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 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper.style5 {
 
.wrapper.style5 {
background-color: #4d5060;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 3,701: Line 3,701:
  
 
.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 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.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 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
Line 3,725: Line 3,725:
  
 
.wrapper.spotlight {
 
.wrapper.spotlight {
background-color: #4c5c96;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 3,733: Line 3,733:
  
 
.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 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.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 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
Line 3,786: Line 3,786:
  
 
.wrapper.spotlight.style2 {
 
.wrapper.spotlight.style2 {
background-color: #45558d;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 3,794: Line 3,794:
  
 
.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 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.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 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight.style3 {
 
.wrapper.spotlight.style3 {
background-color: #3f4e85;
+
background-color: #f2efe8;
 
}
 
}
  
Line 3,810: Line 3,810:
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style4 {
 
.wrapper.spotlight.style4 {
background-color: #39477c;
+
background-color: #f2efe8;
 
}
 
}
  
Line 3,826: Line 3,826:
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style5 {
 
.wrapper.spotlight.style5 {
background-color: #324072;
+
background-color: #f2efe8;
 
}
 
}
  
Line 3,842: Line 3,842:
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
Line 4,028: Line 4,028:
  
 
#footer {
 
#footer {
background-color: #4221af;
+
background-color: #c2d4d8;
 
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,121: Line 4,121:
  
 
body {
 
body {
background-color: #4221af;
+
background-color: #c2d4d8;
 
background-image: url("../../images/bg.jpg");
 
background-image: url("../../images/bg.jpg");
 
background-size: cover;
 
background-size: cover;
Line 4,314: Line 4,314:
  
 
#menu {
 
#menu {
background: #4221af;
+
background: #c2d4d8;
 
}
 
}
  
Line 4,324: Line 4,324:
  
 
#header {
 
#header {
background-color: #353849;
+
background-color: #f2efe8;
 
}
 
}
  

Revision as of 10:59, 31 October 2017

Basic Parts

Basic parts are defined as "functional unit[s] of DNA that cannot be subdivided into smaller component parts."

Basic Parts

BBa_K2226003 - COX-2 gene
BBa_K2226004 - c-Myc gene
BBa_K2226001 - COX-2 promoter
BBa_K2226002 - c-Myc promoter

Composite Parts

Composite parts are defined as "functional unit[s] of DNA consisting of two or more basic parts assembled together."

Composite Parts

BBa_K2226000

COX-2 promoter - FRB-Nluc398

BBa_K2226005

c-Myc promoter - FKBP-Cluc394

BBa_K2226006

Promoter - RBS - COX-2 gene

BBa_K2226007

Promoter - RBS - c-Myc gene