degmods.com/src/styles/post.css

220 lines
4.0 KiB
CSS
Raw Normal View History

2024-07-25 15:05:28 +00:00
.IBMSMSMBSSPost {
width: 100%;
overflow: hidden;
border-radius: 15px;
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 25px;
background: rgba(255,255,255,0.05);
box-shadow: 0 0 8px 0 rgb(0,0,0,0.1);
position: relative;
padding: 0 0 50px 0;
}
.IBMSMSMBSSPostPicture {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 56.25%;
}
.IBMSMSMBSSPostTitle {
width: 100%;
padding: 15px;
padding: 0px;
display: flex;
flex-direction: column;
align-items: center;
}
.IBMSMSMBSSPostBody {
width: 100%;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
overflow: hidden;
}
.IBMSMSMBSSPostTitleHeading {
width: 100%;
}
.IBMSMSMBSSPostTitleText {
width: 100%;
}
.IBMSMSMBSSPostInside {
display: flex;
flex-direction: column;
grid-gap: 25px;
padding: 0 15px;
width: 100%;
max-width: 775px;
}
.IBMSMSMBSSPostImg {
width: 100%;
margin: 15px 0;
background: #232323;
border-radius: 10px;
}
.IBMSMSMBSSPost_PostDetails {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
grid-gap: 5px;
border-radius: 15px;
overflow: hidden;
padding: 5px 15px;
border: solid 1px rgba(255,255,255,0.1);
justify-content: space-around;
}
@media (max-width: 576px) {
.IBMSMSMBSSPost_PostDetails {
flex-direction: column;
}
}
.IBMSMSMBSSPost_PDElement {
transition: ease 0.4s;
/*width: 100%;*/
display: flex;
flex-direction: row;
grid-gap: 10px;
justify-content: start;
align-items: center;
color: rgba(255,255,255,0.25);
padding: 10px 15px;
border-radius: 10px;
position: relative;
}
.IBMSMSMBSSPost_PDElementLink::before {
transition: ease 0.4s;
background: linear-gradient(to top right, #262626, #292929, #262626);
opacity: 0;
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
z-index: -1;
border-radius: 10px;
}
.IBMSMSMBSSPost_PDElementLink:hover::before {
transition: ease 0.4s;
background: linear-gradient(to top right, #262626, #292929, #262626);
opacity: 1;
}
.IBMSMSMBSSPost_PDElementIcon {
}
.IBMSMSMBSSPost_PDElementText {
}
.IBMSMSMBSSPost_PDElement.IBMSMSMBSSPost_PDElementLink {
transition: ease 0.4s;
text-decoration: unset;
}
.IBMSMSMBSSPost_PDElement.IBMSMSMBSSPost_PDElementLink:hover {
transition: ease 0.4s;
text-decoration: unset;
color: rgba(255,255,255,0.75);
box-shadow: 0 0 8px 0 rgb(0,0,0,0.1);
}
.IBMSMSMBSSPostBodyHide {
bottom: 0;
left: 0;
right: 0;
height: 100%;
position: absolute;
border: solid 1px rgba(255,255,255,0.1);
border-radius: 10px;
background: linear-gradient(rgba(0,0,0,0) 0%, #232323 100%);
display: flex;
flex-direction: column;
justify-content: end;
align-items: center;
padding: 15px;
color: rgba(255,255,255,0.75);
font-weight: bold;
cursor: pointer;
box-shadow: inset 0 0 8px 0 rgb(0,0,0,0.1);
}
.IBMSMSMBSSModFor {
width: 100%;
border-radius: 10px;
padding: 15px;
color: rgba(255,255,255,0.65);
background: rgba(255,255,255,0.05);
box-shadow: 0 0 8px 0 rgb(0,0,0,0.1);
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.IBMSMSMBSSModForPara {
font-weight: bold;
}
.IBMSMSMBSSModForLink {
transition: ease 0.4s;
font-weight: normal;
color: rgba(255,255,255,0.5);
text-decoration: none;
}
.IBMSMSMBSSModForLink:hover {
transition: ease 0.4s;
color: rgba(255,255,255,0.75);
text-decoration: underline;
}
.IBMSMSMBSSShots {
max-width: 100%;
min-width: 0px;
overflow-x: auto;
display: flex;
flex-direction: row;
grid-gap: 10px;
background: rgba(0,0,0,0.1);
border-radius: 10px;
padding: 10px;
box-shadow: inset 0 0 8px 0 rgb(0,0,0,0.1);
}
.IBMSMSMBSSShotsImg {
min-width: 250px;
border-radius: 10px;
overflow: hidden;
height: 140.625px;
object-fit: cover;
cursor: pointer;
}
.IBMSMSMBSSPostsWrapper {
display: flex;
flex-direction: column;
grid-gap: 15px;
}
.IBMSMSMBSSPostsTitle {
color: rgba(255,255,255,0.5);
}