Difference between revisions of "Template:NCTU Formosa/descriptioncss"
Terrychan999 (Talk | contribs) |
Terrychan999 (Talk | contribs) |
||
| Line 1: | Line 1: | ||
| − | <html> | + | <html><style>#globalWrapper { |
| − | <style> | + | padding-bottom: 0 !important; |
| − | #globalWrapper{ | + | |
| − | + | ||
} | } | ||
| − | body{ | + | |
| − | + | body { | |
| − | + | font-size: 0 !important; | |
| − | + | margin: 0; | |
| − | + | padding: 0; | |
| − | + | font-family: Quenda; | |
| + | box-sizing: border-box; | ||
} | } | ||
| − | p{ | + | |
| − | + | p { | |
| − | + | font-family: Quenda !important; | |
| − | + | padding: 0 !important; | |
| − | + | font-size: 2vw !important; | |
| + | margin: 0; | ||
} | } | ||
| − | video{ | + | |
| − | + | video { | |
| + | display: block; | ||
} | } | ||
| − | .wrapper{ | + | |
| − | + | .wrapper { | |
| − | + | width: 100%; | |
| + | font-family: Quenda !important; | ||
} | } | ||
.explanation { | .explanation { | ||
| − | + | font-size: 1.5vw !important; | |
| − | + | font-weight: bold; | |
| − | + | color: #7e392e; | |
| − | + | text-align: center !important; | |
| − | + | margin-bottom: 10px; | |
| − | + | margin-top: 1%; | |
} | } | ||
| − | .icon{ | + | |
| − | + | .icon { | |
| − | + | width: 1.5vw; | |
| − | + | vertical-align: middle; | |
| + | color: #7e392e; | ||
} | } | ||
| − | #des{ | + | |
| − | + | #des { | |
| − | + | display: block; | |
| − | + | width: 100%; | |
| − | + | margin: 0%; | |
| − | + | padding: 0%; | |
| + | z-index: -2; | ||
} | } | ||
| − | #button{ | + | |
| − | + | #button { | |
| − | + | position: absolute; | |
| − | + | width: 60%; | |
| − | + | z-index: 2; | |
| − | + | margin-top: -17%; | |
| + | margin-left: 25%; | ||
} | } | ||
| − | .title_5{ | + | |
| − | + | .title_5 { | |
| − | + | float: left; | |
| − | + | margin-left: 60%; | |
| − | + | margin-top: 2%; | |
| + | margin-right: 1%; | ||
} | } | ||
| − | .title_5 p{ | + | |
| − | + | .title_5 p { | |
| + | font-size: 3vw !important; | ||
} | } | ||
| + | |||
.next { | .next { | ||
| − | + | background-color: #B07540; | |
| − | + | width: auto !important; | |
| − | + | display: inline-block !important; | |
| − | + | vertical-align: middle !important; | |
| − | + | margin: 1.5%; | |
| − | + | padding: 1%; | |
| − | + | border-radius: 50px; | |
| − | + | float: left; | |
} | } | ||
| − | .next:hover{ | + | |
| − | + | .next:hover { | |
| − | + | transform: scale(1.2); | |
| − | + | transition-duration: 0.3s; | |
| + | cursor: pointer; | ||
} | } | ||
| − | .next a:link{ | + | |
| − | + | .next a:link { | |
| − | + | color: #F4E5AD; | |
| + | text-decoration: none; | ||
} | } | ||
| − | .next a:visited{ | + | |
| − | + | .next a:visited { | |
| − | + | color: #F4E5AD; | |
| + | text-decoration: none; | ||
} | } | ||
| Line 90: | Line 101: | ||
} | } | ||
| − | @media screen and (max-width:458){ | + | @media screen and (max-width:458) { |
.title_5 { | .title_5 { | ||
margin-left: 50%; | margin-left: 50%; | ||
| Line 96: | Line 107: | ||
} | } | ||
| − | @media screen and (min-width: 1023px) | + | @media screen and (min-width: 1023px) { |
| − | .wrapper_footer { | + | .wrapper_footer { |
| − | + | width: 100% !important; | |
| − | + | margin-top: -13.5%; | |
| + | } | ||
} | } | ||
| − | </style> | + | |
| − | </html> | + | </style></html> |
Revision as of 20:50, 21 October 2019