m |
m |
||
Line 1: | Line 1: | ||
{{Template:CCU_Taiwan/bootstrap_min_css}} | {{Template:CCU_Taiwan/bootstrap_min_css}} | ||
{{Template:CCU_Taiwan/header_footer}} | {{Template:CCU_Taiwan/header_footer}} | ||
− | + | ||
{{Template:CCU_Taiwan/modify_css}} | {{Template:CCU_Taiwan/modify_css}} | ||
<html> | <html> | ||
+ | <style> | ||
+ | html, body{ | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | .fixed_bg{ | ||
+ | height: 100%; | ||
+ | position: relative; | ||
+ | background-attachment: fixed; | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | -webkit-background-size: cover; | ||
+ | } | ||
+ | |||
+ | .wordcenter{ | ||
+ | position: absolute; | ||
+ | left: 50%; | ||
+ | top: 50%; | ||
+ | bottom: auto; | ||
+ | right: auto; | ||
+ | -webkit-transform: translateX(-50%) translateY(-50%); | ||
+ | transform: translateX(-50%) translateY(-50%); | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .shadow{ | ||
+ | box-shadow: 0 0 0 rgba(0,0,0,0)!important; | ||
+ | } | ||
+ | |||
+ | .color_1{ | ||
+ | background-color: rgb(242, 242, 242); | ||
+ | } | ||
+ | |||
+ | .color_2{ | ||
+ | background-color: rgba(227, 227, 227, 1); | ||
+ | } | ||
+ | |||
+ | .color_3{ | ||
+ | background-color: rgb(242, 242, 242); | ||
+ | } | ||
+ | |||
+ | .color_4{ | ||
+ | background-color: rgb(230, 230, 230, 0.8); | ||
+ | } | ||
+ | |||
+ | .color_5{ | ||
+ | background-color: rgb(230, 230, 230, 0.8); | ||
+ | } | ||
+ | |||
+ | #home_content { | ||
+ | position: absolute; | ||
+ | left: 60%; | ||
+ | top: 30%; | ||
+ | bottom: auto; | ||
+ | right: auto; | ||
+ | -webkit-transform: translateX(-60%) translateY(-30%); | ||
+ | transform: translateX(-60%) translateY(-30%); | ||
+ | text-align: center; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 1100px) { | ||
+ | #home_content { | ||
+ | font-size: 2.25rem; | ||
+ | } | ||
+ | } | ||
+ | @media (max-width: 1000px) { | ||
+ | #home_content { | ||
+ | font-size: 2rem; | ||
+ | } | ||
+ | } | ||
+ | @media (max-width: 750px) { | ||
+ | #home_content { | ||
+ | font-size: 1.75rem; | ||
+ | } | ||
+ | } | ||
+ | @media (max-width: 600px) { | ||
+ | #home_content { | ||
+ | font-size: 1.5rem; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | </style> | ||
<head> | <head> | ||
Revision as of 09:22, 31 August 2020