]> 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
installer: use dijit styles
[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 font-size : 11px;
215 color : #999;
216 font-weight : normal;
217 cursor : pointer;
218}
219
220div.cdmContent div.postEnclosures {
221 margin-top : 1em;
222 color : #555;
223}
224
225div.cdmFeedTitle {
226 border-color : #0088cc;
227 border-width : 0px 0px 1px 0px;
228 border-style : solid;
229 padding : 5px 3px 5px 5px;
230}
231
232div.cdmFeedTitle a.title {
233 color : #555;
234 font-weight : bold;
235}
236
237div.cdmFeedTitle a {
238 color : #555;
239}
240
241div.cdmFeedTitle a:hover {
242 color : #0088cc;
243}
244
245div.cdmHeader span.hlFeed {
246 float : right;
247 font-weight : normal;
248 font-style : italic;
249}
250
251div.cdmHeader div.hlFeed, div.cdmHeader div.hlFeed a {
252 vertical-align : middle;
253 color : #555;
254 font-weight : normal;
255 font-style : italic;
256 font-size : 11px;
257}
258
259div.cdm .hlFeed a {
260 border-radius : 4px;
261 display : inline-block;
262 padding : 1px 4px 1px 4px;
263}
264
265div.cdmContentInner p {
266 max-width : 650px;
267 -webkit-hyphens: auto;
268 -moz-hyphens: auto;
269 hyphens: auto;
270}
271
272div.cdmContentInner iframe {
273 min-width : 50%;
274 max-width : 98%;
275}
276
277div.cdmHeader span.author {
278 color : #555;
279 font-size : 11px;
280 font-weight : normal;
281}
282
283
284div#floatingTitle {
285 position : absolute;
286 z-index : 5;
287 top : 0px;
288 right : 0px;
289 left : 0px;
290 border-color : #ddd;
291 border-width : 0px 0px 1px 0px;
292 border-style : solid;
293 background : white;
294 color : #555;
295 box-shadow : 0px 1px 1px -1px rgba(0,0,0,0.1);
296}
297
298div#floatingTitle > * {
299 display : table-cell;
300 white-space : nowrap;
301 vertical-align : middle;
302 padding : 9px 5px;
303}
304
305div#floatingTitle img {
306 margin-right : 4px;
307 margin-left : 4px;
308}
309
310div#floatingTitle span.author {
311 color : #555;
312 font-size : 11px;
313 font-weight : normal;
314}
315
316div#floatingTitle a.title {
317 font-size : 16px;
318 color : #999;
319 -webkit-transition : color 0.2s;
320 transition : color 0.2s;
321 font-weight : 600;
322 text-rendering: optimizelegibility;
323 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
324 "Segoe UI Web Semibold", "Segoe UI", Ubuntu, "DejaVu Sans", "Helvetica Neue",
325 Helvetica, Arial, sans-serif;
326}
327
328div#floatingTitle.Unread a.title {
329 color : black;
330}
331
332div#floatingTitle img.anchor {
333 margin-left : 0px;
334}
335
336div#floatingTitle div.hlFeed {
337 padding-right : 10px;
338 color : #555;
339 font-weight : normal;
340 font-style : italic;
341 font-size : 11px;
342 white-space : nowrap;
343}
344
345div#floatingTitle div.hlFeed a {
346 border-radius : 4px;
347 display : inline-block;
348 padding : 1px 4px 1px 4px;
349}
350
351div#floatingTitle span.updated {
352 padding-right : 10px;
353 white-space : nowrap;
354 color : #555;
355 font-size : 11px;
356}
357
358div#floatingTitle div.hlFeed a {
359 color : #555;
360}
361
362div#floatingTitle span.titleWrap {
363 width : 100%;
364 white-space : normal;
365}
366
367div#floatingTitle .dijit,
368div#floatingTitle img.hlScorePic {
369 display : none;
370}
371
372.cdm.high .cdmHeader a.title.high, .cdm.high .cdmHeader .cdmExcerpt,
373.cdm.high .cdmHeader span.author {
374 color : #00aa00;
375}
376
377.cdm.Unread.high .cdmHeader a.title.high, .cdm.Unread.high .cdmHeader .cdmExcerpt,
378.cdm.Unread.high .cdmHeader span.author {
379 color : #00dd00;
380}
381
382.cdm .cdmHeader a.title.low, .cdm.low .cdmHeader .cdmExcerpt,
383.cdm.Unread .cdmHeader a.title.low, .cdm.Unread.low .cdmHeader .cdmExcerpt,
384.cdm.low .cdmHeader span.author {
385 color : #909090;
386 text-decoration : line-through;
387}
388
389div.cdmFeedTitle > * {
390 display : table-cell;
391 vertical-align : middle;
392}
393
394div.cdmFeedTitle a.title {
395 width : 100%;
396}
397
398div.cdmFeedTitle a.catchup {
399 text-align : right;
400 color : #555;
401 padding-right : 10px;
402 font-size : 11px;
403 white-space : nowrap;
404}
405
406div.cdmFeedTitle a.catchup:hover {
407 color : #0088cc;
408}
409
web-based news feed (RSS/Atom) reader and aggregator; see https://tt-rss.org/