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