Difference between revisions of "Team:CSMU NCHU Taiwan/Design"

Line 62: Line 62:
 
   width: 100%; }
 
   width: 100%; }
  
.path-btns {
+
.pdfbtn {
   position: fixed;
+
   width: 100%;
   width: 250px;
+
   margin: 20px 0 10px 0;
   top: 200px;
+
   padding: 10px 20px;
   left: 225px; }
+
   border-radius: 5px;
   .path-btns .path-dot {
+
   background-color: #556b7e;
    width: 25px;
+
  color: white;
    height: 25px;
+
  display: block;
    border-radius: 50%;
+
  position: relative; }
 +
  .pdfbtn i {
 
     position: absolute;
 
     position: absolute;
     background-color: #fff;
+
     right: 50px;
     top: 5px;
+
     top: 50%;
     left: 27px;
+
     transform: translateY(-50%); }
    border: 5px solid #385e66;
+
    cursor: pointer; }
+
    .path-btns .path-dot.active {
+
      background-color: #385e66; }
+
    .path-btns .path-dot:hover {
+
      transition: all .3s;
+
      transform: scale(1.2); }
+
  
 
+
.pdf-container {
.path {
+
   width: 100%;
   height: 65px;
+
   text-align: center;
   display: flex; }
+
   height: 90vh;
  .path .pathSvg {
+
   display: none; }
    display: block; }
+
  .path .pathWord {
+
    padding-right: 10%; }
+
   .path .path-btn {
+
    cursor: pointer;
+
    fill: #fff; }
+
    .path .path-btn.path-active {
+
      fill: #385e66; }
+
   .path .path-word-sm {
+
    font-size: 12px; }
+
 
#HQ_page .path .pathWord p {
 
#HQ_page .path .pathWord p {
 
       font-weight: 700;
 
       font-weight: 700;

Revision as of 07:38, 30 October 2017

Safety

Design

Thioredoxin ...

In our project, ... Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum veritatis quaerat obcaecati, nobis assumenda reprehenderit nisi minus tenetur. Quae, debitis? ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam suscipit officiis fugiat accusamus quia eaque adipisci, odio rem saepe odit sint quasi, officia consequuntur praesentium laboriosam magni corporis. Quos, vero.

Aflatoxin ...

In our project, ... Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum veritatis quaerat obcaecati, nobis assumenda reprehenderit nisi minus tenetur. Quae, debitis? ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam suscipit officiis fugiat accusamus quia eaque adipisci, odio rem saepe odit sint quasi, officia consequuntur praesentium laboriosam magni corporis. Quos, vero.

The activator ...

In our project, ... Lorem ipsum dolor sit amet, consectetur adipisicing elit. Harum veritatis quaerat obcaecati, nobis assumenda reprehenderit nisi minus tenetur. Quae, debitis? ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam suscipit officiis fugiat accusamus quia eaque adipisci, odio rem saepe odit sint quasi, officia consequuntur praesentium laboriosam magni corporis. Quos, vero.

Reference

Alternative text - include a link to the PDF!