]> git.wh0rd.org - tt-rss.git/blame - tt-rss.css
tinyfeedicon: fix vertical align
[tt-rss.git] / tt-rss.css
CommitLineData
83cd33fc 1body#ttrssMain, body#ttrssPrefs, body#ttrssLogin, body {
e5d758e3
AD
2 background : white;
3 color : black;
4 margin : 0px;
5 padding : 0px;
0e2d03a7 6 font-family : sans-serif;
e5df6e9e 7 font-size : 12px;
1cd17194
AD
8}
9
64029210
AD
10body#ttrssPrefs {
11 background-color : #ecf4ff;
12}
13
14body#ttrssPrefs #footer, body#ttrssPrefs #header {
07a0c540 15 background-color : #ecf4ff;
e243d2c3
AD
16 padding-left : 8px;
17 padding-right : 8px;
64029210
AD
18}
19
e828e31e 20div.postReply {
1c3187cf 21 padding : 0px;
1cd17194
AD
22}
23
f7181e9b 24div.postReply a {
e5d758e3 25 color : #4684ff;
f7181e9b
AD
26}
27
28div.postReply a:hover {
e5d758e3 29 color : black;
f7181e9b
AD
30}
31
e828e31e 32div.postReply div.postHeader {
1c3187cf 33 border-width : 0px 0px 1px 0px;
64ab16ac 34 border-style : solid;
96841013 35 border-color : #88b0f0;
db23a8ee
AD
36 background-color : white;
37 background : url("images/toolbar.png");
38 background-position : bottom left;
39 background-repeat : repeat-x;
1c3187cf 40 padding : 5px;
64ab16ac 41 color : #909090;
96b58583
AD
42}
43
c6c010d9
AD
44div.postReply div.postTitle {
45 overflow : hidden;
46 white-space : nowrap;
47}
48
49div.postReply div.postDate {
50 padding-left : 10px;
51}
52
e828e31e 53div.postReply div.postContent {
e5d758e3 54 padding : 10px;
ae096313 55 font-size : 12px;
f0601b87
AD
56}
57
f325d942
AD
58div.postReply div.postContent img {
59 border-width : 0px;
762c9064 60 max-width : 98%;
f325d942
AD
61}
62
ce53e200 63div.postReply div.postEnclosures {
ce53e200 64 margin-top : 1em;
ce53e200
AD
65 color : gray;
66}
67
5f014cf1
AD
68div.postReply img.tagsPic {
69 width : 16px;
70 height : 16px;
c7e51de1 71 margin-left : 4px;
5f014cf1
AD
72 vertical-align : middle;
73}
74
c7e51de1
AD
75div.articleNote {
76 background-color : #fff7d5;
c7e51de1 77 padding : 5px;
fcfa9ef1 78 border-style : none none dashed none;
c7e51de1 79 border-color : #e7d796;
fcfa9ef1
AD
80 border-width : 1px;
81 background-color : #fff7d5;
c7e51de1 82 color : #9a8c59;
fcfa9ef1
AD
83}
84
85div.articleNote div.noteEdit {
86 float : right;
87 cursor : pointer;
c7e51de1
AD
88}
89
06202d88 90div.postReply span.author {
ae096313 91 font-size : 12px;
06202d88 92}
5f014cf1 93
e828e31e 94h1 {
442a9b8c 95 font-size : 18px;
f0601b87
AD
96}
97
e828e31e 98h2 {
442a9b8c 99 font-size : 16px;
e5d758e3
AD
100 font-weight : bold;
101 border-width : 0px 0px 1px 0px;
102 border-style : solid;
103 border-color : #ecf4ff;
1cd17194
AD
104}
105
f5a50b25 106h3 {
ae096313 107 font-size : 12px;
e5d758e3
AD
108 font-weight : bold;
109 border-width : 0px 0px 1px 0px;
110 border-style : solid;
111 border-color : #ecf4ff;
f5a50b25
AD
112}
113
e828e31e 114hr {
e5d758e3
AD
115 border-width : 0px 0px 1px 0px;
116 border-style : dashed;
117 border-color : #e0e0e0;
e828e31e 118}
67824557 119
e828e31e 120a {
e5d758e3
AD
121 color : black;
122 text-decoration : none;
1cd17194
AD
123}
124
e828e31e 125a:hover {
e5d758e3 126 color : #4684ff;
9b307248
AD
127}
128
e828e31e 129#piggie {
d437c8cf 130 z-index : 999;
e5d758e3 131 position : absolute;
9b307248
AD
132}
133
f407c086 134#notify {
958e3f4f 135 border-width : 0px 1px 1px 1px;
f407c086 136 border-style : solid;
958e3f4f 137 top : 0px;
8b184d75
AD
138 right : 35%;
139 min-width : 30%;
0ceded7a 140 position : absolute;
33b8cab4 141 display : none;
ce3bf408 142 float : right;
ae096313 143 font-size : 12px;
fcc36744 144 z-index : 99;
106689b0 145 padding : 5px 5px 5px 5px;
1cd17194
AD
146}
147
0d32b41e
AD
148#notify img {
149 vertical-align : middle;
150}
151
42c32916
AD
152.notifyProgress {
153 border-color : #d7c47a;
154 background-color : #fff7d5;
155 color : black;
156}
157
158.notifyInfo {
159 border-color : #7AD78E;
160 background-color : #D5FFDB;
161 color : black;
162}
163
f407c086
AD
164.notify {
165 border-color : #d7c47a;
166 background-color : #fff7d5;
167 color : black;
168}
169
170.notifyError {
171 background-color : #ffcccc;
172 border-color : #ff0000;
173 color : black;
174}
175
ef16ae37
AD
176.notifyError span:hover {
177 color : red;
178 cursor : pointer;
179}
180
a8328019 181.Selected, .Selected td {
30c337cf 182 background-color : #fff7d5 ! important;
a8328019
AD
183}
184
ca8e3d75 185.even.Unread.Selected, .even.Unread.Selected td {
f65ede50 186 background : #fff7d5 ! important;
e5d758e3 187 font-weight : bold;
f28b542c 188 border-width : 0px 0px 1px 0px;
dc803347
AD
189 border-style : solid;
190 border-color : #e7d796;
a3ee2a38
AD
191}
192
ca8e3d75 193.odd.Unread.Selected, .odd.Unread.Selected td {
f65ede50 194 background : #fff7d5 ! important;
e5d758e3 195 font-weight : bold;
f28b542c
AD
196 border-width : 0px 0px 1px 0px;
197 border-style : solid;
198 border-color : #e7d796;
a3ee2a38
AD
199}
200
ca8e3d75 201.even.Selected, .even.Selected td {
8a06b1db 202 background : #fff7d5 ! important;
f28b542c 203 border-width : 0px 0px 1px 0px;
dc803347
AD
204 border-style : solid;
205 border-color : #e7d796;
206 border-collapse : collapse;
007bda35
AD
207}
208
ca8e3d75 209.odd.Selected, .odd.Selected td {
8a06b1db 210 background : #fff7d5 ! important;
f28b542c
AD
211 border-width : 0px 0px 1px 0px;
212 border-style : solid;
213 border-color : #e7d796;
214 border-collapse : collapse;
0b68215c 215}
3745788e 216
ca8e3d75 217.even.Grayed, .even.Grayed td {
8a06b1db 218 background : #f0f0f0;
e5d758e3 219 color : #909090;
f28b542c 220 border-width : 0px 0px 1px 0px;
dc803347
AD
221 border-style : solid;
222 border-color : #c0c0c0;
223 border-collapse : collapse;
b7f4bda2
AD
224}
225
ca8e3d75 226.odd.Grayed {
e5d758e3 227 color : #909090;
f07c0eb4
AD
228}
229
0b68215c 230.even, .even td {
f28b542c 231 border-width : 0px 0px 1px 0px;
dc803347
AD
232 border-style : solid;
233 border-color : #c0c0c0;
8a06b1db 234 background : #f0f0f0;
dc803347 235 border-collapse : collapse;
ac43eba1 236}
a2015351 237
f28b542c
AD
238.odd, .odd td {
239 border-width : 0px 0px 1px 0px;
240 border-style : solid;
241 border-color : #c0c0c0;
242 border-collapse : collapse;
243}
244
ca8e3d75 245.even.Unread, .even.Unread td {
8a06b1db 246 background : #f0f0f0;
e5d758e3 247 font-weight : bold;
f28b542c 248 border-width : 0px 0px 1px 0px;
dc803347
AD
249 border-style : solid;
250 border-color : #c0c0c0;
251 border-collapse : collapse;
f07c0eb4
AD
252}
253
ca8e3d75 254.odd.Unread, .odd.Unread td {
e5d758e3 255 font-weight : bold;
f28b542c
AD
256 border-width : 0px 0px 1px 0px;
257 border-style : solid;
258 border-color : #c0c0c0;
f07c0eb4 259}
508a81e1 260
e828e31e 261.invisible {
e5d758e3 262 display : none;
508a81e1 263}
b7f4bda2 264
e828e31e 265/* preferences */
603c27f8 266
88e4e597 267/* table.prefPrefsList tr:hover td.prefValue {
e351c494
AD
268 color : #88b0f0;
269}
270
271table.prefPrefsList tr:hover td.prefValue input {
272 color : #88b0f0;
88e4e597 273} */
e351c494 274
8df7184c 275table.prefPrefsList h3 {
bf261119
AD
276 margin-top : 0.5em;
277 margin-bottom : 0px;
8df7184c
AD
278}
279
327a3bbe 280tr.title td {
e5d758e3
AD
281 border-width : 0px 0px 1px 0px;
282 border-color : #ecf4ff;
283 border-style : solid;
73bdfa53 284 color : #4684ff;
0ea4fb50
AD
285}
286
a426e532 287tr.title td a {
73bdfa53 288 color : #4684ff;
a426e532
AD
289}
290
291tr.title td a:hover {
73bdfa53 292 color : black;
a426e532 293}
327a3bbe 294
0ea4fb50 295table.prefFeedList td.feedEditCat {
e5d758e3 296 font-weight : bold;
73bdfa53
AD
297 border-width : 0px 0px 1px 0px;
298 border-style : solid;
299 border-color : #88b0f0;
35d33b9d 300 padding-top : 0.5em;
70830c87 301}
f0601b87 302
a82dc5e4
AD
303table.prefFilterList td.filterEditCat {
304 font-weight : bold;
305 border-width : 0px 0px 1px 0px;
306 border-style : solid;
307 border-color : #88b0f0;
308 padding-top : 0.5em;
309}
310
a95da136
AD
311/* oh for the love of... */
312
313table.prefFilterList tr.even,
314table.prefFilterList tr.odd,
315table.prefFilterList tr.evenSelected,
316table.prefFilterList tr.oddSelected,
317table.prefLabelList tr.even,
318table.prefLabelList tr.odd,
319table.prefLabelList tr.evenSelected,
320table.prefLabelList tr.oddSelected,
321table.prefUserList tr.even,
322table.prefUserList tr.odd,
323table.prefUserList tr.evenSelected,
324table.prefUserList tr.oddSelected,
325table.prefFeedList tr.even,
326table.prefFeedList tr.odd,
327table.prefFeedList tr.evenSelected,
373266eb
AD
328table.prefFeedList tr.oddSelected,
329table.prefInstanceList tr.even,
330table.prefInstanceList tr.odd,
331table.prefInstanceList tr.evenSelected,
332table.prefInstanceList tr.oddSelected
a95da136
AD
333{
334 cursor : pointer;
335}
336
337table.prefFilterList tr.even:hover td,
338table.prefFilterList tr.odd:hover td,
339table.prefFilterList tr.evenSelected:hover td,
340table.prefFilterList tr.oddSelected:hover td
341table.prefLabelList tr.even:hover td,
342table.prefLabelList tr.odd:hover td,
343table.prefLabelList tr.evenSelected:hover td,
344table.prefLabelList tr.oddSelected:hover td,
345table.prefUserList tr.even:hover td,
346table.prefUserList tr.odd:hover td,
347table.prefUserList tr.evenSelected:hover td,
348table.prefUserList tr.oddSelected:hover td,
349table.prefFeedList tr.even:hover td,
350table.prefFeedList tr.odd:hover td,
351table.prefFeedList tr.evenSelected:hover td,
373266eb
AD
352table.prefFeedList tr.oddSelected:hover td,
353table.prefInstanceList tr.even:hover td,
354table.prefInstanceList tr.odd:hover td,
355table.prefInstanceList tr.evenSelected:hover td,
356table.prefInstanceList tr.oddSelected:hover td
a95da136
AD
357{
358 color : #88b0f0;
359}
360
62ac0cc8 361table.prefFeedList td.feedIcon {
e5d758e3 362 text-align : center;
62ac0cc8
AD
363}
364
365table.prefFeedList td.feedSelect {
e5d758e3 366 text-align : center;
62ac0cc8
AD
367}
368
82ace1ab 369div.prefFeedCatHolder, div.prefFeedOPMLHolder, div.inactiveFeedHolder, div.filterTestHolder {
bec2ecd9 370 height : 300px;
9c483746 371 overflow : auto;
a8328019
AD
372 border-width : 0px 1px 1px 1px;
373 border-color : #c0c0c0;
374 border-style : solid;
375 margin : 0px 0px 5px 0px;
bec2ecd9 376 background-color : #ecf4ff;
9c483746
AD
377}
378
82ace1ab 379div.prefFeedOPMLHolder, div.filterTestHolder {
e1218480
AD
380 border-width : 1px 1px 1px 1px;
381}
382
7dc66a61 383a.helpLink {
e5d758e3 384 color : #808080;
7dc66a61
AD
385}
386
387a.helpLink:hover {
e5d758e3 388 color : #4684ff;
7dc66a61
AD
389}
390
5f8b2573 391#content-insert pre, #headlines-frame pre, .dijitContentPane pre {
083020ad
AD
392 margin : 0px 0px 0px 1em;
393 padding : 0px;
394 font-family : monospace;
395 font-size : 12px;
48a8d154 396 background : transparent;
083020ad 397 border-width : 0px;
86bda02b 398 color : gray;
083020ad
AD
399}
400
5f8b2573 401#content-insert blockquote, #headlines-frame blockquote, .dijitContentPane blockquote {
083020ad
AD
402 margin : 0px 0px 0px 1em;
403 border-width : 0px 0px 0px 2px;
404 border-color : #c0c0c0;
405 border-style : solid;
406 font-style : italic;
407 padding : 0px 0px 0px 1em;
408 font-size : 12px;
409 color : gray;
7dc66a61 410}
e2f8f7b4 411
5f8b2573 412#content-insert code, #headlines-frame code, .dijitContentPane code {
48a8d154
AD
413 background : transparent;
414 border : 0px solid transparent;
415 margin : 0px;
416 font-family : monospace;
417 padding : 0px;
418 font-size : 12px;
86bda02b 419 color : black;
48a8d154
AD
420}
421
0d32b41e
AD
422div.notice {
423 background : #ffffff;
424 border : 1px solid #88b0f0;
e400230e 425 width : 60%;
0d32b41e
AD
426 padding : 5px;
427 margin : 0px 0px 5px 0px;
ae096313 428 font-size : 12px;
0d32b41e
AD
429}
430
ab3d0b99 431div.warning {
e5d758e3
AD
432 background : #fff7d5;
433 border : 1px solid #d7c47a;
ae096313 434 font-size : 12px;
e400230e 435 width : 60%;
3f59e8cd 436 padding : 5px;
c93d8e07 437 margin : 0px 0px 5px 0px;
e6cb77a0
AD
438}
439
9e21a571 440div.warning img, div.notice img, div.error img {
0d32b41e 441 vertical-align : middle;
e5d758e3 442 padding : 5px;
ab3d0b99
AD
443}
444
1b74062f
AD
445span.filterDateError {
446 color : #ff0000;
447}
448
84916243
AD
449div.error {
450 border : 1px solid #ff0000;
451 background : #ffcccc;
452 padding : 5px;
453 margin : 0px 0px 5px 0px;
ae096313 454 font-size : 12px;
84916243
AD
455}
456
ab3d0b99 457ul.nomarks {
e5d758e3
AD
458 list-style-type : none;
459 margin : 0px;
460 padding : 10px;
ab3d0b99
AD
461}
462
b1895692 463div.prefHelp, td.prefHelp {
e5d758e3 464 color : gray;
abe4d057 465 padding : 5px;
8cb74804
AD
466}
467
365f95dc
AD
468span.feed_error {
469 color : red;
470}
471
746dcf42 472.insensitive {
e5d758e3 473 color : gray;
bca02305 474}
afb7a1d6 475
d4d6d528
AD
476.insensitive a {
477 color : #4684ff;
478}
479
480.insensitive a:hover {
481 color : black;
482}
483
d9dde1d6 484.small {
ae096313 485 font-size : 11px;
d9dde1d6 486}
28fa9253
AD
487
488table.innerFeedTable td {
e5d758e3
AD
489 margin : 0px;
490 padding : 0px;
28fa9253 491}
35f3c923
AD
492
493td.selectPrompt {
ae096313 494 font-size : 12px;
e5d758e3 495 color : gray;
35f3c923 496}
1572afe5 497
6e4f4ce1 498div#headlines-toolbar {
d4eebd8b 499 border-width : 0px 0px 1px 0px;
f1080825 500 background-color : #f0f0f0;
0ce61157 501 border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
ae096313 502 font-size : 11px;
0e2d03a7 503 font-family : "Segoe UI", Tahoma, sans-serif;
442a9b8c 504 color : gray;
fcf70c51 505 padding : 0px;
6e4f4ce1
AD
506 margin : 0px;
507 overflow : hidden;
f1080825
AD
508 height : 25px;
509 line-height : 25px;
510 padding-left : 4px;
8b27182a
AD
511}
512
fcf70c51
AD
513div#headlines-toolbar .dijitSelect {
514 font-size : 11px;
f1080825
AD
515 position : relative;
516 top : -2px;
fcf70c51
AD
517}
518
f1080825
AD
519div#headlines-toolbar span.r {
520 float: right;
521 position: relative;
f1080825 522 padding : 0 4px 0px 4px;
fcf70c51 523 text-align : right;
f1080825
AD
524}
525
f1080825
AD
526div#headlines-toolbar span.r span.error {
527 color : red;
528}
529
530div#headlines-toolbar span.r a {
db23a8ee 531 color : gray;
c1c9df00
AD
532}
533
f1080825
AD
534div#headlines-toolbar span.r a:hover {
535 color : black;
26a1e185
AD
536}
537
591c396d 538span.contentPreview {
e5d758e3
AD
539 color : gray;
540 font-weight : normal;
591c396d 541}
179d6f57 542
0f172fff 543span.contentPreview:hover {
e5d758e3 544 color : #4684ff;
0f172fff
AD
545}
546
8cc5e965 547span.hlLabelRef {
e2549229 548 background-color : #fff7d5;
86edc737 549 font-size : 8px;
e2549229
AD
550 color : #063064;
551 font-weight : normal;
552 margin : 0px 3px 0px 3px;
553 padding : 0px 4px 0px 4px;
554 white-space: nowrap;
555}
556
67343d9f 557td.hlSelectRow, td.hlUpdPic {
e5d758e3
AD
558 width : 25px;
559 text-align : center;
179d6f57
AD
560}
561
b810a0f1 562div.postHeader div.postDate {
e5d758e3
AD
563 text-align : right;
564 color : gray;
b810a0f1 565 float : right;
9167e250 566}
36aab70f 567
b810a0f1 568div.postHeader div.postDateRTL {
e5d758e3
AD
569 text-align : left;
570 color : gray;
b810a0f1
AD
571 float : right;
572}
573
574div.postHeader div {
575 padding-bottom : 3px;
ae096313 576 font-size : 12px;
ed51e128
AD
577}
578
36aab70f 579#feedUpdateErrors {
e5d758e3 580 display : none;
36aab70f
AD
581}
582
42918a07 583#allEntryTags {
ae096313 584 font-size : 12px;
e5d758e3
AD
585 border-width : 0px 0px 1px 0px;
586 border-style : solid;
587 border-color : #c0c0c0;
588 padding-bottom : 5px;
589 display : none;
42918a07 590}
13ce14e8 591
4663f9c6 592td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
e5d758e3 593 height : 1em;
4663f9c6 594}
386cbf27 595
afad6f38
AD
596td.hlFeed {
597 text-align : right;
598}
599
df456bb0 600span.hlFeed, span.hlFeed a {
ae096313 601 font-size : 12px;
df456bb0
AD
602 color : gray;
603}
604
605span.hlFeed a:hover {
606 color : #4684ff;
607}
608
7514749d
AD
609img.markedPic {
610 cursor : pointer;
c4f52830 611 vertical-align : middle;
7514749d
AD
612}
613
1e471f3b 614a.warning {
e5d758e3 615 color : #f04040;
1e471f3b 616}
a9b0bfd5 617
0979b696 618div.tagCloudContainer {
a8328019 619 border : 1px solid #c0c0c0;
bec2ecd9 620 background-color : #ecf4ff;
0979b696 621 margin : 5px 0px 5px 0px;
9e6427ab 622 padding : 5px;
0979b696
AD
623 text-align : center;
624}
625
73495fd1 626div.errorExplained {
a8328019 627 border : 1px solid #c0c0c0;
bec2ecd9 628 background-color : #ecf4ff;
73495fd1
AD
629 margin : 5px 0px 5px 0px;
630 padding : 5px;
631}
632
e8dd519b 633ul.feedErrorsList {
bec2ecd9 634 max-height : 300px;
e8dd519b
AD
635 overflow : auto;
636 list-style-type : none;
f81b6815 637 border : 1px solid #c0c0c0;
bec2ecd9 638 background-color : #ecf4ff;
e8dd519b 639 margin : 0px 0px 5px 0px;
bec2ecd9 640 padding : 5px;
e8dd519b
AD
641}
642
808dd053 643ul.selfUpdateList {
27211afe 644 height : 200px;
27211afe
AD
645 overflow : auto;
646 list-style-type : none;
647 border : 1px solid #c0c0c0;
648 background-color : #ecf4ff;
649 margin : 0px 0px 5px 0px;
650 padding : 5px;
651}
652
f81b6815
AD
653ul.feedErrorsList em {
654 color : gray;
655}
656
9b3e2cc7 657ul.userFeedList {
e5d758e3
AD
658 height : 300px;
659 overflow : auto;
660 list-style-type : none;
8df7184c 661 border : 1px solid gray;
e5d758e3
AD
662 background-color : white;
663 margin : 0px 0px 5px 0px;
664 padding : 0px;
9b3e2cc7 665}
f9cb39ac
AD
666
667ul.browseFeedList {
e5d758e3
AD
668 height : 300px;
669 overflow : auto;
a8328019
AD
670 border-width : 0px 1px 1px 1px;
671 border-color : #c0c0c0;
672 border-style : solid;
e5d758e3 673 margin : 0px 0px 5px 0px;
e5d758e3 674 background-color : white;
a8328019
AD
675 list-style-type : none;
676 padding : 0px;
677
b92e6209
AD
678}
679
680ul.browseFeedList li {
e5d758e3 681 margin : 0px;
a8328019 682 padding : 2px 4px 2px 4px;
f9cb39ac
AD
683}
684
685span.subscribers {
e5d758e3 686 color : #808080;
f9cb39ac
AD
687}
688
c6232e43 689div.subscribers {
e5d758e3 690 color : #808080;
ae096313 691 font-size : 12px;
e5d758e3 692 float : right;
c6232e43
AD
693}
694
c6232e43 695div.browserDetails {
e5d758e3 696 margin : 5px 5px 5px 5px;
e5d758e3 697 padding : 5px;
c6232e43 698}
c2b2aee0
AD
699
700ul.compact {
e5d758e3
AD
701 list-style-type : none;
702 margin : 0px;
703 padding : 0px;
c2b2aee0
AD
704}
705
706ul.compact li {
e5d758e3
AD
707 margin : 0px;
708 padding : 0px;
c2b2aee0
AD
709}
710
69654950 711.noborder {
e5d758e3 712 border-width : 0px;
69654950 713}
0ee1d1a0 714
2055d4a6 715#overlay {
e5d758e3
AD
716 background : white;
717 left : 0;
718 top : 0;
719 height : 100%;
720 width : 100%;
721 z-index : 100;
722 position : absolute;
2055d4a6
AD
723}
724
725#overlay_inner {
e5d758e3 726 font-weight : bold;
fcc36744 727 margin : 1em;
2055d4a6 728}
af106b0e 729
79f3553b
AD
730form {
731 margin : 0px;
732 padding : 0px;
733}
86b682ce
AD
734
735#main_toolbar_form {
2df7a749
AD
736 margin : 0px;
737 padding : 0px;
fcf70c51
AD
738 display : table-cell;
739 white-space : nowrap;
740 width : 100%;
86b682ce 741}
78d5212c 742
33b8cab4
AD
743div.loadingPrompt {
744 padding : 1em;
745 text-align : center;
746 font-weight : bold;
747}
748
9251df44 749div.whiteBox {
9251df44 750 margin-left : 1px;
abbe0154 751 text-align : center;
b6adf039 752 padding : 1em;
9251df44
AD
753}
754
fcf70c51 755html, body#ttrssMain, #main {
2f01fe57
AD
756 width: 100%;
757 height: 100%;
758 border: 0;
759 padding: 0;
760 margin: 0;
fcf70c51 761}
6b4163cb 762
d62796de
AD
763html, body#ttrssPrefs, #main {
764 width: 100%;
765 height: 100%;
766 border: 0;
767 padding: 0;
768 margin: 0;
769}
770
3af75631 771#toolbar div.actionChooser {
fcf70c51
AD
772 display : table-cell;
773 text-align : right;
f8ce21fc 774 padding-right : 3px;
6b4163cb
AD
775}
776
fcf70c51 777/* preferences layout */
f3169d7e 778
656f4b6c 779div.return {
3f59e8cd 780 float : right;
ae096313 781 font-size : 12px;
656f4b6c 782 margin-right : 10px;
3f59e8cd
AD
783}
784
656f4b6c 785div.return a {
3f59e8cd
AD
786 color : #4684ff;
787}
788
656f4b6c 789div.return a:hover {
3f59e8cd
AD
790 color : black;
791}
792
2b25b79d
AD
793#header .logo {
794 float : right;
795 margin-left : 10px;
2b25b79d
AD
796}
797
798#header a {
799 color : #4684ff;
800}
801
802#header a:hover {
803 color : black;
804}
805
806#header img {
d9fa39f1
AD
807 vertical-align : middle;
808 cursor : pointer;
69ea0cdd
AD
809}
810
cc17c205
AD
811a.helpLinkPic img {
812 border-width : 0px;
7483f892 813 vertical-align : middle;
cc17c205 814}
f27de515 815
05fcdf52
AD
816div.autocomplete {
817 position : absolute;
818 width : 250px;
819 background-color : white;
820 border :1px solid #778899;
821 margin : 0px;
822 padding : 0px;
823}
824
825div.autocomplete ul {
826 list-style-type : none;
827 margin : 0px;
828 padding : 0px;
829}
830
831div.autocomplete ul li.selected {
832 background-color : #fff7d5;
833}
834
835div.autocomplete ul li {
836 list-style-type : none;
837 display : block;
838 margin : 0;
839 padding : 2px;
840 height : 32px;
841 cursor : pointer;
842}
843
19d96beb
AD
844#feedOpToolbar {
845 float : right;
846}
efae7595 847
2b25b79d 848#header a.feedback {
db499b67 849 color : #009900;
b5dabd1a
AD
850}
851
e635d56a
AD
852a.visibleLink {
853 color : #4684ff;
e635d56a 854}
6cfea5c7 855
cff7a3a2
AD
856a.visibleLinkB {
857 color : #4684ff;
858 border : 1px solid #4684ff;
859 padding : 2px;
860}
861
862a.visibleLinkB:hover {
863 background-color : #ecf4ff;
864}
865
8cc5e965 866.hlContentH a, .hlContentH span {
546499a9
AD
867 color : #00cc00;
868}
869
8cc5e965 870.hlContentL a, .hlContentL span {
546499a9
AD
871 color : #909090;
872 text-decoration : line-through;
873}
5daa24f2
AD
874
875span.titleWrapH, span.titleWrapH a {
876 color : #00cc00;
877}
878
879span.titleWrapL, span.titleWrapL a {
880 color : #909090;
881 text-decoration : line-through;
882}
883
884img.hlScorePic {
885 vertical-align : middle;
886 width : 16px;
887 height : 16px;
888}
889
10fa6615 890div.dlgSec {
ae096313 891 font-size : 12px;
10fa6615
AD
892 color : gray;
893 font-weight : bold;
894 clear : both;
895 height : 20px;
896}
897
898div.dlgSecCont {
899 position : relative;
900 left : 150px;
901 top : -20px;
902 float : left;
ae096313 903 font-size : 12px;
baa2db9f 904 font-weight : normal;
d90868d7
AD
905}
906
bcf5ed46
AD
907div.dlgSecCont hr {
908 height : 0px;
909 line-height : 0px;
910 border : 0px solid transparent;
911 margin : 2px;
912}
913
d90868d7 914div.dlgSecCont > * {
bcf5ed46
AD
915 position : relative;
916 top : -2px;
10fa6615
AD
917}
918
919div.dlgButtons {
920 text-align : right;
921 clear : both;
922}
923
a740f4b5
AD
924span.labelColorIndicator {
925 height : 14px;
926 width : 14px;
927 line-height : 14px;
86edc737 928 font-size : 9px;
a740f4b5
AD
929 display : inline-block;
930 border : 1px solid black;
931 background-color : #fff7d5;
932 color : #063064;
933 text-align : center;
934 margin-right : 2px;
935}
936
fb8b2153
AD
937span.labelColorIndicator2 {
938 height : 14px;
939 width : 14px;
86edc737 940 font-size : 9px;
fb8b2153
AD
941 display : inline-block;
942 border : 1px solid black;
943 background-color : #fff7d5;
944 color : #063064;
945 text-align : center;
946 margin-right : 2px;
947 vertical-align : bottom;
948}
949
78935092
AD
950div#cmdline {
951 position : absolute;
952 left : 5px;
953 bottom : 5px;
954 font-size : 11px;
955 color : gray;
956 font-weight : bold;
957 background-color : white;
958 border : 1px solid #88b0f0;
959 padding : 3px 5px 3px 5px;
960 z-index : 5;
961}
f4280bdd
AD
962
963#feed_browser_spinner {
964 vertical-align : middle;
965 height : 18px;
966 width : 18px;
967}
37e93d6c
AD
968
969div#auxDlg {
970 position : absolute;
971 z-index : 3;
7c057b1a
AD
972 bottom : 5px;
973 right : 25px;
37e93d6c
AD
974 padding : 5px;
975 border-width : 1px;
976 border-style : solid;
977 border-color : #d7c47a;
978 background-color : #fff7d5;
979 color : black;
980 text-align : center;
de0a6d93 981 font-size : 13px;
37e93d6c
AD
982}
983
984div#auxDlg a {
985 color : #4684ff;
986}
ad491d75 987
8cc5e965
AD
988div.hlTitle {
989 display : table-cell;
990 cursor : pointer;
991 width : 100%;
992 vertical-align : middle;
993 padding-top : 4px;
994 padding-bottom : 4px;
a0f98bbf
AD
995}
996
8cc5e965
AD
997div.hlLeft {
998 display : table-cell;
999 vertical-align : middle;
1000 white-space: nowrap;
ad491d75
AD
1001}
1002
8cc5e965
AD
1003div.hlRight {
1004 display : table-cell;
1005 white-space: nowrap;
1006 text-align : right;
1007 vertical-align : middle;
ad491d75
AD
1008}
1009
fcf70c51
AD
1010div.hlRight img {
1011 max-width : 16px;
1012 max-height : 16px;
1013}
1014
8cc5e965
AD
1015span.hlUpdated {
1016 color : gray;
6edeede3
AD
1017 min-width : 100px;
1018 display : table-cell;
1019 width : 100%;
1020 vertical-align : middle;
1021 padding-top : 4px;
1022 padding-bottom : 4px;
1023 text-align : right;
577399e8
AD
1024}
1025
f947467a
AD
1026div.hlLeft {
1027 padding-left : 8px;
1028}
1029
8cc5e965
AD
1030div.hlLeft input {
1031 margin-left : 4px;
1032 margin-right : 4px;
ad491d75
AD
1033}
1034
8cc5e965
AD
1035div.hlLeft img, div.hlRight img {
1036 margin : 0px 4px 0px 4px;
cb1a012b 1037}
8cc5e965 1038
cb1a012b
AD
1039div.hlLeft img {
1040 width : 16px;
1041 height : 16px;
8cc5e965 1042}
31a53903 1043
ba083651
AD
1044div.fatalError {
1045 margin-bottom : 10px;
1046}
951906dc
AD
1047
1048div.fatalError button {
1049 margin-top : 5px;
1050}
1051
1052div.fatalError textarea {
1053 width : 100%;
1054 height : 100px;
1055}
2f01fe57
AD
1056
1057#main {
1058 border-width : 0px;
6e4f4ce1
AD
1059 margin : 0px;
1060 padding : 0px;
1061}
1062
2b25b79d
AD
1063#header-wrap {
1064 border-width : 0px;
1065 margin : 0px;
1066 padding : 0px;
1067}
1068
6e4f4ce1
AD
1069#content-wrap {
1070 padding : 0px;
2d1282d4 1071 border-width : 0px 0px 1px 1px;
38325ad6
AD
1072 border-style : solid;
1073 border-color : #c0c0c0;
2d1282d4 1074 margin : 0px;
2f01fe57
AD
1075}
1076
1077#feeds-holder {
1078 padding : 0px;
fcf70c51
AD
1079 border-color : #88b0f0;
1080 border-left-width : 0px;
1081 border-bottom-width : 0px;
2b25b79d 1082 border-top-width : 0px;
227cdb72 1083 overflow : auto;
2f01fe57
AD
1084}
1085
6e4f4ce1
AD
1086#headlines-wrap-inner {
1087 padding : 0px;
1088 margin : 0px;
1089 border-width : 0px;
1090}
1091
2f01fe57
AD
1092#headlines-frame {
1093 padding : 0px;
fcf70c51 1094 border-color : #88b0f0;
6f3976c9 1095 border-left-width : 0px;
fcf70c51 1096 border-right-width : 0px;
0ce61157
AD
1097 margin-top : 0px;
1098 border-top-width : 0px;
1099}
1100
d4eebd8b 1101#headlines-toolbar_splitter, #toolbar_splitter {
0ce61157 1102 display : none;
2f01fe57
AD
1103}
1104
6f3976c9 1105#toolbar {
f8ce21fc 1106 padding : 0px;
6e4f4ce1 1107 margin : 0px;
2f01fe57 1108 border-width : 0px;
6e4f4ce1 1109 white-space: nowrap;
1354d172 1110 font-size : 11px;
2f01fe57
AD
1111}
1112
1113#header {
2f01fe57 1114 border-width : 0px;
2b25b79d
AD
1115 text-align : right;
1116 color : gray;
1117 padding : 5px 5px 0px 0px;
1118 margin : 0px;
1119 position : absolute;
1120 right : 0px;
1121 top : 0px;
1122 z-index : 5;
2f01fe57
AD
1123}
1124
1125#footer {
1126 text-align : center;
1127 color : gray;
d62796de 1128 padding : 4px 4px 8px 4px;
2f01fe57
AD
1129 border-width : 0px;
1130}
6e4f4ce1
AD
1131
1132#content-insert {
1133 padding : 0px;
fcf70c51
AD
1134 border-color : #88b0f0;
1135 border-bottom-width : 0px;
1136 border-right-width : 0px;
6f3976c9 1137 border-left-width : 0px;
b93ad1e1 1138 overflow : auto;
6e4f4ce1 1139}
13e785e0
AD
1140
1141.dijitTreeLabel.Unread {
1142 font-weight : bold;
1143}
1144
1644304f
AD
1145.feedParam {
1146 color : gray;
1147 float : right;
1148 margin-right : 1em;
1149}
1150
a740f4b5
AD
1151.dijitTreeLabel.Disabled, .labelParam.Disabled {
1152 color : gray;
1153}
1154
fcf70c51
AD
1155.dijitTreeRow.Error {
1156 color : red;
1157}
13e785e0 1158
fcf70c51
AD
1159.dijitTreeRow.Hidden {
1160 display : none;
1161}
2ef5c21f 1162
8e289ca1 1163img.feedIcon, img.tinyFeedIcon {
ab7a597c
AD
1164 width : 16px;
1165 height : 16px;
7c9f819f 1166 vertical-align : middle;
2ef5c21f 1167}
9c99281f 1168
fb8b2153 1169div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
9c99281f
AD
1170 text-align : center;
1171 padding : 5px;
1172 color : gray;
1173}
d62796de 1174
fb8b2153 1175div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
a740f4b5
AD
1176 margin-right : 5px;
1177}
1178
d62796de
AD
1179div#pref-tabs .dijitContentPane {
1180 font-size : 12px;
1181}
1182
1183div#pref-tabs {
1184 margin : 0px 5px 0px 5px;
1185}
1186
1187div#pref-tabs .dijitContentPane h3 {
1188 font-size : 14px;
1189 font-weight : bold;
1190}
ab7a597c 1191
8df7184c
AD
1192#pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1193#pref-label-wrap, #pref-label-header, #pref-label-content,
373266eb
AD
1194#pref-user-wrap, #pref-user-header, #pref-user-content,
1195#pref-instance-wrap, #pref-instance-header, #pref-instance-content {
8df7184c
AD
1196 margin : 0px;
1197 padding : 0px;
1198 border-width : 0px;
1199}
1200
373266eb 1201#userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab {
29f11825
AD
1202 padding : 0px;
1203}
1204
49c6c279
AD
1205#errorButton {
1206 color : red;
1207}
a740f4b5
AD
1208
1209span.labelFixedLength {
1210 display : inline-block;
1211 width : 70%;
1212}
d90868d7
AD
1213
1214#filter_dlg_date_chk_box {
1215 display : inline-block;
1216}
1217
7ce0ea28
AD
1218.dijitDialog .dijitToolbar {
1219 border : 1px solid #c0c0c0;
1220}
d2d75353
AD
1221
1222a.bookmarklet {
1223 color : #4684ff;
1224 border : 1px solid #ecf4ff;
1225 padding : 2px;
1226}
63855db1 1227
c3edc667
AD
1228.player {
1229 display : inline-block;
1230 color : gray;
1231 font-size : 11px;
1232 font-family : sans-serif;
1233 border : 1px solid gray;
1234 padding : 0px 4px 0px 4px;
1235 margin : 0px 2px 0px 2px;
1236 width : 50px;
1237 text-align : center;
1238 background : white;
1239}
1240.player.playing {
1241 color : #00c000;
1242 border-color : #00c000;
1243}
1244
1245.player:hover {
1246 background : #f0f0f0;
1247 cursor : pointer;
1248}
88e4e597 1249
18eb64a8
AD
1250#headlines-spacer {
1251 height : 100%;
1252 margin-left : 1px;
1253 text-align : center;
1254 padding : 1em;
1255 color : gray;
1256}
56fbb82c
AD
1257
1258td.error {
1259 color : red;
1260}
ca6a0741
AD
1261
1262div.dialogNotice {
1263 margin-bottom : 5px;
1264 color : gray;
1265}
6aff7845
AD
1266
1267ul#filterDlg_Matches, ul#filterDlg_Actions {
1268 max-height : 100px;
1269 overflow : auto;
1270 list-style-type : none;
1271 border-style : solid;
1272 border-color : #c0c0c0;
1273 border-width : 0px 1px 1px 1px;
1274 background-color : #ecf4ff;
1275 margin : 0px 0px 5px 0px;
1276 padding : 0px;
1277}
1278
1279ul#filterDlg_Matches li, ul#filterDlg_Actions li {
1280 cursor : pointer;
04e41840
AD
1281 padding : 0px 0px 0px 5px;
1282}
1283
1284ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1285 margin-right : 5px;
6aff7845 1286}
65d1e250 1287
ad1a0687 1288table.prefPluginsList td label, table.prefUserList td {
65d1e250
AD
1289 cursor : pointer;
1290}
b8cb4d08
AD
1291
1292ul.helpKbList {
1293 max-height : 300px;
1294 overflow : auto;
1295 list-style-type : none;
1296 border : 1px solid #c0c0c0;
1297 background-color : #ecf4ff;
1298 margin : 0px 0px 5px 0px;
1299 padding : 5px;
1300}
1301
1302ul.helpKbList span.hksequence {
1303 width : 6em;
1304 margin-left : 20px;
1305 color : #88b0f0;
1306 font-weight : bold;
1307 display : inline-block;
1308}
1309
1310ul.helpKbList h2 {
1311 margin-top : 0px;
1312}