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