]> git.wh0rd.org - tt-rss.git/blame_incremental - css/cdm.css
git.wh0rd.org / tt-rss.git / blame_incremental
? search:
summary | shortlog | log | commit | commitdiff | tree
blob | blame (non-incremental) | history | HEAD
Merge branch 'master' of git.fakecake.org:tt-rss
[tt-rss.git] / css / cdm.css
... / ...
CommitLineData
1div.cdmHeader img, div.cdmHeader input, div.cdmFooter img {
2 vertical-align : middle;
3}
4
5div.cdmHeader {
6 display : table;
7}
8
9div.cdmHeader > * {
10 display : table-cell;
11 padding : 5px;
12}
13
14div.cdmHeader > div {
15 white-space : nowrap;
16}
17
18div.cdmHeader > span {
19 width : 100%;
20}
21
22div.cdmHeader span.updated {
23 color : #555;
24 font-weight : normal;
25 font-size : 11px;
26 white-space : nowrap;
27 vertical-align : middle;
28}
29
30div.cdmHeader input {
31 margin-right : 5px;
32}
33
34div.cdmHeader div.updPic {
35 width : 25px;
36 display : inline-block;
37 text-align : center;
38}
39
40div.cdmHeader div.updPic img {
41 vertical-align : middle;
42}
43
44div.cdmHeader img, div.cdmFooter img {
45 margin : 0px 4px;
46}
47
48div.cdmHeader input {
49 margin-left : 4px;
50 margin-right : 4px;
51}
52
53div.cdmContentInner {
54 margin : 10px;
55 line-height : 1.5;
56 font-size : 15px;
57}
58
59div.cdmContentInner img,
60div.cdmContentInner video {
61 border-width : 0px;
62 max-width : 98%;
63 height : auto;
64}
65
66div.cdmContentInner h1 {
67 font-size : 16px;
68}
69
70div.cdmContentInner h2,
71div.cdmContentInner h3,
72div.cdmContentInner h4 {
73 font-size : 15px;
74}
75
76div.cdmFooter {
77 padding : 5px;
78 font-weight : normal;
79 color : #555;
80 clear : both;
81}
82
83div.cdm {
84 margin-right : 4px;
85}
86
87div.cdm.expanded {
88 margin-top : 4px;
89 margin-bottom : 4px;
90}
91
92div.cdm.expanded div.cdmFooter {
93 border-style : solid;
94 border-width : 0px 0px 1px 0px;
95 border-color : #ddd;
96}
97
98div.cdm.expandable {
99 background-color : #f0f0f0;
100 border-width : 0px 0px 1px 0px;
101 border-color : #ddd;
102 border-style : solid;
103}
104
105div.cdm.expandable > hr {
106 display : none;
107}
108
109div.cdm.expanded > hr {
110 margin-top : 0px;
111 margin-bottom : 0px;
112}
113
114div.cdm.expandable.Unread {
115 background : white;
116}
117
118div.cdm.expandable.Selected {
119 background : #f9fbff;
120}
121
122div.cdm.expandable.active {
123 background : white ! important;
124}
125
126div.cdm.expandable div.cdmHeader span.titleWrap {
127 white-space : nowrap;
128 text-overflow : ellipsis;
129 overflow : hidden;
130 max-width : 500px;
131}
132
133div.cdm.expandable.active div.cdmHeader span.titleWrap {
134 white-space : normal;
135}
136
137div.cdm.expandable div.cdmHeader a.title {
138 font-weight : 600;
139 color : #555;
140 font-size : 14px;
141 -webkit-transition : color 0.2s;
142 transition : color 0.2s;
143 text-rendering: optimizelegibility;
144 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
145 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
146 Helvetica, Arial, sans-serif;
147}
148
149div.cdm.expandable.Unread div.cdmHeader a.title {
150 color : black;
151}
152
153div.cdm.expandable.active div.cdmHeader a.title {
154 color : #4684ff;
155 font-size : 16px;
156 font-weight : 600;
157 text-rendering: optimizelegibility;
158 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
159 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
160 Helvetica, Arial, sans-serif;
161}
162
163div.cdm.expanded div.cdmHeader {
164 background : transparent ! important;
165}
166
167div.cdm.expanded div.cdmHeader a.title {
168 font-size : 16px;
169 color : #999;
170 font-weight : 600;
171 -webkit-transition : color 0.2s;
172 transition : color 0.2s;
173 text-rendering: optimizelegibility;
174 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
175 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
176 Helvetica, Arial, sans-serif;
177}
178
179div.cdm.expanded.active {
180 background : white;
181}
182
183div.cdm.expanded.active div.cdmHeader a.title {
184 color : #4684ff;
185}
186
187div.cdm.expanded.Unread div.cdmHeader a.title {
188 color : black;
189}
190
191div.cdm.expanded div.cdmContent {
192 color : #555;
193}
194
195div.cdm.expanded.Unread div.cdmContent {
196 color : black;
197}
198
199div.cdm.active div.cdmContent {
200 color : black;
201}
202
203span.cdmExcerpt {
204 font-size : 11px;
205 color : #999;
206 font-weight : normal;
207 cursor : pointer;
208}
209
210div.cdmContent div.postEnclosures {
211 margin-top : 1em;
212 color : #555;
213}
214
215div.cdmFeedTitle {
216 border-color : #a0a0a0;
217 border-width : 0px 0px 1px 0px;
218 border-style : solid;
219 padding : 5px 3px 5px 5px;
220 background : url("../images/toolbar.png") bottom left;
221 background-repeat : repeat-x;
222}
223
224div.cdmFeedTitle a.title {
225 color : #555;
226 font-style : italic;
227 font-weight : bold;
228}
229
230div.cdmFeedTitle a {
231 color : #555;
232}
233
234div.cdmFeedTitle a:hover {
235 color : #4684ff;
236}
237
238div.cdmHeader span.hlFeed {
239 float : right;
240 font-weight : normal;
241 font-style : italic;
242}
243
244div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
245 vertical-align : middle;
246 color : #555;
247 font-weight : normal;
248 font-style : italic;
249 font-size : 11px;
250}
251
252div.cdm .hlFeed a {
253 border-radius : 4px;
254 display : inline-block;
255 padding : 1px 4px 1px 4px;
256}
257
258div.cdmContentInner p {
259 max-width : 650px;
260 -webkit-hyphens: auto;
261 -moz-hyphens: auto;
262 hyphens: auto;
263}
264
265div.cdmContentInner iframe {
266 min-width : 50%;
267 max-width : 98%;
268}
269
270div.cdmHeader span.author {
271 color : #555;
272 font-size : 11px;
273 font-weight : normal;
274}
275
276
277div#floatingTitle {
278 position : absolute;
279 z-index : 5;
280 top : 0px;
281 right : 0px;
282 left : 0px;
283 border-color : #ddd;
284 border-width : 0px 0px 1px 0px;
285 border-style : solid;
286 background : white;
287 color : #555;
288 box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
289}
290
291div#floatingTitle > * {
292 display : table-cell;
293 white-space : nowrap;
294 vertical-align : middle;
295 padding : 9px 5px;
296}
297
298div#floatingTitle img {
299 margin-right : 4px;
300 margin-left : 4px;
301}
302
303div#floatingTitle span.author {
304 color : #555;
305 font-size : 11px;
306 font-weight : normal;
307}
308
309div#floatingTitle a.title {
310 font-size : 16px;
311 color : #999;
312 -webkit-transition : color 0.2s;
313 transition : color 0.2s;
314 font-weight : 600;
315 text-rendering: optimizelegibility;
316 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
317 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
318 Helvetica, Arial, sans-serif;
319}
320
321div#floatingTitle.Unread a.title {
322 color : black;
323}
324
325div#floatingTitle img.anchor {
326 margin-left : 0px;
327}
328
329div#floatingTitle div.hlFeed {
330 padding-right : 10px;
331 color : #555;
332 font-weight : normal;
333 font-style : italic;
334 font-size : 11px;
335 white-space : nowrap;
336}
337
338div#floatingTitle div.hlFeed a {
339 border-radius : 4px;
340 display : inline-block;
341 padding : 1px 4px 1px 4px;
342}
343
344div#floatingTitle span.updated {
345 padding-right : 10px;
346 white-space : nowrap;
347 color : #555;
348 font-size : 11px;
349}
350
351div#floatingTitle div.hlFeed a {
352 color : #555;
353}
354
355div#floatingTitle span.titleWrap {
356 width : 100%;
357 white-space : normal;
358}
359
360div#floatingTitle .dijit,
361div#floatingTitle img.hlScorePic {
362 display : none;
363}
364
365.cdm.high .cdmHeader a.title.high, .cdm.high .cdmHeader .cdmExcerpt,
366.cdm.high .cdmHeader span.author {
367 color : #00aa00;
368}
369
370.cdm.Unread.high .cdmHeader a.title.high, .cdm.Unread.high .cdmHeader .cdmExcerpt,
371.cdm.Unread.high .cdmHeader span.author {
372 color : #00dd00;
373}
374
375.cdm .cdmHeader a.title.low, .cdm.low .cdmHeader .cdmExcerpt,
376.cdm.Unread .cdmHeader a.title.low, .cdm.Unread.low .cdmHeader .cdmExcerpt,
377.cdm.low .cdmHeader span.author {
378 color : #909090;
379 text-decoration : line-through;
380}
381
382div.cdmFeedTitle > * {
383 display : table-cell;
384 vertical-align : middle;
385}
386
387div.cdmFeedTitle a.title {
388 width : 100%;
389}
390
391div.cdmFeedTitle a.catchup {
392 text-align : right;
393 color : #555;
394 padding-right : 10px;
395 font-size : 11px;
396 white-space : nowrap;
397}
398
399div.cdmFeedTitle a.catchup:hover {
400 color : #4684ff;
401}
402
web-based news feed (RSS/Atom) reader and aggregator; see https://tt-rss.org/