degmods.com/src/styles/author.css
freakoverse 40dd903e97
All checks were successful
Release to Staging / build_and_release (push) Successful in 39s
Update src/styles/author.css
2024-10-30 17:01:30 +00:00

282 lines
5.5 KiB
CSS

.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;
}