Difference between revisions of "Template:TAS Taipei/CSS4"
| (22 intermediate revisions by the same user not shown) | |||
| Line 59: | Line 59: | ||
} | } | ||
| + | .chevron.active{ | ||
| + | display: none; | ||
| + | } | ||
.navCap{ | .navCap{ | ||
| Line 142: | Line 145: | ||
} | } | ||
| + | .medal{ | ||
| + | z-index: 3; | ||
| + | width: 30vh; | ||
| + | position: absolute; | ||
| + | top:0; | ||
| + | right:0; | ||
| + | } | ||
@media screen and (max-width: 1020px) { | @media screen and (max-width: 1020px) { | ||
| Line 280: | Line 290: | ||
top: 0; | top: 0; | ||
width: 98vw; | width: 98vw; | ||
| − | margin-top: | + | margin-top: 120px; |
margin-left: 1vw; | margin-left: 1vw; | ||
margin-right: 1vw; | margin-right: 1vw; | ||
| Line 292: | Line 302: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
display: none; | display: none; | ||
| + | } | ||
| + | .banner.marginFix{ | ||
| + | height: 105vh; | ||
} | } | ||
.banner>.guide { | .banner>.guide { | ||
| Line 299: | Line 312: | ||
background: #FAFAFA; | background: #FAFAFA; | ||
color: black; | color: black; | ||
| − | position: | + | position: fixed; |
font-family: 'Product Sans', sans-serif; | font-family: 'Product Sans', sans-serif; | ||
z-index: 3; | z-index: 3; | ||
| Line 445: | Line 458: | ||
.mainVideo{ | .mainVideo{ | ||
| − | + | width: 100vw; | |
position: absolute; | position: absolute; | ||
| + | top: -80px; | ||
| + | left: 0; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @media screen and (min-width: 1250px) { | ||
| + | #abstract1 { | ||
| + | font-family: 'Product Sans', sans-serif !important; | ||
| + | color: white; | ||
| + | line-height: 3.5vh; | ||
| + | margin-right: 20px; | ||
| + | font-size: 3vh; | ||
| + | text-align: center !important; | ||
| + | position: fixed; | ||
top: 0; | top: 0; | ||
| − | right: 0; | + | width: 98vw; |
| + | margin-top: 110px; | ||
| + | margin-left: 1vw; | ||
| + | margin-right: 1vw; | ||
| + | } | ||
| + | #this_title { | ||
| + | margin-top: 0; | ||
| + | font-size: 4vh; | ||
| + | font-weight: 900px; | ||
| + | line-height: 3vh; | ||
| + | padding-top: 1vh; | ||
| + | color: white !important; | ||
| + | text-shadow: 0 0 10px grey; | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | width: 98vw; | ||
| + | margin-top: 145px; | ||
| + | margin-left: 1vw; | ||
| + | margin-right: 1vw; | ||
| + | } | ||
| + | #this_title_2 { | ||
| + | margin-top: 0; | ||
| + | font-size: 4vh; | ||
| + | font-weight: 900px; | ||
| + | line-height: 3vh; | ||
| + | padding-top: 1vh; | ||
| + | color: white !important; | ||
| + | text-shadow: 0 0 10px grey; | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | width: 98vw; | ||
| + | margin-top: 160px; | ||
| + | margin-left: 1vw; | ||
| + | margin-right: 1vw; | ||
} | } | ||
} | } | ||
| Line 479: | Line 539: | ||
top: 0; | top: 0; | ||
width: 98vw; | width: 98vw; | ||
| − | margin-top: | + | margin-top: 155px; |
| + | margin-left: 1vw; | ||
| + | margin-right: 1vw; | ||
| + | } | ||
| + | |||
| + | #this_title_2 { | ||
| + | margin-top: 0; | ||
| + | font-size: 4vh; | ||
| + | font-weight: 900px; | ||
| + | line-height: 3vh; | ||
| + | padding-top: 1vh; | ||
| + | color: white !important; | ||
| + | text-shadow: 0 0 10px grey; | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | width: 98vw; | ||
| + | margin-top: 180px; | ||
margin-left: 1vw; | margin-left: 1vw; | ||
margin-right: 1vw; | margin-right: 1vw; | ||
| Line 619: | Line 695: | ||
padding-right: 10%; | padding-right: 10%; | ||
top: 100vh; | top: 100vh; | ||
| − | |||
text-align: justify; | text-align: justify; | ||
| + | } | ||
| + | |||
| + | .cv.active{ | ||
| + | display: none; | ||
} | } | ||
| Line 686: | Line 765: | ||
padding-right: 15px; | padding-right: 15px; | ||
padding-left: 15px; | padding-left: 15px; | ||
| − | |||
background-color: none !important; | background-color: none !important; | ||
} | } | ||
Latest revision as of 07:10, 30 November 2017