Difference between revisions of "Template:TecCEM/TeamCss"
| (11 intermediate revisions by 2 users not shown) | |||
| Line 3: | Line 3: | ||
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700&family=Roboto&display=swap'); | @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700&family=Roboto&display=swap'); | ||
.blue_body{ | .blue_body{ | ||
| − | width: | + | width: 100vw; |
/*background-color: #b1e7ef;*/ | /*background-color: #b1e7ef;*/ | ||
| − | background: rgb( | + | background: rgb(255,255,255); |
| − | background: linear-gradient(180deg, rgba(177,231,239,1) 39%, rgba(50,113,246,1) 100%); | + | //background: linear-gradient(180deg, rgba(177,231,239,1) 39%, rgba(50,113,246,1) 100%); |
} | } | ||
.overlay_container{ | .overlay_container{ | ||
| Line 57: | Line 57: | ||
border-radius: 100%; | border-radius: 100%; | ||
width: 100%; | width: 100%; | ||
| − | cursor: pointer; | + | height: 100%; |
| + | cursor: pointer; | ||
| + | border: solid 5px #04ADD2; | ||
} | } | ||
.person_image_div{ | .person_image_div{ | ||
| Line 74: | Line 76: | ||
.advisor_image_div img{ | .advisor_image_div img{ | ||
border-radius: 20%; | border-radius: 20%; | ||
| − | width: 100%; | + | width: 100%; |
| + | border: solid 5px #85D6A5; | ||
} | } | ||
.advisor_image_div{ | .advisor_image_div{ | ||
| Line 85: | Line 88: | ||
.investigator_image_div img{ | .investigator_image_div img{ | ||
border-radius: 20%; | border-radius: 20%; | ||
| − | width: 100%; | + | width: 100%; |
| + | border: solid 5px #3A9300 | ||
} | } | ||
.investigator_image_div{ | .investigator_image_div{ | ||
| Line 104: | Line 108: | ||
} | } | ||
.table_title{ | .table_title{ | ||
| − | color: | + | color: #45ACFF; |
font-size: 50px; | font-size: 50px; | ||
font-family: sans-serif; | font-family: sans-serif; | ||
| Line 124: | Line 128: | ||
.image_slider img{ | .image_slider img{ | ||
width:60%; | width:60%; | ||
| − | left: 50%; | + | margin-left: 50%; |
| − | transform: translate(-50%, | + | margin-top: 10%; |
| + | margin-bottom: 10%; | ||
| + | transform: translate(-50%,0%); | ||
} | } | ||
| + | .tips{ | ||
| + | display: flex; | ||
| + | transition: transform 0.6s ease-out; | ||
| + | flex-wrap: wrap; | ||
| + | width: 10%; | ||
| + | background: #FDEBC5; | ||
| + | border-radius: 2rem; | ||
| + | box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); | ||
| + | justify-content: center; | ||
| + | align-content: center; | ||
| + | align-items: center; | ||
| + | max-height: 45rem; | ||
| + | position: fixed; | ||
| + | top: 15%; | ||
| + | margin-left: 2rem; | ||
| + | padding: 1rem; | ||
| + | right: 26px; | ||
| + | transform: translateX(+150%) translateY(0); | ||
| + | |||
| + | } | ||
| + | .tips_hidden{ | ||
| + | transform: translateX(0%) translateY(0); | ||
| + | /*100% - .menu_lateral.height + .menu_lateral_teccem.heigh | ||
| + | 100 - 35 + 20 = 85 | ||
| + | */ | ||
| + | } | ||
/*@keyframes rise_up{ | /*@keyframes rise_up{ | ||
Latest revision as of 01:33, 18 October 2021