Difference between revisions of "Template:CCU Taiwan/header footer"

m
m
Line 103: Line 103:
 
a:hover {
 
a:hover {
 
     text-decoration: none;
 
     text-decoration: none;
 +
}
 +
 +
.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>
 
</style>

Revision as of 08:14, 31 August 2020