mirror of
https://gitlab.com/MrFry/qmining-page
synced 2025-04-01 20:23:44 +02:00
91 lines
1.3 KiB
CSS
91 lines
1.3 KiB
CSS
.newsBody {
|
|
margin: 0px 12px;
|
|
color: #fff;
|
|
white-space: pre-line;
|
|
text-align: justify;
|
|
}
|
|
|
|
@media screen and (max-width: 700px) {
|
|
.newsTitle {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
.newsTitle {
|
|
font-size: 25px;
|
|
color: var(--text-color);
|
|
margin: 0px 11px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.newsDate {
|
|
margin-right: 12px;
|
|
margin-left: 14px;
|
|
}
|
|
|
|
.newsContainer {
|
|
margin: 5px 5px;
|
|
}
|
|
|
|
.delete_bttn {
|
|
font-size: 15px;
|
|
transition: width 0.5s, height 0.5s, ease-in 0.5s;
|
|
}
|
|
|
|
.adminPost {
|
|
border-left: 4px solid var(--text-color);
|
|
}
|
|
|
|
.userPost {
|
|
border-left: 4px solid azure;
|
|
}
|
|
|
|
.ownPost {
|
|
border-left: 4px dotted azure;
|
|
}
|
|
|
|
.newsContainer img {
|
|
max-width: 100%;
|
|
min-width: 200px;
|
|
border: 2px solid white;
|
|
}
|
|
|
|
.newsHeader {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
@media screen and (max-width: 700px) {
|
|
.newsHeader {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 700px) {
|
|
.userinfo {
|
|
flex-flow: column;
|
|
}
|
|
}
|
|
|
|
.userinfo {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.newsRoot {
|
|
background-color: var(--dark-color);
|
|
margin-left: 8px;
|
|
margin-right: 8px;
|
|
margin-bottom: 16px;
|
|
margin-top: 16px;
|
|
padding: 10px;
|
|
}
|
|
|
|
@media screen and (max-width: 700px) {
|
|
.newsRoot {
|
|
margin: 5px 0px;
|
|
padding: 10px 2px;
|
|
}
|
|
}
|