|
35 | 35 |
|
36 | 36 | */ |
37 | 37 |
|
38 | | -/* Item display rendering header table (with title, categories...) */ |
39 | | -// table.itemhead { } |
40 | | - |
41 | | -/* Feed display rendering header table (with title, categories...) */ |
42 | | -// table.feedhead { } |
43 | | - |
44 | | -/* 1st <td> of feed/item table display containing favicon */ |
45 | | -// td.head_favicon { } |
| 38 | +/* color definitions */ |
| 39 | +//:root { |
| 40 | +// --text-color: rgb(51, 51, 51); |
| 41 | +// --text-color-light: rgb(120, 120, 120); |
| 42 | +// --primary: rgb(28, 118, 228); |
| 43 | +// --body-bg: #fff; |
| 44 | +// --box-bg: rgba(135, 135, 135, 0.085); |
| 45 | +// --box-radius: 0.35rem; |
| 46 | +// --box-padding: 0.75rem 1.5rem; |
| 47 | +// --box-margin: 0.75rem 0; |
| 48 | +// --box-text-color: #111; |
| 49 | +// |
| 50 | +// --error-bg: #ffa; |
| 51 | +// |
| 52 | +// --body-font-family: "Red Hat Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; |
| 53 | +// --body-font-scale: 0.95; |
| 54 | +// --body-font-size: calc(var(--body-font-scale) * clamp(16px, 1vw, 18px)); |
| 55 | +// --body-font-weight: normal; |
| 56 | +// |
| 57 | +// --preferred-content-width: 90ch; /* The preferred width for the readable content */ |
| 58 | +//} |
| 59 | + |
| 60 | +/* dark style overrides */ |
| 61 | +//@media (prefers-color-scheme: dark) { |
| 62 | +// :root { |
| 63 | +// --text-color: #f6f6f6; |
| 64 | +// --text-color-light: #bbb; |
| 65 | +// --primary: rgb(144, 194, 255); |
| 66 | +// --body-bg: #121212; |
| 67 | +// --box-bg: rgba(135, 135, 135, 0.1); |
| 68 | +// --box-text-color: #fff; |
| 69 | +// color-scheme: dark; |
| 70 | +// } |
| 71 | +//} |
| 72 | + |
| 73 | +/* feed/item display containing favicon */ |
46 | 74 | // a.favicon { } |
47 | 75 | // a.favicon img { } |
48 | 76 |
|
49 | | -/* 2nd <td> of feed/item table display containing title */ |
50 | | -// td.head_title { } |
51 | | - |
52 | | -/* Metadata display table (inside header table) */ |
53 | | -// table.headmeta { } |
54 | | - |
55 | | -/* Header table fields to different item metadata */ |
| 77 | +/* Header fields for different item metadata */ |
56 | 78 | // .author, .categories, .source { } |
57 | 79 | // .date { } |
58 | 80 |
|
|
75 | 97 | // #errors { } |
76 | 98 | // pre.errorOutput { } |
77 | 99 |
|
| 100 | +/* Embedded video styles */ |
| 101 | +// #enclosureVideo select, |
| 102 | +// #enclosureAudio select { } |
| 103 | + |
| 104 | +// #enclosureVideo select option, |
| 105 | +// #enclosureAudio select option { } |
| 106 | + |
78 | 107 | /* namespace specific styles */ |
79 | 108 |
|
80 | 109 | /* Gravatar embedding */ |
|
87 | 116 | // .slash { } |
88 | 117 | // .slashSection, .slashDepartment { } |
89 | 118 | // .slashValue { } |
90 | | - |
|
0 commit comments