.IBMSMSMSSS_Author { padding: 10px; display: flex; flex-direction: column; grid-gap: 10px; border: solid 1px rgba(255,255,255,0.1); border-radius: 15px; } .IBMSMSMSSS_Author_Top { display: flex; flex-direction: column; grid-gap: 15px; justify-content: start; align-items: start; flex-grow: 1; } @media (max-width: 576px) { .IBMSMSMSSS_Author_Top { display: grid; grid-template-columns: 1fr; grid-gap: 15px; justify-content: start; align-items: start; } } .IBMSMSMSSS_Author_Top_PP { border-radius: 10px; height: 75px; width: 75px; } .IBMSMSMSSS_Author_Top_Details { display: flex; flex-direction: column; grid-gap: 15px; flex-grow: 1; width: 100%; } .HBSS_Author_Top_NostrLinks { display: flex; flex-direction: row; grid-gap: 10px; } .IBMSMSMSSS_Author_Top_AddressWrapper { display: grid; grid-template-columns: 1.75fr 0.75fr; grid-gap: 0; color: rgba(255,255,255,0.5); border-radius: 7px; overflow: hidden; background: rgba(255,255,255,0.05); box-shadow: 0 0 8px 0 rgb(0,0,0,0.1); width: 100%; } .IBMSMSMSSS_Author_Top_Icon { min-width: 16px; min-height: 16px; } .IBMSMSMSSS_Author_Top_Address { width: 100%; overflow: hidden; text-overflow: ellipsis; } .IBMSMSMSSS_Author_Top_Bio { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; font-size: 14px; line-height: 1.5; color: rgba(255,255,255,0.25); } .IBMSMSMSSS_Author_Top_NostrLinksLink { transition: ease 0.4s; display: flex; flex-direction: row; justify-content: center; align-items: center; color: rgba(255,255,255,0.25); text-decoration: unset; padding: 15px 15px; background: rgba(38,38,38,0); border-radius: 10px; border: solid 1px rgba(255,255,255,0); cursor: pointer; position: relative; grid-gap: 10px; line-height: 1; } .IBMSMSMSSS_Author_Top_NostrLinksLink:hover { transition: ease 0.4s; color: rgba(255,255,255,0.75); box-shadow: 0 0 8px 0 rgb(0,0,0,0.1); border: solid 1px rgba(255,255,255,0); transform: scale(1.03); } .IBMSMSMSSS_Author_Top_NostrLinksLink:active { transition: ease 0.1s; transform: scale(0.98); } .IBMSMSMSSS_Author_Top_NostrLinksLink::before { transition: ease 0.4s; opacity: 0; content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: linear-gradient(to top right, #262626, #292929, #262626); z-index: -1; border-radius: 10px; } .IBMSMSMSSS_Author_Top_NostrLinksLink:hover::before { transition: ease 0.4s; opacity: 1; } .IBMSMSMSSS_Author_Top_Left { display: flex; flex-direction: column; grid-gap: 15px; align-items: start; } @media (max-width: 576px) { .IBMSMSMSSS_Author_Top_Left { display: flex; flex-direction: column; grid-gap: 25px; align-items: center; } } .IBMSMSMSSS_Author_Top_Name { color: rgba(255,255,255,0.75); display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; } .IBMSMSMSSS_Author_Top_PPWrapper { background: linear-gradient(to bottom right, #4b4b4b 00%, rgba(35,35,35,0) 50%, #4b4b4b 150%); /*padding: 2px;*/ border-radius: 12px; box-shadow: 0 0 8px 0 rgb(0,0,0,0.1); } .IBMSMSMSSS_Author_Top_Handle { color: rgba(255,255,255,0.5); display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; } .IBMSMSMSSS_Author_Top_Handle.IBMSMSMSSS_Author_Top_HandleNomen { color: #F7931A; font-weight: bold; } .IBMSMSMSSS_Author_Top_NostrLinksLink.IBMSMSMSSS_A_T_NLL_IBMSMSMSSSFollow { width: 100%; font-weight: bold; border: solid 1px rgba(255,255,255,0.1); } .IBMSMSMSSS_Author_Top_Left_Inside { display: flex; flex-direction: row; grid-gap: 15px; width: 100%; } .IBMSMSMSSS_Author_Top_Left_InsideLinkWrapper { transition: ease 0.4s; color: unset; text-decoration: unset; padding: 5px; border-radius: 10px; width: 100%; } .IBMSMSMSSS_Author_Top_Left_InsideLinkWrapper:hover { transition: ease 0.4s; color: unset; text-decoration: unset; cursor: pointer; transform: scale(1.02); background: rgba(255,255,255,0.05); } .IBMSMSMSSS_Author_Top_Left_InsidePic { } .IBMSMSMSSS_Author_Top_Left_InsideDetails { width: 100%; display: flex; flex-direction: column; grid-gap: 5px; justify-content: end; } .IBMSMSMSSS_Author_Top_AddressWrapped { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: flex; flex-direction: column; justify-content: center; padding: 5px 10px; } .IBMSMSMSSS_Author_Top_IconWrapper { width: 100%; display: flex; flex-direction: row; grid-gap: 0px; background: rgba(255,255,255,0.05); } .IBMSMSMSSS_Author_TopWrapper { width: 100%; display: flex; flex-direction: column; } .IBMSMSMSSS_Author_Top_IconWrapped { transition: ease 0.4s; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; padding: 10px 15px; color: rgba(255,255,255,0.25); cursor: pointer; transform: scale(1); } .IBMSMSMSSS_Author_Top_IconWrappedQR { } .IBMSMSMSSS_Author_Top_IconWrapped > .IBMSMSMSSS_Author_Top_Icon { transition: ease 0.4s; transform: scale(1); } .IBMSMSMSSS_Author_Top_IconWrapped:hover > .IBMSMSMSSS_Author_Top_Icon { transition: ease 0.4s; color: rgba(255,255,255,0.5); transform: scale(1.08); } .IBMSMSMSSS_Author_Top_IconWrapped:active > .IBMSMSMSSS_Author_Top_Icon { transition: ease 0.1s; color: rgba(255,255,255,0.5); transform: scale(0.98); } .IBMSMSMSSS_Author_Top_Banner { width: 100%; padding-top: 20%; border-radius: 10px; }