add news styling

This commit is contained in:
Wirlaburla 2024-05-05 15:17:14 -05:00
parent 3ba27b6a55
commit 14e0bbe1bb

View File

@ -1909,6 +1909,109 @@ div.user-input-box .userlink > * {
pointer-events: none;
}
/* NEWS */
@font-face {
font-family: Alagard;
src: url(/assets/alagard.ttf) format("truetype");
}
body.news:not(.post) {
--main-background: #fff1e0;
--background-image: none;
font-family: Alagard;
}
body.news:not(.post) .page-container {
color: #7d4310;
}
body.news .news-header h1 {
font-size: 4em;
margin: 4px;
}
body.news .news-header {
text-align: center;
}
body.news .news-header .hr {
display: flex;
}
body.news:not(.post) .page-container hr {
---hr-border: 1px double #7d4310;
border: none;
border-top: var(---hr-border);
border-bottom: var(---hr-border);
min-width: 4px;
height: 2px;
}
body.news:not(.post) .news-header a:link {
margin: auto 8px;
}
body.news:not(.post) .page-container hr:not(.nogrow) {
flex-grow: 1;
width: 100%;
}
body.news .article {
margin: 16px;
}
@media only screen and (orientation: landscape) {
body.news .page-container .articles {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 16px;
grid-template-areas:
"top top top2"
"top top top2"
". . .";
}
body.news .page-container .articles .article:nth-of-type(1) {
grid-area: top;
}
body.news .page-container .articles .article:nth-of-type(2) {
grid-area: top2;
}
}
body.news .article {
display: flex;
flex-direction: column;
}
body.news .article .subject {
font-size: 1.5em;
}
body.news .article .summary {
flex-grow: 1;
white-space: pre-wrap;
}
body.news .article .subj-line,
body.news .article .info-line {
display: flex;
padding: 4px;
}
body.news .article div.gap {
flex-grow: 1;
}
body.news.post h1.article-title {
margin: 2px;
}
body.news.post div.subinfo i {
color: var(--subtitle);
}
/* EDITOR */
.tabbed-container._weditor .tablist .buttonrow {
height: 0px;