]>
Commit | Line | Data |
---|---|---|
1 | body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body { | |
2 | background : white; | |
3 | color : black; | |
4 | margin : 0px; | |
5 | padding : 0px; | |
6 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
7 | font-size: 14px; | |
8 | } | |
9 | ||
10 | body#ttrssPrefs { | |
11 | background-color : #ecf4ff; | |
12 | } | |
13 | ||
14 | body#ttrssPrefs #footer, body#ttrssPrefs #header { | |
15 | background-color : #ecf4ff; | |
16 | padding-left : 8px; | |
17 | padding-right : 8px; | |
18 | } | |
19 | ||
20 | div.postReply { | |
21 | padding : 0px; | |
22 | } | |
23 | ||
24 | div.postReply div.postHeader { | |
25 | border-width : 0px 0px 1px 0px; | |
26 | border-style : solid; | |
27 | border-color : #c0c0c0; | |
28 | background : #fafafa; | |
29 | box-shadow : 0px 0px 3px 0px rgba(0,0,0,0.1); | |
30 | padding : 5px; | |
31 | color : #909090; | |
32 | } | |
33 | ||
34 | div.postReply div.postTitle { | |
35 | overflow : hidden; | |
36 | text-overflow: ellipsis; | |
37 | white-space : nowrap; | |
38 | } | |
39 | ||
40 | div.postReply div.postDate { | |
41 | padding-left : 10px; | |
42 | } | |
43 | ||
44 | div.postReply div.postContent { | |
45 | padding : 10px; | |
46 | } | |
47 | ||
48 | div.postReply div.postContent img { | |
49 | border-width : 0px; | |
50 | max-width : 98%; | |
51 | height: auto; | |
52 | } | |
53 | ||
54 | div.postReply div.postEnclosures { | |
55 | margin-top : 1em; | |
56 | color : #555; | |
57 | } | |
58 | ||
59 | div.postReply img.tagsPic { | |
60 | width : 16px; | |
61 | height : 16px; | |
62 | margin-left : 4px; | |
63 | vertical-align : middle; | |
64 | } | |
65 | ||
66 | div.articleNote { | |
67 | background-color : #fff7d5; | |
68 | padding : 5px; | |
69 | border-radius : 4px; | |
70 | margin : 5px; | |
71 | border-style : solid; | |
72 | border-color : #e7d796; | |
73 | border-width : 1px; | |
74 | box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); | |
75 | background-color : #fff7d5; | |
76 | color : #9a8c59; | |
77 | } | |
78 | ||
79 | div.articleNote div.noteEdit { | |
80 | float : right; | |
81 | cursor : pointer; | |
82 | } | |
83 | ||
84 | div.postReply span.author { | |
85 | font-size : 12px; | |
86 | } | |
87 | ||
88 | h1 { | |
89 | font-size : 18px; | |
90 | } | |
91 | ||
92 | h2 { | |
93 | font-size : 16px; | |
94 | font-weight : bold; | |
95 | border-width : 0px 0px 1px 0px; | |
96 | border-style : solid; | |
97 | border-color : #ecf4ff; | |
98 | } | |
99 | ||
100 | h3 { | |
101 | font-size : 12px; | |
102 | font-weight : bold; | |
103 | border-width : 0px 0px 1px 0px; | |
104 | border-style : solid; | |
105 | border-color : #ecf4ff; | |
106 | } | |
107 | ||
108 | hr { | |
109 | border-width : 0px 0px 1px 0px; | |
110 | border-style : solid; | |
111 | border-color : #c0c0c0; | |
112 | max-width : 90%; | |
113 | } | |
114 | ||
115 | a { | |
116 | color : #4684ff; | |
117 | text-decoration : none; | |
118 | } | |
119 | ||
120 | a:hover { | |
121 | color : #88b0f0; | |
122 | } | |
123 | ||
124 | #piggie { | |
125 | z-index : 999; | |
126 | position : absolute; | |
127 | } | |
128 | ||
129 | #notify { | |
130 | bottom : 10px; | |
131 | right : 20px; | |
132 | border-width : 1px; | |
133 | border-style : solid; | |
134 | position : absolute; | |
135 | font-size : 12px; | |
136 | z-index : 99; | |
137 | max-width : 200px; | |
138 | min-width : 100px; | |
139 | padding : 5px; | |
140 | -width : 200px; | |
141 | box-shadow : 0px 0px 2px rgba(0,0,0,0.2); | |
142 | } | |
143 | ||
144 | #notify img { | |
145 | vertical-align : middle; | |
146 | max-height : 14px; | |
147 | } | |
148 | ||
149 | #notify span.msg { | |
150 | width : 100%; | |
151 | } | |
152 | ||
153 | #notify span.close { | |
154 | text-align : right; | |
155 | } | |
156 | ||
157 | #notify span { | |
158 | display : table-cell; | |
159 | vertical-align : middle; | |
160 | padding : 4px; | |
161 | } | |
162 | ||
163 | .notify { | |
164 | border-color : #d7c47a; | |
165 | background-color : #fff7d5; | |
166 | } | |
167 | ||
168 | .notify.progress { | |
169 | border-color : #d7c47a; | |
170 | background-color : #fff7d5; | |
171 | } | |
172 | ||
173 | .notify.info { | |
174 | border-color : #88b0f0; | |
175 | background-color : #ecf4ff; | |
176 | } | |
177 | ||
178 | .notify.error { | |
179 | background-color : #ffcccc; | |
180 | border-color : #ff0000; | |
181 | } | |
182 | ||
183 | .hl div.hlTitle a { | |
184 | font-weight : bold; | |
185 | color : #777; | |
186 | } | |
187 | ||
188 | .hl.Unread div.hlTitle a { | |
189 | color : black; | |
190 | } | |
191 | ||
192 | .hl.active { | |
193 | box-shadow : inset 0px 0px 3px 0px rgba(0,0,0,0.1); | |
194 | } | |
195 | ||
196 | .hl.active div.hlTitle a { | |
197 | color : #4684ff; | |
198 | text-shadow : 1px 1px 2px #fff; | |
199 | } | |
200 | ||
201 | .hl.Selected { | |
202 | background : #f9fbff; | |
203 | } | |
204 | ||
205 | .hl.Grayed { | |
206 | color : #909090; | |
207 | } | |
208 | ||
209 | /* #headlines-frame div.hl:nth-child(even) { | |
210 | background : #fafafa; | |
211 | } */ | |
212 | ||
213 | #headlines-frame.normal { | |
214 | ||
215 | } | |
216 | ||
217 | .hl { | |
218 | border-width : 0px 0px 1px 0px; | |
219 | border-style : solid; | |
220 | border-color : #c0c0c0; | |
221 | } | |
222 | ||
223 | .hl.active { | |
224 | background : #ecf4ff ! important; | |
225 | } | |
226 | ||
227 | div.filterTestHolder { | |
228 | height : 300px; | |
229 | overflow : auto; | |
230 | border-color : #c0c0c0; | |
231 | border-style : solid; | |
232 | margin : 0px 0px 5px 0px; | |
233 | background-color : #ecf4ff; | |
234 | border-width : 1px; | |
235 | border-radius : 4px; | |
236 | box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); | |
237 | } | |
238 | ||
239 | ||
240 | #content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote { | |
241 | margin : 5px 0px 5px 0px; | |
242 | color : #555; | |
243 | padding-left : 10px; | |
244 | border-width : 0px 0px 0px 4px; | |
245 | border-color : #c0c0c0; | |
246 | border-style : solid; | |
247 | } | |
248 | ||
249 | #content-insert code, #headlines-frame code, .dijitContentPane code { | |
250 | color : #009900; | |
251 | font-family : monospace; | |
252 | font-size : 12px; | |
253 | } | |
254 | ||
255 | #content-insert pre, #headlines-frame pre, .dijitContentPane pre { | |
256 | margin : 5px 0px 5px 0px; | |
257 | padding : 10px; | |
258 | color : #555; | |
259 | font-family : monospace; | |
260 | font-size : 12px; | |
261 | border-width : 0px; | |
262 | border-color : #c0c0c0; | |
263 | border-style : solid; | |
264 | background : #fafafa; | |
265 | display : block; | |
266 | max-width : 98%; | |
267 | overflow : auto; | |
268 | } | |
269 | ||
270 | div.notice, div.warning, div.error { | |
271 | padding : 4px 10px 4px 4px; | |
272 | display : inline-block; | |
273 | margin : 2px 0px 4px 0px; | |
274 | font-size : 12px; | |
275 | border-style : solid; | |
276 | border-color : #ccc; | |
277 | border-radius : 4px; | |
278 | border-width : 1px; | |
279 | box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); | |
280 | } | |
281 | ||
282 | div.notice div.inner, div.warning div.inner, div.error div.inner { | |
283 | vertical-align : middle; | |
284 | } | |
285 | ||
286 | div.notice { | |
287 | background : #ecf4ff; | |
288 | border-color : #88b0f0; | |
289 | } | |
290 | ||
291 | div.warning { | |
292 | background : #fff7d5; | |
293 | border-color : #e7d796;; | |
294 | } | |
295 | ||
296 | div.error { | |
297 | background : #ffcccc; | |
298 | border-color : #ff0000; | |
299 | } | |
300 | ||
301 | div.warning img, div.notice img, div.error img { | |
302 | margin : 4px; | |
303 | vertical-align : middle; | |
304 | } | |
305 | ||
306 | div.warning span, div.notice span, div.error span { | |
307 | display : table-cell; | |
308 | vertical-align : middle; | |
309 | ||
310 | } | |
311 | ||
312 | ul.nomarks { | |
313 | list-style-type : none; | |
314 | margin : 0px; | |
315 | padding : 10px; | |
316 | } | |
317 | ||
318 | div.prefHelp { | |
319 | color : #555; | |
320 | padding : 5px; | |
321 | } | |
322 | ||
323 | span.feed_error { | |
324 | color : red; | |
325 | } | |
326 | ||
327 | .insensitive { | |
328 | color : #555; | |
329 | } | |
330 | ||
331 | div#headlines-toolbar { | |
332 | border-width : 0px 0px 1px 0px; | |
333 | background-color : #fcfcfc; | |
334 | border-color : #c0c0c0; | |
335 | font-size : 12px; | |
336 | font-family : "Segoe UI", Tahoma, sans-serif; | |
337 | color : #555; | |
338 | padding : 0px; | |
339 | margin : 0px; | |
340 | overflow : hidden; | |
341 | height : 25px; | |
342 | line-height : 25px; | |
343 | padding-left : 4px; | |
344 | } | |
345 | ||
346 | div#headlines-toolbar .dijitSelect { | |
347 | font-size : 11px; | |
348 | position : relative; | |
349 | top : -2px; | |
350 | } | |
351 | ||
352 | div#headlines-toolbar span.r { | |
353 | float: right; | |
354 | position: relative; | |
355 | padding : 0 4px 0px 4px; | |
356 | text-align : right; | |
357 | } | |
358 | ||
359 | div#headlines-toolbar span.r span.error { | |
360 | color : red; | |
361 | } | |
362 | ||
363 | div#headlines-toolbar span.r a { | |
364 | color : #555; | |
365 | } | |
366 | ||
367 | span.contentPreview { | |
368 | color : #999; | |
369 | font-weight : normal; | |
370 | text-shadow : 1px 1px 2px #fff; | |
371 | font-size : 11px; | |
372 | } | |
373 | ||
374 | span.hlLabelRef { | |
375 | background-color : #fff7d5; | |
376 | font-size : 8px; | |
377 | color : #063064; | |
378 | font-weight : normal; | |
379 | margin-left : 2px; | |
380 | padding : 1px 4px 1px 4px; | |
381 | display : inline-block; | |
382 | vertical-align : middle; | |
383 | white-space: nowrap; | |
384 | border-radius : 4px; | |
385 | } | |
386 | ||
387 | div.postHeader div.postDate { | |
388 | text-align : right; | |
389 | color : #555; | |
390 | float : right; | |
391 | } | |
392 | ||
393 | div.postHeader div { | |
394 | padding-bottom : 3px; | |
395 | } | |
396 | ||
397 | #feedUpdateErrors { | |
398 | display : none; | |
399 | } | |
400 | ||
401 | #allEntryTags { | |
402 | border-width : 0px 0px 1px 0px; | |
403 | border-style : solid; | |
404 | border-color : #c0c0c0; | |
405 | padding-bottom : 5px; | |
406 | display : none; | |
407 | } | |
408 | ||
409 | a.hlFeed { | |
410 | display : block; | |
411 | white-space : nowrap; | |
412 | font-size : 9px; | |
413 | font-style : italic; | |
414 | font-weight : normal; | |
415 | border-radius : 4px; | |
416 | display : inline-block; | |
417 | padding : 1px 2px 1px 2px; | |
418 | margin-bottom : 2px; | |
419 | margin-top : 2px; | |
420 | color : #555; | |
421 | } | |
422 | ||
423 | a.hlFeed:hover { | |
424 | color : #4684ff; | |
425 | } | |
426 | ||
427 | img.markedPic, img.pubPic { | |
428 | cursor : pointer; | |
429 | vertical-align : middle; | |
430 | } | |
431 | ||
432 | div.tagCloudContainer { | |
433 | border : 1px solid #c0c0c0; | |
434 | background-color : #ecf4ff; | |
435 | margin : 5px 0px 5px 0px; | |
436 | padding : 5px; | |
437 | text-align : center; | |
438 | border-radius : 4px; | |
439 | box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); | |
440 | } | |
441 | ||
442 | div.errorExplained { | |
443 | border : 1px solid #c0c0c0; | |
444 | background-color : #ecf4ff; | |
445 | margin : 5px 0px 5px 0px; | |
446 | padding : 5px; | |
447 | border-radius : 4px; | |
448 | box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); | |
449 | } | |
450 | ||
451 | ul.feedErrorsList { | |
452 | max-height : 300px; | |
453 | overflow : auto; | |
454 | list-style-type : none; | |
455 | border : 1px solid #c0c0c0; | |
456 | background-color : #ecf4ff; | |
457 | margin : 0px 0px 5px 0px; | |
458 | padding : 5px; | |
459 | border-radius : 4px; | |
460 | box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); | |
461 | } | |
462 | ||
463 | ul.feedErrorsList em { | |
464 | color : #555; | |
465 | } | |
466 | ||
467 | ul.browseFeedList { | |
468 | height : 300px; | |
469 | overflow : auto; | |
470 | border-width : 0px 1px 1px 1px; | |
471 | border-color : #c0c0c0; | |
472 | border-style : solid; | |
473 | margin : 0px 0px 5px 0px; | |
474 | background-color : white; | |
475 | list-style-type : none; | |
476 | padding : 0px; | |
477 | ||
478 | } | |
479 | ||
480 | ul.browseFeedList li { | |
481 | margin : 0px; | |
482 | padding : 2px 4px 2px 4px; | |
483 | } | |
484 | ||
485 | span.subscribers { | |
486 | color : #808080; | |
487 | } | |
488 | ||
489 | div.subscribers { | |
490 | color : #808080; | |
491 | font-size : 12px; | |
492 | float : right; | |
493 | } | |
494 | ||
495 | div.browserDetails { | |
496 | margin : 5px 5px 5px 5px; | |
497 | padding : 5px; | |
498 | } | |
499 | ||
500 | ul.compact { | |
501 | list-style-type : none; | |
502 | margin : 0px; | |
503 | padding : 0px; | |
504 | } | |
505 | ||
506 | ul.compact li { | |
507 | margin : 0px; | |
508 | padding : 0px; | |
509 | } | |
510 | ||
511 | .noborder { | |
512 | border-width : 0px; | |
513 | } | |
514 | ||
515 | #overlay { | |
516 | background : white; | |
517 | left : 0; | |
518 | top : 0; | |
519 | height : 100%; | |
520 | width : 100%; | |
521 | z-index : 100; | |
522 | position : absolute; | |
523 | } | |
524 | ||
525 | #overlay_inner { | |
526 | font-weight : bold; | |
527 | margin : 1em; | |
528 | } | |
529 | ||
530 | form { | |
531 | margin : 0px; | |
532 | padding : 0px; | |
533 | } | |
534 | ||
535 | #main_toolbar_form { | |
536 | margin : 0px; | |
537 | padding : 0px; | |
538 | display : table-cell; | |
539 | white-space : nowrap; | |
540 | width : 100%; | |
541 | } | |
542 | ||
543 | div.loadingPrompt { | |
544 | padding : 1em; | |
545 | text-align : center; | |
546 | font-weight : bold; | |
547 | } | |
548 | ||
549 | div.whiteBox { | |
550 | margin-left : 1px; | |
551 | text-align : center; | |
552 | padding : 1em; | |
553 | } | |
554 | ||
555 | /* html, body#ttrssMain, #main { | |
556 | width: 100%; | |
557 | height: 100%; | |
558 | padding: 0; | |
559 | margin: 0; | |
560 | } */ | |
561 | ||
562 | #toolbar div.actionChooser { | |
563 | display : table-cell; | |
564 | text-align : right; | |
565 | padding-right : 3px; | |
566 | } | |
567 | ||
568 | div.autocomplete { | |
569 | position : absolute; | |
570 | width : 250px; | |
571 | background-color : white; | |
572 | border :1px solid #778899; | |
573 | margin : 0px; | |
574 | padding : 0px; | |
575 | } | |
576 | ||
577 | div.autocomplete ul { | |
578 | list-style-type : none; | |
579 | margin : 0px; | |
580 | padding : 0px; | |
581 | } | |
582 | ||
583 | div.autocomplete ul li.selected { | |
584 | background-color : #fff7d5; | |
585 | } | |
586 | ||
587 | div.autocomplete ul li { | |
588 | list-style-type : none; | |
589 | display : block; | |
590 | margin : 0; | |
591 | padding : 2px; | |
592 | height : 32px; | |
593 | cursor : pointer; | |
594 | } | |
595 | ||
596 | .hlTitle { | |
597 | overflow : hidden; | |
598 | white-space : nowrap; | |
599 | max-width : 500px; | |
600 | text-overflow : ellipsis; | |
601 | } | |
602 | ||
603 | div#headlines-frame.wide .hlTitle { | |
604 | max-width : auto; | |
605 | overflow : visible; | |
606 | white-space : normal; | |
607 | } | |
608 | ||
609 | .hl a.title.high, span.hlContent.high .contentPreview { | |
610 | color : #00aa00; | |
611 | } | |
612 | .hl.Unread a.title.high, .hl.Unread span.hlContent.high .contentPreview { | |
613 | color : #00dd00; | |
614 | } | |
615 | ||
616 | .hl a.title.low, span.hlContent.low .contentPreview, | |
617 | .hl.Unread a.title.low, .hl.Unread span.hlContent.low .contentPreview { | |
618 | color : #909090; | |
619 | text-decoration : line-through; | |
620 | } | |
621 | ||
622 | img.hlScorePic { | |
623 | vertical-align : middle; | |
624 | width : 16px; | |
625 | height : 16px; | |
626 | } | |
627 | ||
628 | div.dlgSec { | |
629 | font-size : 12px; | |
630 | color : #555; | |
631 | font-weight : bold; | |
632 | clear : both; | |
633 | height : 20px; | |
634 | } | |
635 | ||
636 | div.dlgSecCont { | |
637 | position : relative; | |
638 | left : 150px; | |
639 | top : -20px; | |
640 | float : left; | |
641 | font-size : 12px; | |
642 | font-weight : normal; | |
643 | } | |
644 | ||
645 | div.dlgSecCont hr { | |
646 | height : 0px; | |
647 | line-height : 0px; | |
648 | border : 0px solid transparent; | |
649 | margin : 2px; | |
650 | } | |
651 | ||
652 | div.dlgSecCont > * { | |
653 | position : relative; | |
654 | top : -2px; | |
655 | } | |
656 | ||
657 | div.dlgButtons { | |
658 | text-align : right; | |
659 | clear : both; | |
660 | } | |
661 | ||
662 | span.labelColorIndicator { | |
663 | height : 16px; | |
664 | width : 16px; | |
665 | border-radius : 4px; | |
666 | line-height : 14px; | |
667 | vertical-align : middle; | |
668 | font-size : 9px; | |
669 | display : inline-block; | |
670 | border : 1px solid #ccc; | |
671 | background-color : #fff7d5; | |
672 | color : #063064; | |
673 | text-align : center; | |
674 | box-shadow : 0px 0px 1px 0px rgba(0,0,0,0.1); | |
675 | } | |
676 | ||
677 | div#cmdline { | |
678 | position : absolute; | |
679 | left : 5px; | |
680 | bottom : 5px; | |
681 | font-size : 11px; | |
682 | color : #555; | |
683 | font-weight : bold; | |
684 | background-color : white; | |
685 | border : 1px solid #88b0f0; | |
686 | padding : 3px 5px 3px 5px; | |
687 | z-index : 5; | |
688 | } | |
689 | ||
690 | #feed_browser_spinner { | |
691 | vertical-align : middle; | |
692 | height : 18px; | |
693 | width : 18px; | |
694 | } | |
695 | ||
696 | div.hlTitle { | |
697 | display : table-cell; | |
698 | cursor : pointer; | |
699 | width : 100%; | |
700 | vertical-align : middle; | |
701 | padding-top : 4px; | |
702 | padding-bottom : 4px; | |
703 | } | |
704 | ||
705 | div.hlLeft { | |
706 | display : table-cell; | |
707 | vertical-align : middle; | |
708 | white-space: nowrap; | |
709 | } | |
710 | ||
711 | div.hlRight { | |
712 | display : table-cell; | |
713 | white-space: nowrap; | |
714 | text-align : right; | |
715 | vertical-align : middle; | |
716 | } | |
717 | ||
718 | div.hlRight img { | |
719 | max-width : 16px; | |
720 | max-height : 16px; | |
721 | } | |
722 | ||
723 | span.hlUpdated { | |
724 | color : #555; | |
725 | min-width : 100px; | |
726 | display : table-cell; | |
727 | width : 100%; | |
728 | vertical-align : middle; | |
729 | text-align : right; | |
730 | font-size : 10px; | |
731 | } | |
732 | ||
733 | div.hlLeft { | |
734 | padding-left : 8px; | |
735 | } | |
736 | ||
737 | div.hlLeft input { | |
738 | margin-left : 4px; | |
739 | margin-right : 4px; | |
740 | } | |
741 | ||
742 | div.hlLeft img, div.hlRight img { | |
743 | margin : 0px 4px; | |
744 | } | |
745 | ||
746 | div.hlLeft img { | |
747 | width : 16px; | |
748 | height : 16px; | |
749 | } | |
750 | ||
751 | div.fatalError { | |
752 | margin-bottom : 10px; | |
753 | } | |
754 | ||
755 | div.fatalError button { | |
756 | margin-top : 5px; | |
757 | } | |
758 | ||
759 | div.fatalError textarea { | |
760 | width : 100%; | |
761 | height : 100px; | |
762 | } | |
763 | ||
764 | #ttrssMain #main { | |
765 | border-width : 0px; | |
766 | margin : 0px; | |
767 | padding : 0px; | |
768 | } | |
769 | ||
770 | #header-wrap { | |
771 | border-width : 0px; | |
772 | margin : 0px; | |
773 | padding : 0px; | |
774 | } | |
775 | ||
776 | #content-wrap { | |
777 | padding : 0px; | |
778 | border-width : 0px 0px 0px 1px; | |
779 | border-style : solid; | |
780 | border-color : #c0c0c0; | |
781 | margin : 0px; | |
782 | } | |
783 | ||
784 | #feeds-holder { | |
785 | padding : 0px; | |
786 | border-color : #c0c0c0; | |
787 | border-left-width : 0px; | |
788 | border-bottom-width : 0px; | |
789 | border-top-width : 0px; | |
790 | overflow : hidden; | |
791 | box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); | |
792 | background : #f9fbff; | |
793 | } | |
794 | ||
795 | #headlines-wrap-inner { | |
796 | padding : 0px; | |
797 | margin : 0px; | |
798 | border-width : 0px; | |
799 | } | |
800 | ||
801 | #headlines-frame { | |
802 | padding : 0px; | |
803 | border-color : #c0c0c0; | |
804 | border-style : solid; | |
805 | border-width : 0px; | |
806 | margin-top : 0px; | |
807 | box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); | |
808 | } | |
809 | ||
810 | #headlines-toolbar_splitter, #toolbar_splitter { | |
811 | display : none; | |
812 | } | |
813 | ||
814 | #toolbar { | |
815 | padding : 0px; | |
816 | margin : 0px; | |
817 | border-width : 0px; | |
818 | white-space: nowrap; | |
819 | font-size : 12px; | |
820 | box-shadow : 0px 0px 2px rgba(0,0,0,0.1); | |
821 | } | |
822 | ||
823 | #header { | |
824 | border-width : 0px; | |
825 | text-align : right; | |
826 | color : #555; | |
827 | padding : 5px 5px 0px 0px; | |
828 | margin : 0px; | |
829 | position : absolute; | |
830 | right : 0px; | |
831 | top : 0px; | |
832 | z-index : 5; | |
833 | } | |
834 | ||
835 | #footer { | |
836 | text-align : center; | |
837 | color : #555; | |
838 | padding : 4px 4px 8px 4px; | |
839 | border-width : 0px; | |
840 | } | |
841 | ||
842 | #content-insert { | |
843 | padding : 0px; | |
844 | border-color : #c0c0c0; | |
845 | border-bottom-width : 0px; | |
846 | border-right-width : 0px; | |
847 | border-left-width : 0px; | |
848 | line-height: 20px; | |
849 | overflow : auto; | |
850 | } | |
851 | ||
852 | .dijitTreeLabel.Unread { | |
853 | font-weight : bold; | |
854 | } | |
855 | ||
856 | .dijitTreeLabel { | |
857 | outline : 0; | |
858 | } | |
859 | ||
860 | .feedParam { | |
861 | color : #555; | |
862 | float : right; | |
863 | margin-right : 1em; | |
864 | } | |
865 | ||
866 | .labelParam { | |
867 | float : right; | |
868 | margin-right : 1em; | |
869 | } | |
870 | ||
871 | .dijitTreeLabel.Disabled, .labelParam.Disabled { | |
872 | color : #555; | |
873 | } | |
874 | ||
875 | .dijitTreeRow.Error { | |
876 | color : red; | |
877 | } | |
878 | ||
879 | .dijitTreeRow.Hidden { | |
880 | display : none; | |
881 | } | |
882 | ||
883 | img.feedIcon, img.tinyFeedIcon { | |
884 | width : 16px; | |
885 | height : 16px; | |
886 | line-height : 16px; | |
887 | vertical-align : middle; | |
888 | display : inline-block; | |
889 | } | |
890 | ||
891 | .dijitToolbar { | |
892 | text-shadow : 1px 1px 2px #fff; | |
893 | } | |
894 | ||
895 | .dijitAccordionTitleFocus { | |
896 | text-shadow : 1px 1px 2px #fff; | |
897 | } | |
898 | ||
899 | .dijitDialog .dijitToolbar { | |
900 | border : 1px solid #c0c0c0; | |
901 | } | |
902 | ||
903 | .dijitDialog h2 { | |
904 | margin-top : 0px; | |
905 | margin-bottom : 4px; | |
906 | border-width : 0px; | |
907 | } | |
908 | ||
909 | .player { | |
910 | display : inline-block; | |
911 | color : #555; | |
912 | font-size : 11px; | |
913 | font-family : sans-serif; | |
914 | border : 1px solid #555; | |
915 | padding : 0px 4px 0px 4px; | |
916 | margin : 0px 2px 0px 2px; | |
917 | width : 50px; | |
918 | text-align : center; | |
919 | background : white; | |
920 | } | |
921 | ||
922 | .player.playing { | |
923 | color : #00c000; | |
924 | border-color : #00c000; | |
925 | } | |
926 | ||
927 | .player:hover { | |
928 | background : #f0f0f0; | |
929 | cursor : pointer; | |
930 | } | |
931 | ||
932 | #headlines-spacer { | |
933 | height : 100%; | |
934 | margin-left : 1px; | |
935 | text-align : center; | |
936 | padding : 1em; | |
937 | color : #555; | |
938 | } | |
939 | ||
940 | ul#filterDlg_Matches, ul#filterDlg_Actions { | |
941 | max-height : 100px; | |
942 | overflow : auto; | |
943 | list-style-type : none; | |
944 | border-style : solid; | |
945 | border-color : #c0c0c0; | |
946 | border-width : 0px 1px 1px 1px; | |
947 | background-color : #ecf4ff; | |
948 | margin : 0px 0px 5px 0px; | |
949 | padding : 0px; | |
950 | box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); | |
951 | } | |
952 | ||
953 | ul#filterDlg_Matches li, ul#filterDlg_Actions li { | |
954 | cursor : pointer; | |
955 | padding : 0px 0px 0px 5px; | |
956 | } | |
957 | ||
958 | ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox { | |
959 | margin-right : 5px; | |
960 | } | |
961 | ||
962 | ul.helpKbList { | |
963 | max-height : 300px; | |
964 | overflow : auto; | |
965 | list-style-type : none; | |
966 | border : 1px solid #c0c0c0; | |
967 | background-color : #ecf4ff; | |
968 | margin : 0px 0px 5px 0px; | |
969 | padding : 5px; | |
970 | border-radius : 4px; | |
971 | box-shadow : inset 0px 0px 2px rgba(0,0,0,0.1); | |
972 | } | |
973 | ||
974 | ul.helpKbList span.hksequence { | |
975 | width : 6em; | |
976 | margin-left : 20px; | |
977 | color : #88b0f0; | |
978 | font-weight : bold; | |
979 | display : inline-block; | |
980 | } | |
981 | ||
982 | ul.helpKbList h2 { | |
983 | margin-top : 0px; | |
984 | } | |
985 | ||
986 | .dijitTreeNode .loadingNode { | |
987 | margin-left : 3px; | |
988 | height : 9px; | |
989 | } | |
990 | ||
991 | span.collapseBtn { | |
992 | cursor : pointer; | |
993 | } | |
994 | ||
995 | div.postContent p { | |
996 | max-width : 650px; | |
997 | } | |
998 | ||
999 | div.postContent iframe { | |
1000 | min-width : 50%; | |
1001 | } | |
1002 | ||
1003 | div.postHeader span.author { | |
1004 | color : #555; | |
1005 | font-size : 11px; | |
1006 | font-weight : normal; | |
1007 | } | |
1008 | ||
1009 | body#ttrssZoom { | |
1010 | margin-left : auto; | |
1011 | margin-right : auto; | |
1012 | padding : 20px; | |
1013 | max-width : 800px; | |
1014 | background : #f9fbff; | |
1015 | } | |
1016 | ||
1017 | body#ttrssZoom div.postContent p { | |
1018 | max-width : 650px; | |
1019 | } | |
1020 | ||
1021 | body#ttrssZoom div.postHeader { | |
1022 | margin : 10px; | |
1023 | border : 1px solid #ccc; | |
1024 | box-shadow : none; | |
1025 | border-radius : 4px; | |
1026 | } | |
1027 | ||
1028 | body#ttrssZoom div.postReply { | |
1029 | border : 1px solid #ccc; | |
1030 | border-radius : 4px; | |
1031 | box-shadow : inset 0px 0px 3px rgba(0,0,0,0.1); | |
1032 | background : white; | |
1033 | } | |
1034 | ||
1035 | body#ttrssZoom div.postContent { | |
1036 | ||
1037 | } | |
1038 | ||
1039 | body#ttrssZoom div.footer { | |
1040 | margin-top : 1em; | |
1041 | text-align : center; | |
1042 | } | |
1043 | ||
1044 | body#ttrssZoom div.postContent img { | |
1045 | max-width : 650px; | |
1046 | height : auto; | |
1047 | } | |
1048 | ||
1049 | select.attachments { | |
1050 | display : block; | |
1051 | margin-top : 10px; | |
1052 | max-width : 120px; | |
1053 | } | |
1054 | ||
1055 | div.hl.active { | |
1056 | border-color : #88b0f0; | |
1057 | } | |
1058 | ||
1059 | #selected_prompt { | |
1060 | margin-right : 25px; | |
1061 | } | |
1062 | ||
1063 | #feedTree img.feedIcon { | |
1064 | position : relative; | |
1065 | top : -2px; | |
1066 | } | |
1067 | ||
1068 | body#ttrssMain #feedTree .dijitTreeRow { | |
1069 | padding : 2px 0px 2px; | |
1070 | height : 22px; | |
1071 | border-width : 1px; | |
1072 | border-color : transparent; | |
1073 | color : #333; | |
1074 | } | |
1075 | ||
1076 | body#ttrssMain #feedTree .dijitFolderClosed, | |
1077 | body#ttrssMain #feedTree .dijitFolderOpened { | |
1078 | display : none; | |
1079 | } | |
1080 | ||
1081 | .dijitTreeNode .dijitCheckBox { | |
1082 | margin-left : 4px; | |
1083 | } | |
1084 | ||
1085 | body#ttrssMain #feedTree .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando { | |
1086 | margin-left : 5px; | |
1087 | } | |
1088 | ||
1089 | body#ttrssMain #feedTree .dijitTreeExpando { | |
1090 | margin-top : 0px; | |
1091 | opacity : 0.6; | |
1092 | } | |
1093 | ||
1094 | body#ttrssMain #feedTree .dijitTreeNode { | |
1095 | padding : 0px; | |
1096 | border-width : 0px; | |
1097 | } | |
1098 | ||
1099 | body#ttrssMain #feedTree { | |
1100 | height : 100%; | |
1101 | overflow-x : hidden; | |
1102 | font-family : "Segoe UI", Tahoma, sans-serif; | |
1103 | } | |
1104 | ||
1105 | #feedTree .counterNode.aux { | |
1106 | background : #f0f0f0; | |
1107 | color : #999; | |
1108 | border-color : #f0f0f0; | |
1109 | text-shadow : none; | |
1110 | } | |
1111 | ||
1112 | #feedTree .counterNode { | |
1113 | font-weight : bold; | |
1114 | display : inline-block; | |
1115 | font-size : 9px; | |
1116 | text-align : center; | |
1117 | border : 1px solid #88b0f0; | |
1118 | color : white; | |
1119 | background : #88b0f0; | |
1120 | border-radius : 4px; | |
1121 | vertical-align : middle; | |
1122 | float : right; | |
1123 | line-height : 14px; | |
1124 | margin-right : 4px; | |
1125 | margin-top : 3px; | |
1126 | min-width : 23px; | |
1127 | height : 14px; | |
1128 | text-shadow : 1px 1px rgba(0,0,0,0.2); | |
1129 | } | |
1130 | ||
1131 | #feedTree .dijitTreeRow { | |
1132 | max-width: 100%; | |
1133 | overflow: hidden; | |
1134 | text-overflow: ellipsis; | |
1135 | } | |
1136 | ||
1137 | body#ttrssPrefs hr { | |
1138 | border-color : #ecf4ff; | |
1139 | max-width : 100%; | |
1140 | } | |
1141 | ||
1142 | .dijitMenuItemLabel { | |
1143 | font-size : 13px; | |
1144 | } | |
1145 | ||
1146 | .dijitTreeRowSelected .dijitTreeLabel { | |
1147 | text-shadow : 1px 1px 2px #fff; | |
1148 | } | |
1149 |