annotate web_resources/style/feed-preview.css @ 9:fcd65cf3f634

Simplify the hint shown if there are no entries Always create the element and hide it with CSS if there are entries.
author Guido Berhoerster <guido+feed-preview@berhoerster.name>
date Tue, 27 Nov 2018 16:05:14 +0100
parents c271192aac9d
children ff5e5e3eba32
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
1 /*
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
2 * Copyright (C) 2018 Guido Berhoerster <guido+feed-preview@berhoerster.name>
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
3 *
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
4 * This Source Code Form is subject to the terms of the Mozilla Public
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
5 * License, v. 2.0. If a copy of the MPL was not distributed with this
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
6 * file, You can obtain one at http://mozilla.org/MPL/2.0/.
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
7 */
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
8
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
9 @import url("common.css");
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
10
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
11 :root {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
12 --default-background: var(--grey-10);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
13 --entry-background: var(--white-100);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
14 --secondary-color: var(--grey-50);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
15 --entry-content-border: 1px solid var(--grey-90-a10);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
16 --font-family-default: "Segoe UI", "San Fancisco", "Ubuntu", sans-serif;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
17 --font-display-20: 300 36px var(--font-family-default);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
18 --font-title-40: 300 28px var(--font-family-default);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
19 --font-title-30: 300 22px var(--font-family-default);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
20 --font-title-20: 500 17px var(--font-family-default);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
21 --font-title-10: 500 13px var(--font-family-default);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
22 --font-body-20: 400 15px var(--font-family-default);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
23 --font-body-10: 400 13px var(--font-family-default);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
24 --entry-shadow: 0 1px 4px var(--grey-90-a10);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
25 --entry-outline: var(--entry-shadow), 0 0 0 5px var(--grey-30);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
26 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
27
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
28 body {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
29 padding: 16px;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
30 background-color: var(--default-background);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
31 background-image: none;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
32 background-repeat: no-repeat;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
33 background-origin: padding-box;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
34 background-position: bottom 0 left 0;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
35 background-attachment: fixed;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
36 height: 100%;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
37 font: var(--font-body-20);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
38 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
39
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
40 @media (width > calc(80ch + 2 * 200px)) and (height > calc(200px * 3)) {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
41 /* minimum background image size is 200px */
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
42 body {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
43 background-image: url('../images/feed.svg');
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
44 background-size: calc((100vw - 80ch) / 2);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
45 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
46 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
47
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
48 @media (width > calc(80ch + 2 * 200px)) and (height > calc(200px * 3)) and
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
49 (width > calc(80ch + 33vh)) {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
50 /*
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
51 * the background image should not be higher than three times the viewport
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
52 * height
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
53 */
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
54 body {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
55 background-image: url('../images/feed.svg');
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
56 background-size: 33vh 33vh;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
57 }
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
58 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
59
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
60 #feed-header {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
61 width: 100%;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
62 max-width: 80ch;
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
63 min-width: 40ch;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
64 padding: 16px;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
65 margin: 0 auto;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
66 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
67
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
68 #feed-logo {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
69 float: right;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
70 max-width: 188px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
71 max-height: 48px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
72 margin: 0 0 8px 8px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
73 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
74
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
75 #feed-title {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
76 font: var(--font-title-40);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
77 margin: 0;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
78 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
79
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
80 #feed-subtitle {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
81 font: var(--font-body-20);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
82 color: var(--secondary-color);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
83 margin: 6px 0 0 0;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
84 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
85
1
1c31f4102408 Show a hint if the feed has no entries
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
86 #no-entries-hint {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
87 color: var(--secondary-color);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
88 font: var(--font-display-20);
9
fcd65cf3f634 Simplify the hint shown if there are no entries
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 8
diff changeset
89 display: none;
fcd65cf3f634 Simplify the hint shown if there are no entries
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 8
diff changeset
90 }
fcd65cf3f634 Simplify the hint shown if there are no entries
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 8
diff changeset
91
fcd65cf3f634 Simplify the hint shown if there are no entries
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 8
diff changeset
92 #no-entries-hint:last-child {
fcd65cf3f634 Simplify the hint shown if there are no entries
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 8
diff changeset
93 display: block;
1
1c31f4102408 Show a hint if the feed has no entries
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
94 }
1c31f4102408 Show a hint if the feed has no entries
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
95
1c31f4102408 Show a hint if the feed has no entries
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
96 #no-entries-hint,
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
97 .entry {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
98 clear: both;
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
99 margin: 16px auto 0 auto;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
100 padding: 16px;
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
101 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
102
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
103 .entry {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
104 overflow: auto;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
105 max-width: 80ch;
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
106 background: var(--entry-background);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
107 border-radius: 4px;
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
108 box-shadow: var(--entry-shadow);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
109 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
110
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
111 #feed-header + article .entry {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
112 margin-top: 16px;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
113 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
114
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
115 .entry + .entry {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
116 margin-top: 8px;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
117 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
118
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
119 .entry:hover {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
120 box-shadow: var(--entry-outline);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
121 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
122
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
123 details.entry > summary {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
124 display: flex;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
125 align-items: center;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
126 list-style-type: none;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
127 padding: 0 8px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
128 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
129
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
130 details.entry > summary:focus {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
131 outline: none;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
132 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
133
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
134 details.entry > summary::before {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
135 content: url('../images/arrow.svg');
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
136 width: 16px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
137 height: 16px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
138 flex: 0 0 16px;
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
139 transition: 100ms;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
140 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
141
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
142 details.entry[open] > summary {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
143 margin: 0 0 8px 0;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
144 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
145
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
146 details.entry[open] > summary::before {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
147 transform: rotate(90deg);
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
148 transition: 100ms;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
149 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
150
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
151 .entry-header {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
152 margin: 0 0 0 8px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
153 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
154
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
155 .entry-title {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
156 font: var(--font-title-20);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
157 margin: 0 0 4px 0;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
158 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
159
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
160 .entry-date {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
161 color: var(--secondary-color);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
162 font: var(--font-body-10);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
163 margin: 0;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
164 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
165
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
166 .entry-content {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
167 width: 100%;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
168 height: 24em;
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
169 border: var(--entry-content-border);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
170 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
171
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
172 .entry-files {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
173 font: var(--font-body-10);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
174 color: var(--secondary-color);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
175 padding: 0 8px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
176 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
177
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
178 .entry-files-title {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
179 font: var(--font-title-10);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
180 margin: 0 0 4px 0;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
181 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
182
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
183 .entry-files-list {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
184 margin: 0;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
185 padding: 0 0 0 32px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
186 }