| 7379 |
stevensc |
1 |
.cover__edit-btn{position:absolute;top:20px;right:20px;background-color:#fff;color:#8a2be2;border-radius:50%;height:3rem;width:3rem;font-size:1.1rem}.cover__edit-btn::before{content:initial}.linked__widget,.suggest__widget{background:#fff;padding:1rem;border-radius:10px;display:flex;flex-direction:column;gap:1rem;border:1px solid #d3d3d3;height:fit-content}.linked__widget>a,.suggest__widget>a{font-size:1rem;color:gray}.linked__widget>a svg,.suggest__widget>a svg{font-size:1.3rem}.linked__widget img,.suggest__widget img{width:60px;height:60px;border-radius:50%}.linked__widget p,.suggest__widget p{padding:0 1rem}.linked__widget .linked__widget-header,.suggest__widget .linked__widget-header{display:flex;align-items:center;justify-content:space-between}.linked__widget .linked__widget-header h3,.suggest__widget .linked__widget-header h3{font-weight:600}.linked__widget .linked__widget-list,.suggest__widget .linked__widget-list{display:flex;flex-direction:column;gap:.5rem}.linked__widget .linked__widget-content,.suggest__widget .linked__widget-content{display:flex;align-items:center;gap:.5rem}.linked__widget .linked__widget-content .linked__widget-info,.suggest__widget .linked__widget-content .linked__widget-info{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.linked__widget .linked__widget-content .linked__widget-info h4,.suggest__widget .linked__widget-content .linked__widget-info h4{font-weight:600}.linked__widget .linked__widget-content .linked__widget-info p,.suggest__widget .linked__widget-content .linked__widget-info p{color:gray}.linked__widget .linked__widget-content .linked__widget-info .btn,.suggest__widget .linked__widget-content .linked__widget-info .btn{border-radius:30px;font-weight:600;background:rgba(0,0,0,0) !important;border:2px solid #d3d3d3 !important;border-radius:30px;color:gray !important}.linked__widget .linked__widget-content .linked__widget-info .btn:hover,.suggest__widget .linked__widget-content .linked__widget-info .btn:hover{background:#d3d3d3 !important;color:#fff !important}.suggest__widget{padding:0}.suggest__widget .linked__widget-list{padding:0 1rem}.suggest__widget .linked__widget-header{padding:1rem 1rem 0}.suggest__widget .load__suggest{width:100%;display:flex;align-items:center;justify-content:center;padding:.5rem 0;color:rgba(0,0,0,.6);cursor:pointer}.suggest__widget .load__suggest:hover{background-color:rgba(0,0,0,.08)}.description__label{margin-bottom:1rem}.description__label label{font-size:1rem;font-weight:600}.description__label p{font-size:.9rem}.button{border-radius:30px;align-items:center;padding-left:1rem !important;padding-right:1rem !important;border:none;cursor:pointer;font-weight:600;width:fit-content;display:inline-flex;justify-content:center;min-width:6.4rem;max-width:480px;overflow:hidden;text-align:center;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.members-image__list{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;overflow:hidden;padding:0 1rem}.group__actions{background-color:#fff;border:1px solid #d3d3d3;border-radius:10px;overflow:hidden}.group__actions .group__actions-cover{height:150px;width:100%}.group__actions .group__actions-cover img{height:100%;width:100%;object-fit:cover}.group__actions .group__actions-body{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.group__actions .group__actions-body>img{margin-top:-44px;width:88px;height:88px;border:2px solid #fff}.group__actions .group__actions-body>h1{font-size:24px;font-weight:600;line-height:1.25}
|
|
|
2 |
.button-icon{background-color:rgba(0,0,0,0);border:none;color:rgba(0,0,0,.6);cursor:pointer;display:grid;padding:0;place-items:center;position:relative}.button-icon::before{content:"";border-radius:50%;height:3rem;width:3rem;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.button-icon:hover::before{background-color:rgba(0,0,0,.08)}.profile__layout{column-gap:1rem;row-gap:.5rem;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto;grid-template-areas:"main" "aside"}@media screen and (min-width: 768px){.profile__layout{grid-template-areas:"main aside";grid-template-columns:minmax(0, 17fr) minmax(300px, 7fr)}}.profile__user-card{border:1px solid #d3d3d3;border-radius:10px;background-color:#fff;display:flex;flex-direction:column;overflow:hidden}.profile__user-card .cover__image-container{width:100%;height:300px;position:relative}.profile__user-card .cover__image-container img{width:100%;height:100%;object-fit:cover}.profile__user-card .cover__edit-btn{position:absolute;top:20px;right:20px;background-color:#fff;color:#8a2be2;border-radius:50%;height:3rem;width:3rem;font-size:1.1rem}.profile__user-card .cover__edit-btn::before{content:initial}.card-content{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.card-content .card-info{display:flex;flex-direction:column;align-items:flex-start}.card-content .card-info h1{font-size:24px;font-weight:600;line-height:1.25}.card-content .card-info p{font-size:1rem;font-weight:400;line-height:1.25}.card-content .card-info span{font-size:.9rem;font-weight:400}.card-content .card-info a{color:#0a66c2;font-weight:600}.card__image-options{display:flex;justify-content:space-between;align-items:flex-end}.card__image-options .img{width:152px;height:152px;margin-top:-112px;border-radius:50%;border:4px solid #fff;background-color:#c9ced4}.description__label{margin-bottom:1rem}.description__label label{font-size:1rem;font-weight:600}.description__label p{font-size:.9rem}.card-experiences{width:232px}.card-experiences ul{display:flex;flex-direction:column;align-items:flex-start}.card-experiences ul span{font-weight:600;font-size:.9rem}.button-actions{display:flex;align-items:center;gap:.5rem}.button{border-radius:30px;align-items:center;padding-left:1rem !important;padding-right:1rem !important;border:none;width:fit-content;cursor:pointer;font-weight:600;display:inline-flex;justify-content:center;min-width:6.4rem;max-width:480px;overflow:hidden;text-align:center;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.experience__user-card{border:1px solid #d3d3d3;border-radius:10px;background-color:#fff;padding:1rem;display:flex;flex-direction:column;gap:.5rem;grid-column:1}.experience__user-card .card__options-container{display:flex;justify-content:space-between;align-items:center}.experience__user-card .card__options-container h2,.experience__user-card .card__options-container h4{font-weight:600;font-size:1.4rem}.experience__user-card .card__options-container .card__options-icons{display:flex;gap:1.5rem}.experience__user-card .card__items{display:flex;flex-direction:column}.experience__user-card .card__items h4,.experience__user-card .card__items p,.experience__user-card .card__items span{line-height:1.25}.experience__user-card .card__items h4{font-weight:600;font-size:1rem}.experience__user-card .card__items p,.experience__user-card .card__items span{font-weight:400}.experience__user-card .card__items span{font-size:.9rem;color:rgba(0,0,0,.6)}.experience__user-card .card__items p:nth-last-child(1){margin-top:.5rem}
|