Difference between revisions of "Template:NCKU Tainan/css/homepage"
Oscarliu117 (Talk | contribs) |
|||
| (22 intermediate revisions by 3 users not shown) | |||
| Line 2: | Line 2: | ||
background-color: #272625; | background-color: #272625; | ||
} | } | ||
| + | |||
| + | .backgroundpic { | ||
| + | max-width: 100%; | ||
| + | height: auto; | ||
| + | } | ||
| + | |||
#HQ_page p { | #HQ_page p { | ||
font-size: 18px; | font-size: 18px; | ||
| Line 24: | Line 30: | ||
border-left: 4px solid transparent; | border-left: 4px solid transparent; | ||
} | } | ||
| − | + | .t-cover { | |
| − | @media (max-width: | + | height: 100vh !important; |
| + | } | ||
| + | @media (max-width: 1000px) { | ||
.t-cover { | .t-cover { | ||
margin-top: 40px; | margin-top: 40px; | ||
| − | height: | + | height: 80vh !important; |
| + | } | ||
| + | } | ||
| + | @media (max-width: 800px) { | ||
| + | .t-cover { | ||
| + | margin-top: 40px; | ||
| + | height: 60vh !important; | ||
| + | } | ||
| + | } | ||
| + | @media (max-width: 700px) { | ||
| + | .t-cover { | ||
| + | margin-top: 40px; | ||
| + | height: 30vh !important; | ||
| + | } | ||
| + | } | ||
| + | @media (max-width: 500px) { | ||
| + | .t-cover { | ||
| + | margin-top: 40px; | ||
| + | height: 20vh !important; | ||
| + | } | ||
| + | } | ||
| + | @media (max-width: 400px) { | ||
| + | .t-cover { | ||
| + | margin-top: 40px; | ||
| + | height: 5vh !important; | ||
} | } | ||
} | } | ||
| Line 43: | Line 75: | ||
.landing-video { | .landing-video { | ||
width: 80%; | width: 80%; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
Latest revision as of 17:04, 15 November 2018
body {
background-color: #272625;
}
.backgroundpic {
max-width: 100%; height: auto;
}
- HQ_page p {
font-size: 18px; margin: 0; background-color: #010E00;
} h3, h4, p {
color: white; padding-bottom: 10px;
} .container.content {
margin-top: 70px;
} .caret {
display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;
} .t-cover {
height: 100vh !important;
} @media (max-width: 1000px) {
.t-cover {
margin-top: 40px;
height: 80vh !important;
}
} @media (max-width: 800px) {
.t-cover {
margin-top: 40px;
height: 60vh !important;
}
} @media (max-width: 700px) {
.t-cover {
margin-top: 40px;
height: 30vh !important;
}
} @media (max-width: 500px) {
.t-cover {
margin-top: 40px;
height: 20vh !important;
}
} @media (max-width: 400px) {
.t-cover {
margin-top: 40px;
height: 5vh !important;
}
}
- star-svg {
margin-top: 120px;
}
- landing-page-video {
min-width: 100%;
}
video {
display: inline-block;
vertical-align: baseline;
}
.landing-video {
width: 80%;
}