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