Mercurial > addons > firefox-addons > feed-preview

annotate web_resources/style/feed-preview.css @ 66:744652abc028 version-13

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Release version 13
author Guido Berhoerster <guido+feed-preview@berhoerster.name>
date Tue, 20 Apr 2021 17:12:47 +0200
parents e25dce8b49c3
children
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 {
10
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
12 --blue-50-a30: rgba(10, 132, 255, 0.3);
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
13 --default-background: var(--grey-10);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
14 --entry-background: var(--white-100);
10
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
15 --primary-color: var(--grey-90);
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
16 --secondary-color: var(--grey-50);
10
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
17 --button-focus-shadow: 0 0 0 1px var(--blue-50) inset,
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
18 0 0 0 1px var(--blue-50), 0 0 0 4px var(--blue-50-a30);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
19 --primary-button-color: var(--white-100);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
20 --primary-button-background-color: var(--blue-60);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
21 --primary-button-hover-background-color: var(--blue-70);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
22 --primary-button-active-background-color: var(--blue-80);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
23 --secondary-button-color: var(--primary-color);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
24 --secondary-button-background-color: var(--grey-90-a10);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
25 --secondary-button-hover-background-color: var(--grey-90-a20);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
26 --secondary-button-active-background-color: var(--grey-90-a30);
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
27 --entry-content-border: 1px solid var(--grey-90-a10);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
28 --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
29 --font-display-20: 300 36px var(--font-family-default);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
30 --font-title-40: 300 28px var(--font-family-default);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
31 --font-title-30: 300 22px var(--font-family-default);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
32 --font-title-20: 500 17px var(--font-family-default);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
33 --font-title-10: 500 13px var(--font-family-default);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
34 --font-body-20: 400 15px var(--font-family-default);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
35 --font-body-10: 400 13px var(--font-family-default);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
36 --entry-shadow: 0 1px 4px var(--grey-90-a10);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
37 --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
38 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
39
38
e25dce8b49c3 Revert some unwanted changes from the extension.css style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 30
diff changeset
40 html,
e25dce8b49c3 Revert some unwanted changes from the extension.css style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 30
diff changeset
41 body {
e25dce8b49c3 Revert some unwanted changes from the extension.css style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 30
diff changeset
42 /*
e25dce8b49c3 Revert some unwanted changes from the extension.css style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 30
diff changeset
43 * revert some unwanted changes in "extension.css" disallowing text selection
e25dce8b49c3 Revert some unwanted changes from the extension.css style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 30
diff changeset
44 * and forcing use of the default cursor for all contexts
e25dce8b49c3 Revert some unwanted changes from the extension.css style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 30
diff changeset
45 */
e25dce8b49c3 Revert some unwanted changes from the extension.css style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 30
diff changeset
46 -moz-user-select: auto;
e25dce8b49c3 Revert some unwanted changes from the extension.css style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 30
diff changeset
47 -webkit-user-select: auto;
e25dce8b49c3 Revert some unwanted changes from the extension.css style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 30
diff changeset
48 user-select: auto;
e25dce8b49c3 Revert some unwanted changes from the extension.css style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 30
diff changeset
49 cursor: auto;
e25dce8b49c3 Revert some unwanted changes from the extension.css style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 30
diff changeset
50 }
e25dce8b49c3 Revert some unwanted changes from the extension.css style sheet
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 30
diff changeset
51
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
52 body {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
53 padding: 16px;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
54 background-color: var(--default-background);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
55 background-image: none;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
56 background-repeat: no-repeat;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
57 background-origin: padding-box;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
58 background-position: bottom 0 left 0;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
59 background-attachment: fixed;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
60 height: 100%;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
61 font: var(--font-body-20);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
62 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
63
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
64 @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
65 /* minimum background image size is 200px */
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
66 body {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
67 background-image: url('../images/feed.svg');
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
68 background-size: calc((100vw - 80ch) / 2);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
69 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
70 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
71
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
72 @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
73 (width > calc(80ch + 33vh)) {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
74 /*
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
75 * 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
76 * height
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
77 */
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
78 body {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
79 background-image: url('../images/feed.svg');
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
80 background-size: 33vh 33vh;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
81 }
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
82 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
83
10
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
84 #feed-subscription {
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
85 width: 100%;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
86 max-width: 80ch;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
87 margin: 0 auto 32px auto;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
88 padding: 0 16px;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
89 white-space: nowrap;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
90 }
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
91
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
92 #feed-subscription fieldset[name="main"] {
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
93 display: flex;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
94 align-items: baseline;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
95 margin: 0;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
96 padding: 0;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
97 border: none;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
98 }
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
99
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
100 #feed-subscription fieldset[name="main"] > * + * {
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
101 margin-left: 8px;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
102 }
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
103
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
104 #feed-reader-selection {
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
105 -moz-appearance: none;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
106 appearance: none;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
107 border: none;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
108 border-radius: 2px;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
109 padding: 0 28px 0 8px;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
110 height: 32px;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
111 min-width: 20ch;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
112 color: var(--secondary-button-color);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
113 background-color: var(--secondary-button-background-color);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
114 background-image: url('../images/arrow.svg');
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
115 background-repeat: no-repeat;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
116 background-position: center right 8px;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
117 background-size: 12px;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
118 flex-grow: 1;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
119 flex-shrink: 1;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
120 text-overflow: ellipsis;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
121 }
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
122
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
123 #feed-reader-selection:not(:disabled):hover {
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
124 background-color: var(--secondary-button-hover-background-color);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
125 }
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
126
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
127 #feed-reader-selection:not(:disabled):active {
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
128 background-color: var(--secondary-button-active-background-color);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
129 }
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
130
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
131 #feed-reader-selection option:hover,
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
132 #feed-reader-selection option:active,
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
133 #feed-reader-selection option:focus {
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
134 background-color: red;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
135 }
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
136
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
137 #subscribe {
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
138 color: var(--primary-button-color);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
139 background-color: var(--primary-button-background-color);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
140 border-radius: 2px;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
141 padding: 0 8px;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
142 height: 32px;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
143 min-width: 132px;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
144 text-align: center;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
145 border: none;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
146 }
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
147
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
148 #subscribe:not(:disabled):hover {
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
149 background-color: var(--primary-button-hover-background-color);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
150 }
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
151
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
152 #feed-reader-selection:not(:disabled):focus,
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
153 #subscribe:not(:disabled):focus {
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
154 box-shadow: var(--button-focus-shadow);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
155 }
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
156
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
157 #subscribe:not(:disabled):active {
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
158 background-color: var(--primary-button-active-background-color);
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
159 }
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
160
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
161 #feed-reader-selection:disabled,
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
162 #subscribe:disabled {
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
163 opacity: .4;
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
164 }
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
165
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
166 #feed-header {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
167 width: 100%;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
168 max-width: 80ch;
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
169 min-width: 40ch;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
170 padding: 16px;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
171 margin: 0 auto;
10
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
172 border-top: 1px solid var(--grey-90-a10);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
173 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
174
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
175 #feed-logo {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
176 float: right;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
177 max-width: 188px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
178 max-height: 48px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
179 margin: 0 0 8px 8px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
180 }
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 #feed-title {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
183 font: var(--font-title-40);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
184 margin: 0;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
185 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
186
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
187 #feed-subtitle {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
188 font: var(--font-body-20);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
189 color: var(--secondary-color);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
190 margin: 6px 0 0 0;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
191 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
192
1
1c31f4102408 Show a hint if the feed has no entries
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
193 #no-entries-hint {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
194 color: var(--secondary-color);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
195 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
196 display: none;
fcd65cf3f634 Simplify the hint shown if there are no entries
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 8
diff changeset
197 }
fcd65cf3f634 Simplify the hint shown if there are no entries
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 8
diff changeset
198
fcd65cf3f634 Simplify the hint shown if there are no entries
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 8
diff changeset
199 #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
200 display: block;
1
1c31f4102408 Show a hint if the feed has no entries
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
201 }
1c31f4102408 Show a hint if the feed has no entries
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
202
1c31f4102408 Show a hint if the feed has no entries
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 0
diff changeset
203 #no-entries-hint,
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
204 .entry {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
205 clear: both;
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
206 margin: 16px auto 0 auto;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
207 padding: 16px;
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
208 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
209
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
210 .entry {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
211 overflow: auto;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
212 max-width: 80ch;
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
213 background: var(--entry-background);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
214 border-radius: 4px;
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
215 box-shadow: var(--entry-shadow);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
216 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
217
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
218 #feed-header + article .entry {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
219 margin-top: 16px;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
220 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
221
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
222 .entry + .entry {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
223 margin-top: 8px;
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
224 }
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
225
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
226 .entry:hover {
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
227 box-shadow: var(--entry-outline);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
228 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
229
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
230 details.entry > summary {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
231 display: flex;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
232 align-items: center;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
233 list-style-type: none;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
234 padding: 0 8px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
235 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
236
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
237 details.entry > summary:focus {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
238 outline: none;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
239 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
240
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
241 details.entry > summary::before {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
242 content: url('../images/arrow.svg');
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
243 width: 16px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
244 height: 16px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
245 flex: 0 0 16px;
10
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
246 transform: rotate(-90deg);
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
247 transition: 100ms;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
248 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
249
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
250 details.entry[open] > summary {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
251 margin: 0 0 8px 0;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
252 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
253
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
254 details.entry[open] > summary::before {
10
ff5e5e3eba32 Implement feed subscription for web-based feed readers
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 9
diff changeset
255 transform: rotate(0deg);
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
256 transition: 100ms;
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
257 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
258
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
259 .entry-header {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
260 margin: 0 0 0 8px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
261 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
262
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
263 .entry-title {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
264 font: var(--font-title-20);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
265 margin: 0 0 4px 0;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
266 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
267
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
268 .entry-date {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
269 color: var(--secondary-color);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
270 font: var(--font-body-10);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
271 margin: 0;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
272 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
273
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
274 .entry-content {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
275 width: 100%;
30
b9dc94ce2eeb Use a more compact style for feed entry content
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 10
diff changeset
276 height: 16em;
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
277 border: var(--entry-content-border);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
278 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
279
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
280 .entry-files {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
281 font: var(--font-body-10);
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
282 color: var(--secondary-color);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
283 padding: 0 8px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
284 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
285
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
286 .entry-files-title {
8
c271192aac9d Improve visual appearance
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents: 1
diff changeset
287 font: var(--font-title-10);
0
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
288 margin: 0 0 4px 0;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
289 }
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
290
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
291 .entry-files-list {
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
292 margin: 0;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
293 padding: 0 0 0 32px;
bc5cc170163c Initial revision
Guido Berhoerster <guido+feed-preview@berhoerster.name>
parents:
diff changeset
294 }