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

Line 1,720: Line 1,720:
  
 
body {
 
body {
−
background-color: #2e3141;
+
background-color: #6e8e4f;
 
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,060:
 
select:focus,
 
select:focus,
 
textarea:focus {
 
textarea:focus {
−
border-color: #5b6ba6;
+
border-color: #6e8e4f;
 
}
 
}
  
Line 2,098: Line 2,098:
 
select option {
 
select option {
 
color: #ffffff;
 
color: #ffffff;
−
background: #2e3141;
+
background: #6e8e4f;
 
}
 
}
  
Line 2,173: Line 2,173:
 
border-color: #ffffff;
 
border-color: #ffffff;
 
content: '\f00c';
 
content: '\f00c';
−
color: #2e3141;
+
color: #6e8e4f;
 
}
 
}
  
 
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: #6e8e4f;
 
}
 
}
  
Line 2,545: Line 2,545:
  
 
ul.pagination li > .page.active {
 
ul.pagination li > .page.active {
−
background-color: #4c5c96;
+
background-color: #6e8e4f;
 
}
 
}
  
Line 2,727: Line 2,727:
 
button.special,
 
button.special,
 
.button.special {
 
.button.special {
−
background-color: #4c5c96;
+
background-color: #6e8e4f;
 
box-shadow: none;
 
box-shadow: none;
 
}
 
}
Line 2,736: Line 2,736:
 
button.special:hover,
 
button.special:hover,
 
.button.special:hover {
 
.button.special:hover {
−
background-color: #53639e;
+
background-color: #6e8e4f;
 
}
 
}
  
Line 2,744: Line 2,744:
 
button.special:active,
 
button.special:active,
 
.button.special:active {
 
.button.special:active {
−
background-color: #45558d;
+
background-color:#6e8e4f;
 
}
 
}
  
Line 2,752: Line 2,752:
 
button.special.icon:before,
 
button.special.icon:before,
 
.button.special.icon:before {
 
.button.special.icon:before {
−
color: #7985b0;
+
color: #6e8e4f
 
}
 
}
  
Line 2,821: Line 2,821:
 
.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: #6e8e4f;
 
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,095:
 
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: #6e8e4f;
 
border-radius: 5px;
 
border-radius: 5px;
 
display: block;
 
display: block;
Line 3,151: Line 3,151:
  
 
#menu .links li a:hover {
 
#menu .links li a:hover {
−
background: #45558d;
+
background:#6e8e4f;
 
}
 
}
  
Line 3,282: Line 3,282:
 
#banner {
 
#banner {
 
padding: 7em 0 8.25em 0 ;
 
padding: 7em 0 8.25em 0 ;
−
background-color: #2e3141;
+
background-color: #6e8e4f;
 
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,392:
 
#wrapper > header {
 
#wrapper > header {
 
padding: 9em 0 6.25em 0 ;
 
padding: 9em 0 6.25em 0 ;
−
background-color: #2e3141;
+
background-color: #6e8e4f;
 
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,435:
  
 
.wrapper {
 
.wrapper {
−
background-color: #2e3141;
+
background-color: #6e8e4f;
 
margin: 6.5em 0;
 
margin: 6.5em 0;
 
position: relative;
 
position: relative;
Line 3,445: Line 3,445:
  
 
.wrapper:before {
 
.wrapper:before {
−
box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
+
box-shadow: inset 0 -1px 0 0 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.wrapper:after {
 
.wrapper:after {
−
box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
+
box-shadow: inset 0 -1px 0 0 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
Line 3,497: Line 3,497:
  
 
.wrapper.style2 {
 
.wrapper.style2 {
−
background-color: #353849;
+
background-color: #6e8e4f;
 
}
 
}
  
Line 3,505: Line 3,505:
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.wrapper.style3 {
 
.wrapper.style3 {
−
background-color: #3d4051;
+
background-color: #6e8e4f;
 
}
 
}
  
Line 3,521: Line 3,521:
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.wrapper.style4 {
 
.wrapper.style4 {
−
background-color: #454858;
+
background-color: #6e8e4f;
 
}
 
}
  
Line 3,537: Line 3,537:
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.wrapper.style5 {
 
.wrapper.style5 {
−
background-color: #4d5060;
+
background-color: #6e8e4f;
 
}
 
}
  
Line 3,553: Line 3,553:
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.wrapper.style6 {
 
.wrapper.style6 {
−
background-color: #555867;
+
background-color:#6e8e4f;
 
}
 
}
  
Line 3,569: Line 3,569:
  
 
.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#6e8e4f, 0 1px 0 0#6e8e4f;
 
}
 
}
  
 
.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#6e8e4f, 0 1px 0 0#6e8e4f;
 
}
 
}
  
 
.wrapper.spotlight {
 
.wrapper.spotlight {
−
background-color: #4c5c96;
+
background-color: #6e8e4f;
 
}
 
}
  
Line 3,585: Line 3,585:
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
Line 3,638: Line 3,638:
  
 
.wrapper.spotlight.style2 {
 
.wrapper.spotlight.style2 {
−
background-color: #45558d;
+
background-color:#6e8e4f;
 
}
 
}
  
Line 3,646: Line 3,646:
  
 
.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#6e8e4f, 0 1px 0 0#6e8e4f;
 
}
 
}
  
 
.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#6e8e4f, 0 1px 0 0#6e8e4f;
 
}
 
}
  
 
.wrapper.spotlight.style3 {
 
.wrapper.spotlight.style3 {
−
background-color: #3f4e85;
+
background-color: #6e8e4f;
 
}
 
}
  
Line 3,662: Line 3,662:
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.wrapper.spotlight.style4 {
 
.wrapper.spotlight.style4 {
−
background-color: #39477c;
+
background-color: #6e8e4f;
 
}
 
}
  
Line 3,678: Line 3,678:
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.wrapper.spotlight.style5 {
 
.wrapper.spotlight.style5 {
−
background-color: #324072;
+
background-color: #6e8e4f;
 
}
 
}
  
Line 3,694: Line 3,694:
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.wrapper.spotlight.style6 {
 
.wrapper.spotlight.style6 {
−
background-color: #2d3a69;
+
background-color: #6e8e4f;
 
}
 
}
  
Line 3,710: Line 3,710:
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
 
.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 #6e8e4f, 0 1px 0 0 #6e8e4f;
 
}
 
}
  
Line 3,880: Line 3,880:
  
 
#footer {
 
#footer {
−
background-color: #2e3141;
+
background-color: #6e8e4f;
 
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 3,973:
  
 
body {
 
body {
−
background-color: #2e3141;
+
background-color: #6e8e4f;
 
background-image: url("../../images/bg.jpg");
 
background-image: url("../../images/bg.jpg");
 
background-size: cover;
 
background-size: cover;
Line 4,166: Line 4,166:
  
 
#menu {
 
#menu {
−
background: #2e3141;
+
background: #6e8e4f;
 
}
 
}
  
Line 4,176: Line 4,176:
  
 
#header {
 
#header {
−
background-color: #353849;
+
background-color: #6e8e4f;
 
}
 
}
  

Revision as of 02:29, 27 October 2017

Home Team Project Notebook Parts Safety Human Practices
IGEM ASIJ TOKYO

Our notebook