Difference between revisions of "Template:HK GTC"

Line 133: Line 133:
 
     font-size: 2rem;
 
     font-size: 2rem;
 
     color: #fff;
 
     color: #fff;
 +
    transition: all .25s;
 
     line-height: normal !important;
 
     line-height: normal !important;
 
     filter: drop-shadow(1px 1px 0px#000);
 
     filter: drop-shadow(1px 1px 0px#000);
Line 263: Line 264:
  
 
#my-top.onscroll {
 
#my-top.onscroll {
−
     background-color: #fff;
+
     background-color: #2a4150;
 
     box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
 
     box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
 
}
 
}
  
 
#my-top.onscroll a h1 {
 
#my-top.onscroll a h1 {
−
     color: #2a4150 !important;
+
     color: #fff !important;
 
     filter: none !important;
 
     filter: none !important;
 +
    font-size: 1rem !important;
 +
    padding: 1rem !important;
 
}
 
}
  
 
#my-top.onscroll #nav-button line {
 
#my-top.onscroll #nav-button line {
−
     stroke: #2a4150 !important;
+
     stroke: #fff !important;
 
}
 
}
  
 
#my-top.onscroll #nav-button {
 
#my-top.onscroll #nav-button {
 
     filter: none !important;
 
     filter: none !important;
 +
    height: 2rem ;
 +
    padding: 0rem !important;
 +
    margin: .5rem !important;
 
}
 
}
  
Line 892: Line 898:
 
.brief-team .brief-team-right p {
 
.brief-team .brief-team-right p {
 
     line-height: 2rem;
 
     line-height: 2rem;
 +
    font-size: 1rem !important;
 
}
 
}
  
Line 940: Line 947:
  
 
.card .mem-name {
 
.card .mem-name {
−
     padding: 2rem;
+
     padding: 1rem;
 
     height: 100%;
 
     height: 100%;
 
     z-index: 1;
 
     z-index: 1;
Line 994: Line 1,001:
  
 
.card-display .leader {
 
.card-display .leader {
−
     background-color: goldenrod;
+
     background-color: #1BA784;
−
     height: 80vh;
+
     height: 60vh;
 +
    width: 70%;
 
     color: #fff;
 
     color: #fff;
 +
    margin: auto;
 +
}
 +
 +
.card-display .leader h1{
 +
    font-size: 1rem;
 
}
 
}
  
Line 1,020: Line 1,033:
  
 
.card.pi .mem-name-pi p {
 
.card.pi .mem-name-pi p {
 +
    font-size: 1rem !important;
 
     line-height: 1.5rem;
 
     line-height: 1.5rem;
 
}
 
}
Line 1,025: Line 1,039:
  
 
.card-display.sub-leader {
 
.card-display.sub-leader {
−
     grid-template-columns: 1fr 1fr 1fr 1fr;
+
     grid-template-columns: 1fr 1fr 1fr;
 
}
 
}
  
Line 1,118: Line 1,132:
 
.card-display.small-cards-2 .card.with-img {
 
.card-display.small-cards-2 .card.with-img {
 
     display: grid;
 
     display: grid;
−
     grid-template-columns: 2fr 1fr;
+
     grid-template-columns: 1fr 2fr;
 
}
 
}
  
Line 1,181: Line 1,195:
 
     width: 1rem;
 
     width: 1rem;
 
}
 
}
−
 
−
 
−
 
  
  
Line 1,486: Line 1,497:
 
     .card-display.member {
 
     .card-display.member {
 
         grid-template-columns: 1fr 1fr 1fr;
 
         grid-template-columns: 1fr 1fr 1fr;
 +
    }
 +
 +
    .card-display.small-cards-2{
 +
        display: block;
 
     }
 
     }
 
}
 
}
Line 1,499: Line 1,514:
 
     }
 
     }
  
−
     .brief-team .brief-team-right p{
+
     .brief-team {
−
         line-height: 1.5rem;
+
         grid-template-columns: 1fr;
 +
        height: fit-content;
 +
        margin-top: 2rem;
 
     }
 
     }
 +
 +
    .brief-team .brief-team-right h1 {
 +
        line-height: normal !important;
 +
        font-size: 2rem;
 +
    }
 +
 +
    .brief-team .brief-team-right p {
 +
        line-height: 1.2rem;
 +
        font-size: 1rem;
 +
    }
 +
 +
  
 
}
 
}
Line 1,595: Line 1,624:
 
         width: 90%;
 
         width: 90%;
 
         height: 100vh;
 
         height: 100vh;
−
    }
 
−
 
−
    .brief-team {
 
−
        grid-template-columns: 1fr;
 
−
        height: fit-content;
 
−
        margin-top: 2rem;
 
−
    }
 
−
 
−
    .brief-team .brief-team-right h1 {
 
−
        line-height: normal !important;
 
−
        font-size: 2rem;
 
−
    }
 
−
 
−
    .brief-team .brief-team-right p {
 
−
        line-height: 1.2rem;
 
−
        font-size: 1rem;
 
 
     }
 
     }
  
Line 1,640: Line 1,653:
 
     .card-display.small-cards-2 .card .desc p{
 
     .card-display.small-cards-2 .card .desc p{
 
         padding: 0rem 2rem;
 
         padding: 0rem 2rem;
 +
    }
 +
 +
    .card-display.small-cards-2 {
 +
        grid-template-columns: 1fr;
 
     }
 
     }
  
Line 1,648: Line 1,665:
 
     .card-display.small-cards-2 .card .mem-name h1{
 
     .card-display.small-cards-2 .card .mem-name h1{
 
         font-size: 1.1rem;
 
         font-size: 1.1rem;
 +
    }
 +
 +
    .card-display.small-cards-2 .card{
 +
        grid-template-columns: 1fr !important;
 +
    }
 +
 +
    .card-display.small-cards-2 .card.with-img{
 +
        height: fit-content;
 +
        display: block;
 +
    }
 +
 +
    .card-display.small-cards-2 .card.with-img .ad-desc{
 +
        height: fit-content;
 +
        padding: 2rem;
 +
    }
 +
 +
    .card-display.small-cards-2 .card.with-img .img{
 +
        height: fit-content;
 
     }
 
     }
  
Line 1,682: Line 1,717:
 
     nav li {
 
     nav li {
 
         text-align: center;
 
         text-align: center;
−
    }
 
−
 
−
    #nav-button {
 
−
        height: 2.3rem;
 
 
     }
 
     }
  
Line 1,692: Line 1,723:
 
         height: 2rem !important;
 
         height: 2rem !important;
 
     }
 
     }
 +
 +
    #my-top.onscroll a h1 {
 +
        font-size: .7rem !important;
 +
    }
 +
   
 +
    #my-top.onscroll #nav-button {
 +
        filter: none !important;
 +
        height: 1.5rem !important;
 +
    }
 +
   
  
 
     /* homepage */
 
     /* homepage */
Line 1,752: Line 1,793:
 
         height: 36vh;
 
         height: 36vh;
 
         overflow: hidden;
 
         overflow: hidden;
 +
    }
 +
 +
    .brief-team .brief-team-right{
 +
        padding: 2rem;
 +
        text-align: justify;
 +
    }
 +
 +
    .brief-team .brief-team-right h1{
 +
        text-align: center;
 
     }
 
     }
  
 
     .position {
 
     .position {
−
         font-size: 4rem;
+
         font-size: 2rem;
 
         text-align: center;
 
         text-align: center;
 
         padding-top: 6rem;
 
         padding-top: 6rem;
Line 1,798: Line 1,848:
  
 
     .card.leader {
 
     .card.leader {
−
        background-color: goldenrod;
 
−
        width: 100%;
 
 
         height: 70vh;
 
         height: 70vh;
 +
        width: 100%;
 
     }
 
     }
  
Line 1,820: Line 1,869:
 
     }
 
     }
  
−
     .card-display.small-cards-2 {
+
     .card-display.small-cards-2 .card{
−
         grid-template-columns: 1fr;
+
         height: 35vh;
 
     }
 
     }
 +
 
     .card-display.small-cards-2 .card .mem-name h1{
 
     .card-display.small-cards-2 .card .mem-name h1{
−
         font-size: 1.4rem;
+
         font-size: 1rem !important;
 
     }
 
     }
  

Revision as of 13:09, 15 October 2021

HK_GTC 2021 Homepage