Difference between revisions of "Template:HK GTC"

Line 262: Line 262:
 
}
 
}
  
#my-top.onscroll{
+
#my-top.onscroll {
 
     background-color: #fff;
 
     background-color: #fff;
 
     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: #2a4150 !important;
 
     filter: none !important;
 
     filter: none !important;
 
}
 
}
  
#my-top.onscroll #nav-button line{
+
#my-top.onscroll #nav-button line {
 
     stroke: #2a4150 !important;
 
     stroke: #2a4150 !important;
 
}
 
}
  
#my-top.onscroll #nav-button{
+
#my-top.onscroll #nav-button {
 
     filter: none !important;
 
     filter: none !important;
 
}
 
}
Line 407: Line 407:
 
     position: relative;
 
     position: relative;
 
     background-image: url("https://static.igem.org/mediawiki/2021/d/d9/T--HK_GTC--webpage--extended.jpg");
 
     background-image: url("https://static.igem.org/mediawiki/2021/d/d9/T--HK_GTC--webpage--extended.jpg");
     background-size: auto 100%;  
+
     background-size: auto 100%;
 
     background-position: left;
 
     background-position: left;
 
     background-repeat: round;
 
     background-repeat: round;
 
}
 
}
  
#desc .desc-block{
+
#desc .desc-block {
 
     position: absolute;
 
     position: absolute;
     transform: translate(-50%,-50%);
+
     transform: translate(-50%, -50%);
 
     width: 70%;
 
     width: 70%;
     top:50%;
+
     top: 50%;
     left:50%;
+
     left: 50%;
 
}
 
}
  
Line 426: Line 426:
 
     text-align: center;
 
     text-align: center;
 
     width: 100%;
 
     width: 100%;
     padding: 2rem 0 ;
+
     padding: 2rem 0;
 
}
 
}
  
Line 445: Line 445:
 
     background-image: url("https://static.igem.org/mediawiki/2021/b/b5/T--HK_GTC--webpage_extend_2.png");
 
     background-image: url("https://static.igem.org/mediawiki/2021/b/b5/T--HK_GTC--webpage_extend_2.png");
 
     background-size: 100% 100%;
 
     background-size: 100% 100%;
     background-position:center;
+
     background-position: center;
 
     color: #f4f4f4;
 
     color: #f4f4f4;
 
}
 
}
Line 616: Line 616:
 
}
 
}
  
#bottle-guide h1{
+
#bottle-guide h1 {
 
     text-align: center;
 
     text-align: center;
 
}
 
}
  
.bottle-desc p{
+
.bottle-desc p {
 
     line-height: 1.8rem;
 
     line-height: 1.8rem;
 
}
 
}
Line 639: Line 639:
 
}
 
}
  
#bottle-project-desc .img{
+
#bottle-project-desc .img {
 
     background-image: url("https://static.igem.org/mediawiki/2021/c/c3/T--HK_GTC--cp2.jpeg");
 
     background-image: url("https://static.igem.org/mediawiki/2021/c/c3/T--HK_GTC--cp2.jpeg");
 
     background-size: cover;
 
     background-size: cover;
 
}
 
}
  
#bottle-team-desc .img{
+
#bottle-team-desc .img {
 
     background-image: url("https://static.igem.org/mediawiki/2021/c/c3/T--HK_GTC--cp2.jpeg");
 
     background-image: url("https://static.igem.org/mediawiki/2021/c/c3/T--HK_GTC--cp2.jpeg");
 
     background-size: cover;
 
     background-size: cover;
 
}
 
}
  
#bottle-dl-desc .img{
+
#bottle-dl-desc .img {
 
     background-image: url("https://static.igem.org/mediawiki/2021/6/6d/T--HK_GTC--dl_1.mp4");
 
     background-image: url("https://static.igem.org/mediawiki/2021/6/6d/T--HK_GTC--dl_1.mp4");
 
     background-size: cover;
 
     background-size: cover;
 
}
 
}
  
#bottle-hp-desc .img{
+
#bottle-hp-desc .img {
 
     background-image: url("https://static.igem.org/mediawiki/2021/c/c3/T--HK_GTC--cp2.jpeg");
 
     background-image: url("https://static.igem.org/mediawiki/2021/c/c3/T--HK_GTC--cp2.jpeg");
 
     background-size: cover;
 
     background-size: cover;
Line 790: Line 790:
 
}
 
}
  
.hp-intro{
+
.hp-intro {
 
     width: 80%;
 
     width: 80%;
 
     margin: auto;
 
     margin: auto;
Line 796: Line 796:
 
}
 
}
  
.hp-intro p{
+
.hp-intro p {
     font-size: 1.3rem !important;  
+
     font-size: 1.3rem !important;
 
     text-align: center !important;
 
     text-align: center !important;
 
     font-style: italic;
 
     font-style: italic;
Line 803: Line 803:
 
}
 
}
  
.hp-intro .single-image-with-desc img{
+
.hp-intro .single-image-with-desc img {
     margin-top:3rem;
+
     margin-top: 3rem;
 
     width: 80%;
 
     width: 80%;
 
     border-radius: 3rem;
 
     border-radius: 3rem;
 
}
 
}
  
.ihp-content{
+
.ihp-content {
 
     width: 70%;
 
     width: 70%;
 
     margin: auto;
 
     margin: auto;
Line 816: Line 816:
 
}
 
}
  
.ihp-content h2{
+
.ihp-content h2 {
 
     font-size: 2rem;
 
     font-size: 2rem;
 
     border-left: #1BA784 solid 6px;
 
     border-left: #1BA784 solid 6px;
Line 825: Line 825:
 
}
 
}
  
.ihp-content p{
+
.ihp-content p {
 
     padding: 1rem;
 
     padding: 1rem;
 
     line-height: 2rem;
 
     line-height: 2rem;
 
}
 
}
  
#ihp-res .img{
+
#ihp-res .img {
 
     background-image: url("https://static.igem.org/mediawiki/2021/2/2b/T--HK_GTC--ihp.plasticfreeseas.1.jpg");
 
     background-image: url("https://static.igem.org/mediawiki/2021/2/2b/T--HK_GTC--ihp.plasticfreeseas.1.jpg");
 
     background-size: cover;
 
     background-size: cover;
Line 836: Line 836:
 
}
 
}
  
#ihp-hp .img{
+
#ihp-hp .img {
 
     background-image: url("https://static.igem.org/mediawiki/2021/4/4a/T--HK_GTC--ihp-sharing-session.jpg");
 
     background-image: url("https://static.igem.org/mediawiki/2021/4/4a/T--HK_GTC--ihp-sharing-session.jpg");
 
     background-size: cover;
 
     background-size: cover;
Line 842: Line 842:
 
}
 
}
  
#ihp-di .img{
+
#ihp-di .img {
 
     background-image: url("https://static.igem.org/mediawiki/2021/b/b6/T--HK_GTC--ihp.clearbot1.hp.jpg");
 
     background-image: url("https://static.igem.org/mediawiki/2021/b/b6/T--HK_GTC--ihp.clearbot1.hp.jpg");
 
     background-size: cover;
 
     background-size: cover;
Line 863: Line 863:
 
}
 
}
  
.brief-team{
+
.brief-team {
 
     width: 100%;
 
     width: 100%;
 
     height: 70vh;
 
     height: 70vh;
Line 870: Line 870:
 
}
 
}
  
.brief-team img{
+
.brief-team img {
 
     width: 80%;
 
     width: 80%;
 
     margin-top: 4rem;
 
     margin-top: 4rem;
Line 878: Line 878:
 
}
 
}
  
.brief-team .brief-team-right{
+
.brief-team .brief-team-right {
 
     padding: 4rem;
 
     padding: 4rem;
 
     text-align: left;
 
     text-align: left;
 
}
 
}
  
.brief-team .brief-team-right h1{
+
.brief-team .brief-team-right h1 {
 
     text-align: left;
 
     text-align: left;
 
     font-size: 3rem;
 
     font-size: 3rem;
Line 889: Line 889:
 
}
 
}
  
.brief-team .brief-team-right p{
+
.brief-team .brief-team-right p {
 
     line-height: 2rem;
 
     line-height: 2rem;
 
}
 
}
Line 916: Line 916:
  
 
.card-display img {
 
.card-display img {
     position: absolute;
+
     display: block;
     margin: auto;
+
     width: 100%;
    right: 0;
+
    bottom: 0;
+
 
     height: 100%;
 
     height: 100%;
 +
    object-fit: cover;
 +
    /* or object-fit: contain; */
 
}
 
}
  
.card-display img.hd{
 
    position: absolute;
 
    margin: auto;
 
    width: auto;
 
    height: 100%;
 
}
 
  
.card-display img.wd{
 
    position: absolute;
 
    margin: auto;
 
    height: auto;
 
    top:0;
 
    width: 100%;
 
}
 
  
 
.card-display .card {
 
.card-display .card {
Line 957: Line 944:
 
}
 
}
  
.card .mem-desc{
+
.card .mem-desc {
 
     position: absolute;
 
     position: absolute;
 
     width: 100%;
 
     width: 100%;
Line 969: Line 956:
 
}
 
}
  
.card .mem-desc:hover{
+
.card .mem-desc:hover {
 
     opacity: .7;
 
     opacity: .7;
 
}
 
}
  
.card .mem-desc:hover p{
+
.card .mem-desc:hover p {
 
     opacity: 1;
 
     opacity: 1;
 
}
 
}
  
.card .mem-desc p{
+
.card .mem-desc p {
 
     width: 80%;
 
     width: 80%;
     margin:auto;
+
    font-size: 1rem;
 +
     margin: auto;
 
     position: absolute;
 
     position: absolute;
 
     top: 50%;
 
     top: 50%;
Line 986: Line 974:
 
}
 
}
  
.card.leader .mem-name h1{
+
.card.leader .mem-name h1 {
 
     color: #fff !important;
 
     color: #fff !important;
 
}
 
}
Line 1,045: Line 1,033:
 
}
 
}
  
.card-display.sub-leader .card .mem-name h1{
+
.card-display.sub-leader .card .mem-name h1 {
 
     font-size: 1rem !important;
 
     font-size: 1rem !important;
 
     line-height: normal !important;
 
     line-height: normal !important;
 
}
 
}
 
  
.card-display.member{
+
 
 +
.card-display.member {
 
     display: grid;
 
     display: grid;
 
     grid-template-columns: 1fr 1fr 1fr 1fr;
 
     grid-template-columns: 1fr 1fr 1fr 1fr;
Line 1,058: Line 1,046:
 
}
 
}
  
.card-display.member .card{
+
.card-display.member .card {
 
     grid-template-columns: 1fr;
 
     grid-template-columns: 1fr;
 
     grid-template-rows: 8fr 1fr;
 
     grid-template-rows: 8fr 1fr;
Line 1,065: Line 1,053:
 
}
 
}
  
.card-display.member .card .mem-name h1{
+
.card-display.member .card .mem-name h1 {
 
     font-size: 1rem;
 
     font-size: 1rem;
 
     margin: 0%;
 
     margin: 0%;
Line 1,071: Line 1,059:
 
}
 
}
  
.card-display.small-cards{
+
.card-display.small-cards {
 
     display: block;
 
     display: block;
 
}
 
}
  
.card-display.small-cards .card{
+
.card-display.small-cards .card {
 
     display: block;
 
     display: block;
 
     background-color: #fff;
 
     background-color: #fff;
     width: 60%;
+
     width: 60%;
 
     height: fit-content;
 
     height: fit-content;
     border-radius: 2rem;  
+
     border-radius: 2rem;
 
}
 
}
  
.card-display.small-cards .card .mem-name{
+
.card-display.small-cards .card .mem-name {
     padding:1rem;
+
     padding: 1rem;
 
}
 
}
  
.card-display.small-cards .card .mem-name h1{
+
.card-display.small-cards .card .mem-name h1 {
 
     text-align: start;
 
     text-align: start;
 
     font-size: 1.5rem;
 
     font-size: 1.5rem;
 
}
 
}
  
.card-display.small-cards .card .desc p{
+
.card-display.small-cards .card .desc p {
 
     text-align: start;
 
     text-align: start;
 
     padding: 2rem;
 
     padding: 2rem;
 
}
 
}
  
.card-display.small-cards-2{  
+
.card-display.small-cards-2 {
 
     grid-template-columns: 1fr 1fr;
 
     grid-template-columns: 1fr 1fr;
 
}
 
}
  
.card-display.small-cards-2 .card{
+
.card-display.small-cards-2 .card {
 
     display: block;
 
     display: block;
 
     background-color: #fff;
 
     background-color: #fff;
     width: 90%;
+
     width: 90%;
 
     height: 17rem;
 
     height: 17rem;
 
     border-radius: 2rem;
 
     border-radius: 2rem;
     display: block;  
+
     display: block;
 
     position: relative;
 
     position: relative;
 
}
 
}
  
.card-display.small-cards-2 .card .mem-name{
+
.card-display.small-cards-2 .card .mem-name {
 
     height: fit-content;
 
     height: fit-content;
     padding:1rem;
+
     padding: 1rem;
 
}
 
}
  
.card-display.small-cards-2 .card .mem-name h1{
+
.card-display.small-cards-2 .card .mem-name h1 {
 
     text-align: start;
 
     text-align: start;
 
     font-size: 1.5rem;
 
     font-size: 1.5rem;
 
}
 
}
  
.card-display.small-cards-2 .card .desc p{
+
.card-display.small-cards-2 .card .desc p {
 
     text-align: start;
 
     text-align: start;
 
     padding: 2rem;
 
     padding: 2rem;
 
}
 
}
  
.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: 2fr 1fr;
 
}
 
}
  
.card-display.small-cards-2 .card.with-img .ad-desc{
+
.card-display.small-cards-2 .card.with-img .ad-desc {
  height: 17rem;
+
    height: 17rem;
 
}
 
}
  
.card-display.small-cards-2 .card.with-img .img{
+
.card-display.small-cards-2 .card.with-img .img {
 
     height: 17rem;
 
     height: 17rem;
 
}
 
}
Line 1,147: Line 1,135:
 
/* Attribution */
 
/* Attribution */
  
.attri-wrapper{
+
.attri-wrapper {
 
     width: 90%;
 
     width: 90%;
 
     margin: auto;
 
     margin: auto;
Line 1,153: Line 1,141:
 
}
 
}
  
.attri-card{
+
.attri-card {
 
     width: 70%;
 
     width: 70%;
     margin:auto;
+
     margin: auto;
 
     display: block;
 
     display: block;
 
     margin: 3rem auto;
 
     margin: 3rem auto;
Line 1,164: Line 1,152:
  
  
.attri-card .attri-content{
+
.attri-card .attri-content {
 
     padding: 3rem;
 
     padding: 3rem;
 
     background-color: #fff;
 
     background-color: #fff;
 
}
 
}
  
.attri-card .attri-content h1{
+
.attri-card .attri-content h1 {
 
     font-size: 2rem;
 
     font-size: 2rem;
 
     padding: 1rem;
 
     padding: 1rem;
Line 1,176: Line 1,164:
 
}
 
}
  
.attri-card .attri-content ul{
+
.attri-card .attri-content ul {
 
     list-style: none;
 
     list-style: none;
 
     padding: 1rem;
 
     padding: 1rem;
 
}
 
}
  
.attri-card .attri-content ul li{
+
.attri-card .attri-content ul li {
 
     padding: .2rem 0;
 
     padding: .2rem 0;
 
}
 
}
  
.attri-card .attri-content ul li::before{
+
.attri-card .attri-content ul li::before {
 
     content: "\2713";
 
     content: "\2713";
 
     color: #1BA784;
 
     color: #1BA784;
Line 1,282: Line 1,270:
 
}
 
}
  
.section-wrapper{
+
.section-wrapper {
 
     width: 80%;
 
     width: 80%;
 
     margin: auto;
 
     margin: auto;
Line 1,293: Line 1,281:
 
}
 
}
  
.section-contents img{
+
.section-contents img {
 
     width: 100%;
 
     width: 100%;
 
}
 
}
Line 1,308: Line 1,296:
 
}
 
}
  
.section-contents h3{
+
.section-contents h3 {
 
     border-left: #1BA784 6px solid;
 
     border-left: #1BA784 6px solid;
 
     font-size: 1.2rem;
 
     font-size: 1.2rem;
Line 1,330: Line 1,318:
 
}
 
}
  
.section-contents ul{
+
.section-contents ul {
 
     font-size: 1.2rem !important;
 
     font-size: 1.2rem !important;
 
     font-family: "Raleway", sans-serif;
 
     font-family: "Raleway", sans-serif;
Line 1,337: Line 1,325:
 
}
 
}
  
.section-contents video{
+
.section-contents video {
 
     width: 80%;
 
     width: 80%;
 
     display: block;
 
     display: block;
Line 1,357: Line 1,345:
 
     font-size: .8rem !important;
 
     font-size: .8rem !important;
 
     text-align: center !important;
 
     text-align: center !important;
     padding: .5rem !important;  
+
     padding: .5rem !important;
 
     margin: auto;
 
     margin: auto;
 
}
 
}
Line 1,378: Line 1,366:
 
     font-size: .8rem !important;
 
     font-size: .8rem !important;
 
     text-align: center !important;
 
     text-align: center !important;
     padding: .1rem !important;  
+
     padding: .1rem !important;
 
     margin: auto;
 
     margin: auto;
 
}
 
}
  
.clear{
+
.clear {
 
     clear: both;
 
     clear: both;
 
}
 
}
Line 1,456: Line 1,444:
 
     }
 
     }
  
     .bottle-desc h1{
+
     .bottle-desc h1 {
 
         font-size: 4rem !important;
 
         font-size: 4rem !important;
 
         text-align: center;
 
         text-align: center;
 
     }
 
     }
  
     .bottle-desc p{
+
     .bottle-desc p {
 
         font-size: 1rem !important;
 
         font-size: 1rem !important;
 
         text-align: center;
 
         text-align: center;
 
     }
 
     }
  
     .bottle-desc .img{
+
     .bottle-desc .img {
 
         margin: auto;
 
         margin: auto;
 
         margin-top: 2rem;
 
         margin-top: 2rem;
 
     }
 
     }
   
+
 
     .card-display{
+
     .card-display {
 
         grid-template-columns: 1fr;
 
         grid-template-columns: 1fr;
 
     }
 
     }
  
     .card-display.sub-leader{
+
     .card-display.two-card {
 
         grid-template-columns: 1fr 1fr;
 
         grid-template-columns: 1fr 1fr;
 
     }
 
     }
  
     .card-display.member{
+
    .card-display.sub-leader {
         grid-template-columns: 1fr 1fr;
+
        grid-template-columns: 1fr 1fr 1fr;
 +
    }
 +
 
 +
     .card-display.member {
 +
         grid-template-columns: 1fr 1fr 1fr;
 
     }
 
     }
 
}
 
}
Line 1,486: Line 1,478:
 
@media (max-width: 1100px) {
 
@media (max-width: 1100px) {
  
     .bottle-desc .img{
+
     .bottle-desc .img {
 
         display: none !important;
 
         display: none !important;
 +
    }
 +
 +
    .card-display.sub-leader {
 +
        grid-template-columns: 1fr 1fr;
 +
    }
 +
 +
    .brief-team .brief-team-right p{
 +
        line-height: 1.5rem;
 
     }
 
     }
  
Line 1,503: Line 1,503:
 
     }
 
     }
  
     .attri-card{
+
     .attri-card {
 
         width: 90vw;
 
         width: 90vw;
 
         height: 80vh;
 
         height: 80vh;
 
         grid-template-columns: 1fr;
 
         grid-template-columns: 1fr;
         grid-template-rows : 3fr 1fr;
+
         grid-template-rows: 3fr 1fr;
 
     }
 
     }
  
     .attri-card .right-attri h1{
+
     .attri-card .right-attri h1 {
 
         font-size: 1.2rem;
 
         font-size: 1.2rem;
 
     }
 
     }
  
     .attri-card .right-attri ul li{
+
     .attri-card .right-attri ul li {
 
         margin: .5rem;
 
         margin: .5rem;
 
     }
 
     }
Line 1,577: Line 1,577:
 
         width: 90%;
 
         width: 90%;
 
     }
 
     }
      
+
 
 +
     .card.pi {
 +
        grid-template-rows: 2fr 1fr;
 +
        grid-template-columns: 1fr;
 +
        width: 90%;
 +
        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;
 +
    }
 +
 
 +
    .card-display.member {
 +
        display: grid;
 +
        grid-template-columns: 1fr 1fr;
 +
        gap: 0;
 +
        width: 90%;
 +
    }
 +
 
 +
    .card-display.two-card {
 +
        grid-template-columns: 1fr;
 +
    }
 +
 
 +
    .card.pi .mem-name-pi * {
 +
        text-align: start;
 +
        padding: 1rem;
 +
    }
 +
 
 +
    .card.pi .mem-name-pi {
 +
        text-align: start;
 +
        padding: 1rem;
 +
    }
 +
 
 +
    .card.pi .mem-name-pi h1 {
 +
        font-size: 2rem;
 +
    }
 +
 
 +
    .card-display.small-cards-2 .card .desc p{
 +
        padding: 0rem 2rem;
 +
    }
 +
 
 
}
 
}
  
Line 1,588: Line 1,640:
 
     #popup {
 
     #popup {
 
         width: 100vw !important;
 
         width: 100vw !important;
         padding:0 !important;
+
         padding: 0 !important;
 
     }
 
     }
  
     #popup #back-button{
+
     #popup #back-button {
         padding:2rem !important;
+
         padding: 2rem !important;
 
     }
 
     }
  
     #popup h1{
+
     #popup h1 {
 
         text-align: center;
 
         text-align: center;
 
     }
 
     }
Line 1,604: Line 1,656:
 
     }
 
     }
  
     header #my-nav #my-top a h1{
+
     header #my-nav #my-top a h1 {
 
         font-size: 1.2rem;
 
         font-size: 1.2rem;
 
     }
 
     }
Line 1,649: Line 1,701:
 
     }
 
     }
  
     #desc .desc-block{
+
     #desc .desc-block {
      width: 80%;
+
        width: 80%;
 
     }
 
     }
  
Line 1,680: Line 1,732:
 
         height: 36vh;
 
         height: 36vh;
 
         overflow: hidden;
 
         overflow: hidden;
    }
 
 
    .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,722: Line 1,758:
 
         height: 100%;
 
         height: 100%;
 
         background-color: #f5f5f5;
 
         background-color: #f5f5f5;
        left: 50%;
 
 
     }
 
     }
  
 
     .card .mem-name {
 
     .card .mem-name {
         padding: 1rem;  
+
         padding: 1rem;
 
     }
 
     }
  
Line 1,747: Line 1,782:
 
         height: 70vh;
 
         height: 70vh;
 
     }
 
     }
 
    .card.pi {
 
        grid-template-rows: 2fr 1fr;
 
        grid-template-columns: 1fr;
 
        width: 90%;
 
        height: 150vh;
 
    }
 
 
    .card-display.member{
 
        display: grid;
 
        grid-template-columns: 1fr;
 
        gap: 0;
 
        width: 90%;
 
    }
 
 
    .card.pi .mem-name-pi * {
 
        text-align: start;
 
        padding: 1rem;
 
    }
 
 
    .card.pi .mem-name-pi h1 {
 
        font-size: 2rem;
 
    }
 
 
  
 
     .card-display.sub-leader {
 
     .card-display.sub-leader {
Line 1,781: Line 1,792:
 
     }
 
     }
  
     .card-display.small-cards .card{  
+
    .card-display.member{
 +
        grid-template-columns: 1fr;
 +
    }
 +
 
 +
     .card-display.small-cards .card {
 
         width: 90%;
 
         width: 90%;
 
     }
 
     }
  
     .card-display.small-cards-2{  
+
     .card-display.small-cards-2 {
 
         grid-template-columns: 1fr;
 
         grid-template-columns: 1fr;
 
     }
 
     }
Line 1,797: Line 1,812:
 
     /* hp */
 
     /* hp */
  
     .hp-intro p{
+
     .hp-intro p {
         font-size: 1rem !important;  
+
         font-size: 1rem !important;
 
         text-align: center !important;
 
         text-align: center !important;
 
         font-style: italic;
 
         font-style: italic;
 
         font-weight: bold;
 
         font-weight: bold;
 
     }
 
     }
   
+
 
     .hp-intro .single-image-with-desc img{
+
     .hp-intro .single-image-with-desc img {
         margin-top:3rem;
+
         margin-top: 3rem;
 
         width: 100%;
 
         width: 100%;
 
         border-radius: 1rem;
 
         border-radius: 1rem;
Line 1,870: Line 1,885:
 
}
 
}
  
#globalWrapper{
+
#globalWrapper {
 
     height: fit-content;
 
     height: fit-content;
     padding:0 !important;
+
     padding: 0 !important;
 
}
 
}
 
 
 
    
 
    
 
      
 
      

Revision as of 17:12, 13 October 2021

HK_GTC 2021 Homepage