|
|
| Line 37: |
Line 37: |
| | } | | } |
| | | | |
| − | /* Card management */
| + | |
| − | | + | |
| − | .card-memb {
| + | |
| − | margin-top: 50px;
| + | |
| − | margin-bottom: 20px;
| + | |
| − | z-index: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | .card {
| + | |
| − | margin: 0;
| + | |
| − | background-color: transparent;
| + | |
| − | border: transparent;
| + | |
| − | text-align: center;
| + | |
| − | margin-bottom: 50px;
| + | |
| − | overflow: hidden;
| + | |
| − | }
| + | |
| − | | + | |
| − | .card .img-profile {
| + | |
| − | z-index: 1;
| + | |
| − | display: block;
| + | |
| − | min-width: 350px;
| + | |
| − | min-height: 350px;
| + | |
| − | width: auto;
| + | |
| − | height: auto;
| + | |
| − | margin-bottom: 25%;
| + | |
| − | }
| + | |
| − | | + | |
| − | .card-text {
| + | |
| − | font-size: 14px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .rectangle {
| + | |
| − | background-color: #ffffff;
| + | |
| − | position: absolute;
| + | |
| − | z-index: 3;
| + | |
| − | top: 86%;
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | color: black;
| + | |
| − | -webkit-transition: all .3s ease-out;
| + | |
| − | -moz-transition: all .3s ease-out;
| + | |
| − | -o-transition: all .3s ease-out;
| + | |
| − | transition: all 0.3s ease-out;
| + | |
| − | }
| + | |
| − | | + | |
| − | .card:hover>.rectangle {
| + | |
| − | top: 80%;
| + | |
| − | }
| + | |
| − | | + | |
| − | .hidden-text {
| + | |
| − | display: none;
| + | |
| − | margin-bottom: 20px;
| + | |
| − | }
| + | |
| − | | + | |
| − | @media screen and (max-width: 1200px) and (min-width: 768px) {
| + | |
| − | .card .img-profile {
| + | |
| − | min-width: 300px;
| + | |
| − | min-height: 300px;
| + | |
| − | }
| + | |
| − | .rectangle {
| + | |
| − | top: 84%;
| + | |
| − | }
| + | |
| − | .card:hover>.rectangle {
| + | |
| − | top: 78%;
| + | |
| − | }
| + | |
| − | .hidden-text {
| + | |
| − | font-size: 14px !important;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | @media screen and (max-width: 768px) and (min-width: 574px) {
| + | |
| − | .text_intro {
| + | |
| − | font-size: 14px !important;
| + | |
| − | }
| + | |
| − | .card .img-profile {
| + | |
| − | min-width: 250px;
| + | |
| − | min-height: 250px;
| + | |
| − | }
| + | |
| − | .rectangle {
| + | |
| − | top: 84%;
| + | |
| − | }
| + | |
| − | .card:hover>.rectangle {
| + | |
| − | top: 74%;
| + | |
| − | }
| + | |
| − | .hidden-text {
| + | |
| − | font-size: 12px !important;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | @media screen and (max-width: 574px) and (min-width: 374px) {
| + | |
| − | .text_intro {
| + | |
| − | font-size: 14px !important;
| + | |
| − | }
| + | |
| − | .card .img-profile {
| + | |
| − | min-width: 350px;
| + | |
| − | min-height: 350px;
| + | |
| − | margin-bottom: 18%;
| + | |
| − | }
| + | |
| − | .rectangle {
| + | |
| − | top: 88%;
| + | |
| − | }
| + | |
| − | .card:hover>.rectangle {
| + | |
| − | top: 80%;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | @media screen and (max-width: 374px) {
| + | |
| − | .text_intro {
| + | |
| − | font-size: 12px !important;
| + | |
| − | }
| + | |
| − | .card .img-profile {
| + | |
| − | min-width: 250px;
| + | |
| − | min-height: 250px;
| + | |
| − | margin-bottom: 25%;
| + | |
| − | }
| + | |
| − | .rectangle {
| + | |
| − | top: 84%;
| + | |
| − | }
| + | |
| − | .card:hover>.rectangle {
| + | |
| − | top: 72%;
| + | |
| − | }
| + | |
| − | .hidden-text {
| + | |
| − | font-size: 12px !important;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | .text_intro p {
| + | |
| − | margin-bottom: 30px !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | a {
| + | |
| − | text-decoration: underline;
| + | |
| − | color: blue;
| + | |
| − | }
| + | |
| − | | + | |
| − | ol {
| + | |
| − | font-size: 14px;
| + | |
| − | }
| + | |
| − | | + | |
| − | ol li {
| + | |
| − | padding-bottom: 15px;
| + | |
| − | list-style: unset;
| + | |
| − | }
| + | |
| − | | + | |
| − | .text_intro img {
| + | |
| − | filter: drop-shadow(5px 5px 5px #2222224d);
| + | |
| − | }
| + | |
| | </style> | | </style> |
| | </head> | | </head> |
