Mercurial > addons > firefox-addons > feed-preview

annotate web_resources/style/feed-preview.css @ 54:ede87e1004f9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Fix issues with feed detection Query the feed probe content script for available feeds from the background script instead of making the content script message the background script. This solves a race condition between the message from the content script sending any feeds associated with the current document and the tab's status "complete" event signaling that a new document has been loaded and hiding the page action. Sometimes that event would be triggered after the message from the content script and thus hide the page action again. In addition, navigating back to a previously visited page might not cause a reload which means that the content script would not send a message if there were feeds associated with the current document.
author Guido Berhoerster <guido+feed-preview@berhoerster.name>
date Thu, 26 Sep 2019 23:11:18 +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 }