|
|
| 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/home_css}} |
| | {{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> |
| | | | |
