Difference between revisions of "Template:NCKU Tainan/overview"

Line 133: Line 133:
 
   font-weight: normal;
 
   font-weight: normal;
 
}
 
}
 +
 
@media only screen and (max-width: 1024px) {
 
@media only screen and (max-width: 1024px) {
 
   .timeline__content {
 
   .timeline__content {
Line 147: Line 148:
 
     transform: translateY(-80px);
 
     transform: translateY(-80px);
 
   }
 
   }
−
   .timeline-item:before {
+
   .timeline__content:before {
 
     content: attr(data-text) '\a' attr(title);
 
     content: attr(data-text) '\a' attr(title);
 
     white-space: pre-line
 
     white-space: pre-line
Line 162: Line 163:
 
     padding-left: 15px;
 
     padding-left: 15px;
 
     opacity: 0;
 
     opacity: 0;
−
  }  
+
  }
−
   .timeline-item:nth-child(even) {
+
   .timeline-item:before {
−
    align-self: flex-start;
+
     content: '';  
−
  }
+
  } 
−
  .timeline-item:nth-child(even):before {
+
    
−
     content: attr(data-text) '\a' attr(title);
+
−
    white-space: pre-line
+
−
    letter-spacing: 3px;
+
−
    width: 100%;
+
−
    position: absolute;
+
−
    color: #3cbac8;
+
−
    font-size: 20px;
+
−
    font-family: 'Montserrat', sans-serif;
+
−
    border-left: 2px solid #f9cb8f#;
+
−
    margin-top: 5%;
+
−
    right: 0;
+
−
    left: 10px;
+
−
    padding-left: 15px;
+
−
    opacity: 1;
+
−
    text-align: left;
+
−
   }
+
 
   .timeline-item.active:before {
 
   .timeline-item.active:before {
 
     top: 0;
 
     top: 0;

Revision as of 09:37, 1 November 2017