Difference between revisions of "Template:HK GTC"

(Blanked the page)
Line 1: Line 1:
 +
<html>
 +
<style>
 +
*{
 +
    margin: 0;
 +
    padding: 0;
 +
    border: 0;
 +
    outline: 0;
 +
    font-size: 100%;
 +
    vertical-align: baseline;
 +
    background: transparent;
 +
}
  
 +
header{
 +
    font-family: 'Raleway', serif !important;
 +
}
 +
 +
@font-face {
 +
    font-family: "Monastic";
 +
    src: url("../fonts/Monastic.ttf");
 +
}
 +
 +
#my-global-wrapper{
 +
    width: 100%;
 +
    height: max-content;
 +
    font-family: 'Raleway', serif !important;
 +
}
 +
 +
/* #93D5DC #1BA784 #55BB8A #29B7CB #5CB3CC */
 +
 +
html{
 +
    scroll-behavior: smooth;
 +
}
 +
 +
html, body{
 +
    background-color: #f4f4f4;
 +
    height: 100vw;
 +
}
 +
 +
#my-nav{
 +
    position: fixed;
 +
    width: 100%;
 +
    height: 10vh;
 +
    transition: transform .5s;
 +
    z-index: 3;
 +
}
 +
 +
#my-nav #top{
 +
    position: absolute;
 +
    top:0;
 +
    left:0;
 +
    width: 100%;
 +
    height: 100%;
 +
}
 +
 +
#my-nav #top h1{
 +
    float: left;
 +
    padding:2rem;
 +
    font-size: 2rem;
 +
    color: #fff;
 +
}
 +
#my-nav #nav-button{
 +
    transition: all .25s;
 +
    float: right;
 +
    padding: 2rem;
 +
}
 +
 +
#my-nav #nav-button:hover{
 +
    cursor: pointer;
 +
    height:3rem;
 +
}
 +
 +
#my-nav #nav-button line{
 +
    stroke: #fff;
 +
    transition: all .5s;
 +
}
 +
 +
#my-nav #nav-button:hover line{
 +
    stroke: #eeeeee;
 +
}
 +
 +
#my-nav #back-button{
 +
    width: fit-content;
 +
}
 +
 +
#my-nav #back-button:hover{
 +
    cursor: pointer;
 +
}
 +
 +
#my-nav .inline{
 +
    display: inline;
 +
}
 +
 +
#my-nav .inline h1{
 +
    padding-right: 0 !important;
 +
}
 +
 +
#my-nav #my-nav.logo{
 +
    width: 6rem;
 +
    height: 6rem;
 +
}
 +
 +
#my-nav #popup{
 +
    position: fixed;
 +
    width:25%;
 +
    height:100%;
 +
    right:0;
 +
    transform: translateX(100%);
 +
    padding: 2.5rem;
 +
    background-color: #ffffff;
 +
    font-size: 2rem;
 +
    font-weight: 200;
 +
    transition: all .5s;
 +
    opacity: 0;
 +
    color: #4f4f4f !important;
 +
}
 +
 +
#my-nav #popup a{
 +
    width: 100%;
 +
    height: 100%;
 +
    text-decoration: none;
 +
    color:#4f4f4f;
 +
    font-weight: 200;
 +
    transition: all .25s;
 +
}
 +
 +
#my-nav #popup li{
 +
    transition: all .25s;
 +
}
 +
 +
#my-nav #popup li:hover{
 +
    cursor: pointer;
 +
    color: #f4f4f4;
 +
    background-color: #1BA784;
 +
    font-weight: 400;
 +
}
 +
 +
#my-nav #popup li:hover a{
 +
    color: #f4f4f4;
 +
    font-weight: 400;
 +
}
 +
 +
 +
#my-nav #current-page{
 +
    font-weight: bold;
 +
}
 +
 +
#my-nav #popup nav,ul,li{
 +
    list-style-type: none;
 +
    width: 100%;
 +
    padding: .6rem;
 +
}
 +
 +
#my-nav #popup h1 {
 +
    padding: .6rem
 +
}
 +
 +
#my-nav .navShow{
 +
    transform: translateX(0%) !important;
 +
    opacity: 1 !important;
 +
}
 +
 +
#my-nav .inactive{
 +
    display:none;
 +
}
 +
 +
#my-nav .show{
 +
    transition: opacity .25s;
 +
    opacity: 1;
 +
}
 +
 +
#my-nav .fade-out{
 +
    transition: opacity .25s;
 +
    opacity : 0 !important;
 +
}
 +
 +
#my-nav .rotate{
 +
    transform: rotate(90deg);
 +
}
 +
</style>
 +
</html>

Revision as of 07:39, 18 September 2021