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