Difference between revisions of "Template:NCKU Tainan/overview"
| (12 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
| + | #paragraph p{ | ||
| + | font-size:18px !important; | ||
| + | padding-left:0 !important; | ||
| + | } | ||
| + | |||
| + | |||
.timeline { | .timeline { | ||
display: flex; | display: flex; | ||
| Line 10: | Line 16: | ||
position: relative; | position: relative; | ||
} | } | ||
| + | |||
.timeline__content-desc { | .timeline__content-desc { | ||
| − | margin: 15px; | + | margin-top: 15px; |
| + | margin-bottom: 15px; | ||
font-size: 20px; | font-size: 20px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| Line 21: | Line 29: | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
| − | |||
.timeline:before { | .timeline:before { | ||
position: absolute; | position: absolute; | ||
| Line 33: | Line 40: | ||
.timeline-item { | .timeline-item { | ||
| + | margin-top:10%; | ||
opacity: .3; | opacity: .3; | ||
filter: blur(2px); | filter: blur(2px); | ||
| Line 137: | Line 145: | ||
.timeline__content { | .timeline__content { | ||
margin-top: 75px; | margin-top: 75px; | ||
| − | } | + | } |
.timeline-item { | .timeline-item { | ||
opacity: .3; | opacity: .3; | ||
| Line 148: | Line 156: | ||
transform: translateY(-80px); | transform: translateY(-80px); | ||
} | } | ||
| − | + | .timeline-item:before { | |
| − | + | ||
top: 0; | top: 0; | ||
left: 10px; | left: 10px; | ||
| Line 158: | Line 165: | ||
.timeline-item:nth-child(even):before { | .timeline-item:nth-child(even):before { | ||
top: 0; | top: 0; | ||
| − | + | right:0; | |
| + | left:auto; | ||
} | } | ||
| − | |||
| − | |||
.timeline-item.active:before { | .timeline-item.active:before { | ||
top: 0; | top: 0; | ||
| Line 168: | Line 174: | ||
} | } | ||
} | } | ||
| − | + | @media only screen and (max-width: 768px) { | |
| − | + | .timeline__img{ | |
| + | margin-top:10%; | ||
} | } | ||
| + | .timeline-item:before { | ||
| + | font-size:16px; | ||
| + | top: -5%; | ||
| + | } | ||
| + | .timeline-item:nth-child(even):before { | ||
| + | font-size:16px; | ||
| + | top: -5%; | ||
| + | } | ||
| + | .timeline-item:before { | ||
| + | font-size:16px; | ||
| + | |||
| + | } | ||
| + | |||
| + | } | ||
Latest revision as of 13:24, 1 November 2017
