diff --git a/src/fellchensammlung/static/fellchensammlung/css/rss-styles.css b/src/fellchensammlung/static/fellchensammlung/css/rss-styles.css new file mode 100644 index 0000000..bbc5bb7 --- /dev/null +++ b/src/fellchensammlung/static/fellchensammlung/css/rss-styles.css @@ -0,0 +1,56 @@ +:root { + --background-color: #727272; + --background-color-dark: #2a2a2a; + --text-color: #000000; + --link-color: rgb(10, 10, 42); + --text-background: #aaaaaa; +} +body { + display: flex; + flex-direction: column; + background-color: var(--background-color-dark); + color: var(--text-color); +} + +alert-box[type="info"] { + --alert-border: var(--background-color); + --alert-background: var(--text-background); +} + +alert-box { + display: block; + margin: 3rem 0; + padding: 2rem 3rem; + border: 1px solid var(--alert-border); + border-left-width: .5rem; + border-radius: .4rem; + background-color: var(--alert-background); +} + +a { + color: inherit; + text-decoration: none; +} + +.post-summary { + margin: 1rem; + padding: 5px; + border-radius: .4rem; + background-color: var(--text-background); +} + +.rss-summary { + padding: 15px; + border-radius: .4rem; + background-color: var(--background-color); +} + +.post-summary h1 { + color: var(--link-color); + font-size: large; +} + +.inline-icon { + height: 1.5rem; + width: 1.5rem; +}