Difference between revisions of "Template:HK GTC"
Jonas232005 (Talk | contribs) |
Jonas232005 (Talk | contribs) |
||
| Line 115: | Line 115: | ||
height: fit-content; | height: fit-content; | ||
transition: transform .5s; | transition: transform .5s; | ||
| − | z-index: | + | z-index: 999; |
} | } | ||
| Line 133: | Line 133: | ||
color: #fff; | color: #fff; | ||
line-height: normal !important; | line-height: normal !important; | ||
| + | filter: drop-shadow(1px 1px 0px#000); | ||
} | } | ||
| + | |||
#my-nav #nav-button { | #my-nav #nav-button { | ||
transition: all .25s; | transition: all .25s; | ||
float: right; | float: right; | ||
| − | padding: | + | margin: 1rem; |
| + | padding: .5rem; | ||
| + | filter: drop-shadow(1px 1px 0px#000); | ||
} | } | ||
| Line 147: | Line 151: | ||
#my-nav #nav-button line { | #my-nav #nav-button line { | ||
| − | stroke: | + | stroke: rgb(255, 255, 255); |
transition: all .5s; | transition: all .5s; | ||
| + | stroke-width: 2px; | ||
} | } | ||
| Line 262: | Line 267: | ||
#my-top.onscroll a h1{ | #my-top.onscroll a h1{ | ||
| − | color: # | + | color: #2a4150 !important; |
| + | filter: none !important; | ||
} | } | ||
#my-top.onscroll #nav-button line{ | #my-top.onscroll #nav-button line{ | ||
| − | stroke: # | + | stroke: #2a4150 !important; |
| + | } | ||
| + | |||
| + | #my-top.onscroll #nav-button{ | ||
| + | filter: none !important; | ||
} | } | ||
| Line 925: | Line 935: | ||
.card.pi .mem-name-pi { | .card.pi .mem-name-pi { | ||
| − | padding: | + | padding: 7rem 4rem; |
} | } | ||
| Line 977: | Line 987: | ||
text-align: center; | text-align: center; | ||
} | } | ||
| + | |||
| + | .card-display.small-cards{ | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | .card-display.small-cards .card{ | ||
| + | display: block; | ||
| + | background-color: #fff; | ||
| + | width: 60%; | ||
| + | height: fit-content; | ||
| + | border-radius: 2rem; | ||
| + | } | ||
| + | |||
| + | .card-display.small-cards .card .mem-name{ | ||
| + | padding:1rem; | ||
| + | } | ||
| + | |||
| + | .card-display.small-cards .card .mem-name h1{ | ||
| + | text-align: start; | ||
| + | font-size: 1.5rem; | ||
| + | } | ||
| + | |||
| + | .card-display.small-cards .card .desc p{ | ||
| + | text-align: start; | ||
| + | padding: 2rem; | ||
| + | } | ||
| + | |||
| + | .card-display.small-cards-2{ | ||
| + | grid-template-columns: 1fr 1fr; | ||
| + | } | ||
| + | |||
| + | .card-display.small-cards-2 .card{ | ||
| + | display: block; | ||
| + | background-color: #fff; | ||
| + | width: 90%; | ||
| + | height: 17rem; | ||
| + | border-radius: 2rem; | ||
| + | display: block; | ||
| + | position: relative; | ||
| + | } | ||
| + | |||
| + | .card-display.small-cards-2 .card .mem-name{ | ||
| + | height: fit-content; | ||
| + | padding:1rem; | ||
| + | } | ||
| + | |||
| + | .card-display.small-cards-2 .card .mem-name h1{ | ||
| + | text-align: start; | ||
| + | font-size: 1.5rem; | ||
| + | } | ||
| + | |||
| + | .card-display.small-cards-2 .card .desc p{ | ||
| + | text-align: start; | ||
| + | padding: 2rem; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| Line 990: | Line 1,058: | ||
width: 70%; | width: 70%; | ||
margin:auto; | margin:auto; | ||
| − | display: | + | display: block; |
| − | + | ||
margin: 3rem auto; | margin: 3rem auto; | ||
border-radius: 3rem; | border-radius: 3rem; | ||
| Line 998: | Line 1,065: | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | .attri-card . | + | .attri-card .attri-content{ |
padding: 3rem; | padding: 3rem; | ||
background-color: #fff; | background-color: #fff; | ||
} | } | ||
| − | .attri-card . | + | .attri-card .attri-content h1{ |
font-size: 2rem; | font-size: 2rem; | ||
| + | padding: 1rem; | ||
| + | color: #2a4150; | ||
| + | border-bottom: solid 1px #1BA784; | ||
} | } | ||
| − | .attri-card . | + | .attri-card .attri-content ul{ |
| − | + | list-style: none; | |
| + | padding: 1rem; | ||
| + | } | ||
| + | |||
| + | .attri-card .attri-content ul li{ | ||
| + | padding: .2rem 0; | ||
| + | } | ||
| + | |||
| + | .attri-card .attri-content ul li::before{ | ||
| + | content: "\2713"; | ||
| + | color: #1BA784; | ||
| + | display: inline-block; | ||
| + | width: 1rem; | ||
} | } | ||
| Line 1,079: | Line 1,156: | ||
.section-heading { | .section-heading { | ||
| − | background-color: # | + | background-color: #5d7296; |
height: 50vh; | height: 50vh; | ||
position: relative; | position: relative; | ||
| Line 1,595: | Line 1,672: | ||
grid-template-rows: 9fr 1fr; | grid-template-rows: 9fr 1fr; | ||
width: 80%; | width: 80%; | ||
| + | } | ||
| + | |||
| + | .card-display.small-cards .card{ | ||
| + | width: 90%; | ||
| + | } | ||
| + | |||
| + | .card-display.small-cards-2{ | ||
| + | grid-template-columns: 1fr; | ||
} | } | ||
Revision as of 16:51, 9 October 2021