bunteshaus.de/themes/buha/assets/css/article.css

124 lines
1.9 KiB
CSS
Raw Normal View History

2022-04-11 15:45:49 +02:00
article {
flex-grow: 1;
flex-shrink: 0;
margin-bottom: 2rem;
border-radius: 10px;
2022-04-11 19:41:10 +02:00
align-items: stretch;
2022-04-11 15:45:49 +02:00
}
2022-04-12 08:26:18 +02:00
.articletitle h2 {
2022-04-11 15:45:49 +02:00
margin-top: 0;
}
article a {
text-decoration: underline;
}
2022-04-12 08:26:18 +02:00
.article_list a {
2022-04-11 15:45:49 +02:00
text-decoration: none;
}
article p:first-child {
margin-top: 0;
}
2022-04-12 08:26:18 +02:00
article .readmore {
2022-04-11 15:45:49 +02:00
margin-top: 1rem;
}
2022-04-12 08:26:18 +02:00
.articlemeta {
2022-04-11 15:45:49 +02:00
margin-bottom: 1rem;
2022-04-11 18:28:33 +02:00
margin-left: .3rem;
2022-04-11 15:45:49 +02:00
}
2022-04-12 08:26:18 +02:00
.articletext img {
2022-04-11 15:45:49 +02:00
width: 80%;
}
2022-04-12 08:26:18 +02:00
.articlemeta div:first-child {
2022-04-11 15:45:49 +02:00
font-size: medium;
font-weight: bold;
}
2022-04-12 08:26:18 +02:00
.articletext {
2022-04-11 15:45:49 +02:00
margin-bottom: 1rem;
2022-04-11 20:38:08 +02:00
/* These are technically the same, but use both */
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
/* This is the dangerous one in WebKit, as it breaks things wherever */
word-break: break-all;
/* Instead use this non-standard one: */
word-break: break-word;
/* Adds a hyphen where the word breaks, if supported (No Blink) */
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
2022-04-11 15:45:49 +02:00
}
.multiple_small {
2022-04-11 19:39:04 +02:00
flex: 0 0 24%;
2022-04-11 15:45:49 +02:00
margin-right: 1rem;
}
.multiple_big {
2022-04-11 18:42:35 +02:00
flex: 0 1 72%;
2022-04-11 15:45:49 +02:00
}
2022-04-11 21:35:30 +02:00
.multiple_medium {
flex: 0 1 50%;
}
2022-04-11 15:45:49 +02:00
.solo {
2022-04-11 20:42:45 +02:00
flex: 0 0 100%;
2022-04-11 15:45:49 +02:00
}
2022-04-12 08:26:18 +02:00
.articleinner {
2022-04-11 15:45:49 +02:00
display: flex;
flex-direction: column-reverse;
}
2022-04-12 08:26:18 +02:00
.article_footer {
2022-04-11 16:56:06 +02:00
margin-left: 1rem;
2022-04-11 18:21:17 +02:00
margin-right: 1rem;
2022-04-11 15:45:49 +02:00
margin-top: 0rem;
margin-bottom: 0rem;
display: flex;
flex-direction: column;
2022-04-11 16:56:06 +02:00
align-items: stretch;
2022-04-11 15:45:49 +02:00
font-size: x-small;
color: var(--text-muted);
2022-04-11 16:56:06 +02:00
}
2022-04-12 08:26:18 +02:00
.article_footer_foundations1 {
2022-04-11 16:56:06 +02:00
display: flex;
height: 3rem;
}
2022-04-12 08:26:18 +02:00
.article_footer_foundations2 {
2022-04-11 16:56:06 +02:00
display: flex;
justify-content: space-between;
margin-top: 1rem;
}
.article_footer_item1 {
display: flex;
flex-grow: 0;
height: 3rem;
margin-right: 1rem;
margin-top: .1rem;
}
.article_footer_item2 {
display: flex;
flex-grow: 0;
flex-direction: column;
2022-04-11 15:45:49 +02:00
}
2022-04-12 11:54:29 +02:00
2022-05-06 14:39:53 +02:00
.index_section {
width: 100%;
2022-05-06 14:01:05 +02:00
}