bulletboards/ImageBoardServerApp/Shared/Components/Post.razor.css
limited_dev 47cde5f928 feat: round image corners
Signed-off-by: limited_dev <loginakkisativ@gmail.com>
2023-06-07 20:05:24 +02:00

165 lines
No EOL
2.3 KiB
CSS

.toggleOpened{
color: #6272a4;
text-decoration: none;
}
.toggleOpened:hover{
color: #6272a4; !important;
cursor: pointer;
}
.title{
color: #8be9fd;
}
.name{
color: #50fa7b;
}
.Admin{
color: #ff5555;
}
.Mod{
color: #bd93f9;
}
.threadHeader{
text-align: left;
background-color: #241938;
border-bottom: 2px solid #2d2a42;
margin-inside: 2px;
}
.threadFooter{
text-align: right; !important;
align-self: end; !important;
}
.threadFooter button{
border: none;
color: white;
padding: 4px 8px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
border-radius: 3px;
}
.threadFooter a{
border: none;
color: white;
padding: 4px 8px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
border-radius: 3px;
}
.delButton{
background-color: #433F6B;
color: white;
border: 2px solid #ff5555;
}
.delButton:hover{
background-color: #ff5555;
color: white;
}
.repButton{
background-color: #433F6B;
color: white;
border: 2px solid #ffa255;
}
.repButton:hover{
background-color: #ffa255;
color: white;
}
.opButton{
background-color: #433F6B;
color: white;
border: 2px solid #55ff77;
}
.opButton:hover{
background-color: #55ff77;
color: white;
}
.statButton{
background-color: #433F6B;
color: white;
border: 2px solid #008CBA;
}
.statButton:hover{
background-color: #008CBA;
color: white;
}
.threadFooter.a{
color: #6272a4;
}
.threadContent{
text-align: left;
display: flex;
}
.greenText{
color: #50fa7b;
}
.threadImage{
margin: 6px;
max-width: 500px;
max-height: 500px;
padding: 5px;
}
.threadImage img{
max-width:150px;
width: 100%;
}
.threadImage img.active{
/*transform: scale(3);*/
max-width:500px;
width: 100%;
}
.threadText{
display: block;
}
.threadTextContainer{
margin: 0;
}
.threadMsg {
display: inline-block;
}
.post{
border: 2px solid #2d2a42;
border-radius: 4px;
}
.post img{
border-radius: 3px;
}
.threadImage{
border: 1px solid #2d2a42;
border-radius: 5px;
}