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