]> git.wh0rd.org - tt-rss.git/blame - tt-rss.css
tweak blockquote display
[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 {
18bfbb0c
AD
402 margin : 5px 0px 5px 0px;
403 padding : 10px;
404 color : gray;
405 border-width : 0px 0px 0px 3px;
083020ad
AD
406 border-color : #c0c0c0;
407 border-style : solid;
18bfbb0c 408 background : #fafafa;
7dc66a61 409}
e2f8f7b4 410
5f8b2573 411#content-insert code, #headlines-frame code, .dijitContentPane code {
48a8d154
AD
412 background : transparent;
413 border : 0px solid transparent;
414 margin : 0px;
415 font-family : monospace;
416 padding : 0px;
417 font-size : 12px;
86bda02b 418 color : black;
48a8d154
AD
419}
420
0d32b41e
AD
421div.notice {
422 background : #ffffff;
423 border : 1px solid #88b0f0;
e400230e 424 width : 60%;
0d32b41e
AD
425 padding : 5px;
426 margin : 0px 0px 5px 0px;
ae096313 427 font-size : 12px;
0d32b41e
AD
428}
429
ab3d0b99 430div.warning {
e5d758e3
AD
431 background : #fff7d5;
432 border : 1px solid #d7c47a;
ae096313 433 font-size : 12px;
e400230e 434 width : 60%;
3f59e8cd 435 padding : 5px;
c93d8e07 436 margin : 0px 0px 5px 0px;
e6cb77a0
AD
437}
438
9e21a571 439div.warning img, div.notice img, div.error img {
0d32b41e 440 vertical-align : middle;
e5d758e3 441 padding : 5px;
ab3d0b99
AD
442}
443
1b74062f
AD
444span.filterDateError {
445 color : #ff0000;
446}
447
84916243
AD
448div.error {
449 border : 1px solid #ff0000;
450 background : #ffcccc;
451 padding : 5px;
452 margin : 0px 0px 5px 0px;
ae096313 453 font-size : 12px;
84916243
AD
454}
455
ab3d0b99 456ul.nomarks {
e5d758e3
AD
457 list-style-type : none;
458 margin : 0px;
459 padding : 10px;
ab3d0b99
AD
460}
461
b1895692 462div.prefHelp, td.prefHelp {
e5d758e3 463 color : gray;
abe4d057 464 padding : 5px;
8cb74804
AD
465}
466
365f95dc
AD
467span.feed_error {
468 color : red;
469}
470
746dcf42 471.insensitive {
e5d758e3 472 color : gray;
bca02305 473}
afb7a1d6 474
d4d6d528
AD
475.insensitive a {
476 color : #4684ff;
477}
478
479.insensitive a:hover {
480 color : black;
481}
482
d9dde1d6 483.small {
ae096313 484 font-size : 11px;
d9dde1d6 485}
28fa9253
AD
486
487table.innerFeedTable td {
e5d758e3
AD
488 margin : 0px;
489 padding : 0px;
28fa9253 490}
35f3c923
AD
491
492td.selectPrompt {
ae096313 493 font-size : 12px;
e5d758e3 494 color : gray;
35f3c923 495}
1572afe5 496
6e4f4ce1 497div#headlines-toolbar {
d4eebd8b 498 border-width : 0px 0px 1px 0px;
f1080825 499 background-color : #f0f0f0;
0ce61157 500 border-color : #88b0f0 #88b0f0 #ecf4ff #88b0f0;
ae096313 501 font-size : 11px;
0e2d03a7 502 font-family : "Segoe UI", Tahoma, sans-serif;
442a9b8c 503 color : gray;
fcf70c51 504 padding : 0px;
6e4f4ce1
AD
505 margin : 0px;
506 overflow : hidden;
f1080825
AD
507 height : 25px;
508 line-height : 25px;
509 padding-left : 4px;
8b27182a
AD
510}
511
fcf70c51
AD
512div#headlines-toolbar .dijitSelect {
513 font-size : 11px;
f1080825
AD
514 position : relative;
515 top : -2px;
fcf70c51
AD
516}
517
f1080825
AD
518div#headlines-toolbar span.r {
519 float: right;
520 position: relative;
f1080825 521 padding : 0 4px 0px 4px;
fcf70c51 522 text-align : right;
f1080825
AD
523}
524
f1080825
AD
525div#headlines-toolbar span.r span.error {
526 color : red;
527}
528
529div#headlines-toolbar span.r a {
db23a8ee 530 color : gray;
c1c9df00
AD
531}
532
f1080825
AD
533div#headlines-toolbar span.r a:hover {
534 color : black;
26a1e185
AD
535}
536
591c396d 537span.contentPreview {
e5d758e3
AD
538 color : gray;
539 font-weight : normal;
591c396d 540}
179d6f57 541
0f172fff 542span.contentPreview:hover {
e5d758e3 543 color : #4684ff;
0f172fff
AD
544}
545
8cc5e965 546span.hlLabelRef {
e2549229 547 background-color : #fff7d5;
86edc737 548 font-size : 8px;
e2549229
AD
549 color : #063064;
550 font-weight : normal;
551 margin : 0px 3px 0px 3px;
552 padding : 0px 4px 0px 4px;
553 white-space: nowrap;
554}
555
67343d9f 556td.hlSelectRow, td.hlUpdPic {
e5d758e3
AD
557 width : 25px;
558 text-align : center;
179d6f57
AD
559}
560
b810a0f1 561div.postHeader div.postDate {
e5d758e3
AD
562 text-align : right;
563 color : gray;
b810a0f1 564 float : right;
9167e250 565}
36aab70f 566
b810a0f1
AD
567div.postHeader div {
568 padding-bottom : 3px;
ae096313 569 font-size : 12px;
ed51e128
AD
570}
571
36aab70f 572#feedUpdateErrors {
e5d758e3 573 display : none;
36aab70f
AD
574}
575
42918a07 576#allEntryTags {
ae096313 577 font-size : 12px;
e5d758e3
AD
578 border-width : 0px 0px 1px 0px;
579 border-style : solid;
580 border-color : #c0c0c0;
581 padding-bottom : 5px;
582 display : none;
42918a07 583}
13ce14e8 584
4663f9c6 585td.hlMarkedPic, td.hlSelectRow, td.hlUpdated, td.hlFeed {
e5d758e3 586 height : 1em;
4663f9c6 587}
386cbf27 588
afad6f38
AD
589td.hlFeed {
590 text-align : right;
591}
592
df456bb0 593span.hlFeed, span.hlFeed a {
ae096313 594 font-size : 12px;
df456bb0
AD
595 color : gray;
596}
597
598span.hlFeed a:hover {
599 color : #4684ff;
600}
601
7514749d
AD
602img.markedPic {
603 cursor : pointer;
c4f52830 604 vertical-align : middle;
7514749d
AD
605}
606
1e471f3b 607a.warning {
e5d758e3 608 color : #f04040;
1e471f3b 609}
a9b0bfd5 610
0979b696 611div.tagCloudContainer {
a8328019 612 border : 1px solid #c0c0c0;
bec2ecd9 613 background-color : #ecf4ff;
0979b696 614 margin : 5px 0px 5px 0px;
9e6427ab 615 padding : 5px;
0979b696
AD
616 text-align : center;
617}
618
73495fd1 619div.errorExplained {
a8328019 620 border : 1px solid #c0c0c0;
bec2ecd9 621 background-color : #ecf4ff;
73495fd1
AD
622 margin : 5px 0px 5px 0px;
623 padding : 5px;
624}
625
e8dd519b 626ul.feedErrorsList {
bec2ecd9 627 max-height : 300px;
e8dd519b
AD
628 overflow : auto;
629 list-style-type : none;
f81b6815 630 border : 1px solid #c0c0c0;
bec2ecd9 631 background-color : #ecf4ff;
e8dd519b 632 margin : 0px 0px 5px 0px;
bec2ecd9 633 padding : 5px;
e8dd519b
AD
634}
635
808dd053 636ul.selfUpdateList {
27211afe 637 height : 200px;
27211afe
AD
638 overflow : auto;
639 list-style-type : none;
640 border : 1px solid #c0c0c0;
641 background-color : #ecf4ff;
642 margin : 0px 0px 5px 0px;
643 padding : 5px;
644}
645
f81b6815
AD
646ul.feedErrorsList em {
647 color : gray;
648}
649
9b3e2cc7 650ul.userFeedList {
e5d758e3
AD
651 height : 300px;
652 overflow : auto;
653 list-style-type : none;
8df7184c 654 border : 1px solid gray;
e5d758e3
AD
655 background-color : white;
656 margin : 0px 0px 5px 0px;
657 padding : 0px;
9b3e2cc7 658}
f9cb39ac
AD
659
660ul.browseFeedList {
e5d758e3
AD
661 height : 300px;
662 overflow : auto;
a8328019
AD
663 border-width : 0px 1px 1px 1px;
664 border-color : #c0c0c0;
665 border-style : solid;
e5d758e3 666 margin : 0px 0px 5px 0px;
e5d758e3 667 background-color : white;
a8328019
AD
668 list-style-type : none;
669 padding : 0px;
670
b92e6209
AD
671}
672
673ul.browseFeedList li {
e5d758e3 674 margin : 0px;
a8328019 675 padding : 2px 4px 2px 4px;
f9cb39ac
AD
676}
677
678span.subscribers {
e5d758e3 679 color : #808080;
f9cb39ac
AD
680}
681
c6232e43 682div.subscribers {
e5d758e3 683 color : #808080;
ae096313 684 font-size : 12px;
e5d758e3 685 float : right;
c6232e43
AD
686}
687
c6232e43 688div.browserDetails {
e5d758e3 689 margin : 5px 5px 5px 5px;
e5d758e3 690 padding : 5px;
c6232e43 691}
c2b2aee0
AD
692
693ul.compact {
e5d758e3
AD
694 list-style-type : none;
695 margin : 0px;
696 padding : 0px;
c2b2aee0
AD
697}
698
699ul.compact li {
e5d758e3
AD
700 margin : 0px;
701 padding : 0px;
c2b2aee0
AD
702}
703
69654950 704.noborder {
e5d758e3 705 border-width : 0px;
69654950 706}
0ee1d1a0 707
2055d4a6 708#overlay {
e5d758e3
AD
709 background : white;
710 left : 0;
711 top : 0;
712 height : 100%;
713 width : 100%;
714 z-index : 100;
715 position : absolute;
2055d4a6
AD
716}
717
718#overlay_inner {
e5d758e3 719 font-weight : bold;
fcc36744 720 margin : 1em;
2055d4a6 721}
af106b0e 722
79f3553b
AD
723form {
724 margin : 0px;
725 padding : 0px;
726}
86b682ce
AD
727
728#main_toolbar_form {
2df7a749
AD
729 margin : 0px;
730 padding : 0px;
fcf70c51
AD
731 display : table-cell;
732 white-space : nowrap;
733 width : 100%;
86b682ce 734}
78d5212c 735
33b8cab4
AD
736div.loadingPrompt {
737 padding : 1em;
738 text-align : center;
739 font-weight : bold;
740}
741
9251df44 742div.whiteBox {
9251df44 743 margin-left : 1px;
abbe0154 744 text-align : center;
b6adf039 745 padding : 1em;
9251df44
AD
746}
747
fcf70c51 748html, body#ttrssMain, #main {
2f01fe57
AD
749 width: 100%;
750 height: 100%;
751 border: 0;
752 padding: 0;
753 margin: 0;
fcf70c51 754}
6b4163cb 755
d62796de
AD
756html, body#ttrssPrefs, #main {
757 width: 100%;
758 height: 100%;
759 border: 0;
760 padding: 0;
761 margin: 0;
762}
763
3af75631 764#toolbar div.actionChooser {
fcf70c51
AD
765 display : table-cell;
766 text-align : right;
f8ce21fc 767 padding-right : 3px;
6b4163cb
AD
768}
769
fcf70c51 770/* preferences layout */
f3169d7e 771
656f4b6c 772div.return {
3f59e8cd 773 float : right;
ae096313 774 font-size : 12px;
656f4b6c 775 margin-right : 10px;
3f59e8cd
AD
776}
777
656f4b6c 778div.return a {
3f59e8cd
AD
779 color : #4684ff;
780}
781
656f4b6c 782div.return a:hover {
3f59e8cd
AD
783 color : black;
784}
785
2b25b79d
AD
786#header .logo {
787 float : right;
788 margin-left : 10px;
2b25b79d
AD
789}
790
791#header a {
792 color : #4684ff;
793}
794
795#header a:hover {
796 color : black;
797}
798
799#header img {
d9fa39f1
AD
800 vertical-align : middle;
801 cursor : pointer;
69ea0cdd
AD
802}
803
cc17c205
AD
804a.helpLinkPic img {
805 border-width : 0px;
7483f892 806 vertical-align : middle;
cc17c205 807}
f27de515 808
05fcdf52
AD
809div.autocomplete {
810 position : absolute;
811 width : 250px;
812 background-color : white;
813 border :1px solid #778899;
814 margin : 0px;
815 padding : 0px;
816}
817
818div.autocomplete ul {
819 list-style-type : none;
820 margin : 0px;
821 padding : 0px;
822}
823
824div.autocomplete ul li.selected {
825 background-color : #fff7d5;
826}
827
828div.autocomplete ul li {
829 list-style-type : none;
830 display : block;
831 margin : 0;
832 padding : 2px;
833 height : 32px;
834 cursor : pointer;
835}
836
19d96beb
AD
837#feedOpToolbar {
838 float : right;
839}
efae7595 840
2b25b79d 841#header a.feedback {
db499b67 842 color : #009900;
b5dabd1a
AD
843}
844
e635d56a
AD
845a.visibleLink {
846 color : #4684ff;
e635d56a 847}
6cfea5c7 848
cff7a3a2
AD
849a.visibleLinkB {
850 color : #4684ff;
851 border : 1px solid #4684ff;
852 padding : 2px;
853}
854
855a.visibleLinkB:hover {
856 background-color : #ecf4ff;
857}
858
8cc5e965 859.hlContentH a, .hlContentH span {
546499a9
AD
860 color : #00cc00;
861}
862
8cc5e965 863.hlContentL a, .hlContentL span {
546499a9
AD
864 color : #909090;
865 text-decoration : line-through;
866}
5daa24f2
AD
867
868span.titleWrapH, span.titleWrapH a {
869 color : #00cc00;
870}
871
872span.titleWrapL, span.titleWrapL a {
873 color : #909090;
874 text-decoration : line-through;
875}
876
877img.hlScorePic {
878 vertical-align : middle;
879 width : 16px;
880 height : 16px;
881}
882
10fa6615 883div.dlgSec {
ae096313 884 font-size : 12px;
10fa6615
AD
885 color : gray;
886 font-weight : bold;
887 clear : both;
888 height : 20px;
889}
890
891div.dlgSecCont {
892 position : relative;
893 left : 150px;
894 top : -20px;
895 float : left;
ae096313 896 font-size : 12px;
baa2db9f 897 font-weight : normal;
d90868d7
AD
898}
899
bcf5ed46
AD
900div.dlgSecCont hr {
901 height : 0px;
902 line-height : 0px;
903 border : 0px solid transparent;
904 margin : 2px;
905}
906
d90868d7 907div.dlgSecCont > * {
bcf5ed46
AD
908 position : relative;
909 top : -2px;
10fa6615
AD
910}
911
912div.dlgButtons {
913 text-align : right;
914 clear : both;
915}
916
a740f4b5
AD
917span.labelColorIndicator {
918 height : 14px;
919 width : 14px;
920 line-height : 14px;
86edc737 921 font-size : 9px;
a740f4b5
AD
922 display : inline-block;
923 border : 1px solid black;
924 background-color : #fff7d5;
925 color : #063064;
926 text-align : center;
927 margin-right : 2px;
928}
929
fb8b2153
AD
930span.labelColorIndicator2 {
931 height : 14px;
932 width : 14px;
86edc737 933 font-size : 9px;
fb8b2153
AD
934 display : inline-block;
935 border : 1px solid black;
936 background-color : #fff7d5;
937 color : #063064;
938 text-align : center;
939 margin-right : 2px;
940 vertical-align : bottom;
941}
942
78935092
AD
943div#cmdline {
944 position : absolute;
945 left : 5px;
946 bottom : 5px;
947 font-size : 11px;
948 color : gray;
949 font-weight : bold;
950 background-color : white;
951 border : 1px solid #88b0f0;
952 padding : 3px 5px 3px 5px;
953 z-index : 5;
954}
f4280bdd
AD
955
956#feed_browser_spinner {
957 vertical-align : middle;
958 height : 18px;
959 width : 18px;
960}
37e93d6c
AD
961
962div#auxDlg {
963 position : absolute;
964 z-index : 3;
7c057b1a
AD
965 bottom : 5px;
966 right : 25px;
37e93d6c
AD
967 padding : 5px;
968 border-width : 1px;
969 border-style : solid;
970 border-color : #d7c47a;
971 background-color : #fff7d5;
972 color : black;
973 text-align : center;
de0a6d93 974 font-size : 13px;
37e93d6c
AD
975}
976
977div#auxDlg a {
978 color : #4684ff;
979}
ad491d75 980
8cc5e965
AD
981div.hlTitle {
982 display : table-cell;
983 cursor : pointer;
984 width : 100%;
985 vertical-align : middle;
986 padding-top : 4px;
987 padding-bottom : 4px;
a0f98bbf
AD
988}
989
8cc5e965
AD
990div.hlLeft {
991 display : table-cell;
992 vertical-align : middle;
993 white-space: nowrap;
ad491d75
AD
994}
995
8cc5e965
AD
996div.hlRight {
997 display : table-cell;
998 white-space: nowrap;
999 text-align : right;
1000 vertical-align : middle;
ad491d75
AD
1001}
1002
fcf70c51
AD
1003div.hlRight img {
1004 max-width : 16px;
1005 max-height : 16px;
1006}
1007
8cc5e965
AD
1008span.hlUpdated {
1009 color : gray;
6edeede3
AD
1010 min-width : 100px;
1011 display : table-cell;
1012 width : 100%;
1013 vertical-align : middle;
1014 padding-top : 4px;
1015 padding-bottom : 4px;
1016 text-align : right;
577399e8
AD
1017}
1018
f947467a
AD
1019div.hlLeft {
1020 padding-left : 8px;
1021}
1022
8cc5e965
AD
1023div.hlLeft input {
1024 margin-left : 4px;
1025 margin-right : 4px;
ad491d75
AD
1026}
1027
8cc5e965
AD
1028div.hlLeft img, div.hlRight img {
1029 margin : 0px 4px 0px 4px;
cb1a012b 1030}
8cc5e965 1031
cb1a012b
AD
1032div.hlLeft img {
1033 width : 16px;
1034 height : 16px;
8cc5e965 1035}
31a53903 1036
ba083651
AD
1037div.fatalError {
1038 margin-bottom : 10px;
1039}
951906dc
AD
1040
1041div.fatalError button {
1042 margin-top : 5px;
1043}
1044
1045div.fatalError textarea {
1046 width : 100%;
1047 height : 100px;
1048}
2f01fe57
AD
1049
1050#main {
1051 border-width : 0px;
6e4f4ce1
AD
1052 margin : 0px;
1053 padding : 0px;
1054}
1055
2b25b79d
AD
1056#header-wrap {
1057 border-width : 0px;
1058 margin : 0px;
1059 padding : 0px;
1060}
1061
6e4f4ce1
AD
1062#content-wrap {
1063 padding : 0px;
2d1282d4 1064 border-width : 0px 0px 1px 1px;
38325ad6
AD
1065 border-style : solid;
1066 border-color : #c0c0c0;
2d1282d4 1067 margin : 0px;
2f01fe57
AD
1068}
1069
1070#feeds-holder {
1071 padding : 0px;
fcf70c51
AD
1072 border-color : #88b0f0;
1073 border-left-width : 0px;
1074 border-bottom-width : 0px;
2b25b79d 1075 border-top-width : 0px;
227cdb72 1076 overflow : auto;
2f01fe57
AD
1077}
1078
6e4f4ce1
AD
1079#headlines-wrap-inner {
1080 padding : 0px;
1081 margin : 0px;
1082 border-width : 0px;
1083}
1084
2f01fe57
AD
1085#headlines-frame {
1086 padding : 0px;
fcf70c51 1087 border-color : #88b0f0;
6f3976c9 1088 border-left-width : 0px;
fcf70c51 1089 border-right-width : 0px;
0ce61157
AD
1090 margin-top : 0px;
1091 border-top-width : 0px;
1092}
1093
d4eebd8b 1094#headlines-toolbar_splitter, #toolbar_splitter {
0ce61157 1095 display : none;
2f01fe57
AD
1096}
1097
6f3976c9 1098#toolbar {
f8ce21fc 1099 padding : 0px;
6e4f4ce1 1100 margin : 0px;
2f01fe57 1101 border-width : 0px;
6e4f4ce1 1102 white-space: nowrap;
1354d172 1103 font-size : 11px;
2f01fe57
AD
1104}
1105
1106#header {
2f01fe57 1107 border-width : 0px;
2b25b79d
AD
1108 text-align : right;
1109 color : gray;
1110 padding : 5px 5px 0px 0px;
1111 margin : 0px;
1112 position : absolute;
1113 right : 0px;
1114 top : 0px;
1115 z-index : 5;
2f01fe57
AD
1116}
1117
1118#footer {
1119 text-align : center;
1120 color : gray;
d62796de 1121 padding : 4px 4px 8px 4px;
2f01fe57
AD
1122 border-width : 0px;
1123}
6e4f4ce1
AD
1124
1125#content-insert {
1126 padding : 0px;
fcf70c51
AD
1127 border-color : #88b0f0;
1128 border-bottom-width : 0px;
1129 border-right-width : 0px;
6f3976c9 1130 border-left-width : 0px;
b93ad1e1 1131 overflow : auto;
6e4f4ce1 1132}
13e785e0
AD
1133
1134.dijitTreeLabel.Unread {
1135 font-weight : bold;
1136}
1137
1644304f
AD
1138.feedParam {
1139 color : gray;
1140 float : right;
1141 margin-right : 1em;
1142}
1143
a740f4b5
AD
1144.dijitTreeLabel.Disabled, .labelParam.Disabled {
1145 color : gray;
1146}
1147
fcf70c51
AD
1148.dijitTreeRow.Error {
1149 color : red;
1150}
13e785e0 1151
fcf70c51
AD
1152.dijitTreeRow.Hidden {
1153 display : none;
1154}
2ef5c21f 1155
8e289ca1 1156img.feedIcon, img.tinyFeedIcon {
ab7a597c
AD
1157 width : 16px;
1158 height : 16px;
7c9f819f 1159 vertical-align : middle;
2ef5c21f 1160}
9c99281f 1161
fb8b2153 1162div#feedlistLoading, div#filterlistLoading, div#labellistLoading {
9c99281f
AD
1163 text-align : center;
1164 padding : 5px;
1165 color : gray;
1166}
d62796de 1167
fb8b2153 1168div#feedlistLoading img, div#filterlistLoading img, div#labellistLoading {
a740f4b5
AD
1169 margin-right : 5px;
1170}
1171
d62796de
AD
1172div#pref-tabs .dijitContentPane {
1173 font-size : 12px;
1174}
1175
1176div#pref-tabs {
1177 margin : 0px 5px 0px 5px;
1178}
1179
1180div#pref-tabs .dijitContentPane h3 {
1181 font-size : 14px;
1182 font-weight : bold;
1183}
ab7a597c 1184
8df7184c
AD
1185#pref-filter-wrap, #pref-filter-header, #pref-filter-content,
1186#pref-label-wrap, #pref-label-header, #pref-label-content,
373266eb
AD
1187#pref-user-wrap, #pref-user-header, #pref-user-content,
1188#pref-instance-wrap, #pref-instance-header, #pref-instance-content {
8df7184c
AD
1189 margin : 0px;
1190 padding : 0px;
1191 border-width : 0px;
1192}
1193
373266eb 1194#userConfigTab, #labelConfigTab, #filterConfigTab, #pref-feeds-feeds, #instanceConfigTab {
29f11825
AD
1195 padding : 0px;
1196}
1197
49c6c279
AD
1198#errorButton {
1199 color : red;
1200}
a740f4b5
AD
1201
1202span.labelFixedLength {
1203 display : inline-block;
1204 width : 70%;
1205}
d90868d7
AD
1206
1207#filter_dlg_date_chk_box {
1208 display : inline-block;
1209}
1210
7ce0ea28
AD
1211.dijitDialog .dijitToolbar {
1212 border : 1px solid #c0c0c0;
1213}
d2d75353
AD
1214
1215a.bookmarklet {
1216 color : #4684ff;
1217 border : 1px solid #ecf4ff;
1218 padding : 2px;
1219}
63855db1 1220
c3edc667
AD
1221.player {
1222 display : inline-block;
1223 color : gray;
1224 font-size : 11px;
1225 font-family : sans-serif;
1226 border : 1px solid gray;
1227 padding : 0px 4px 0px 4px;
1228 margin : 0px 2px 0px 2px;
1229 width : 50px;
1230 text-align : center;
1231 background : white;
1232}
1233.player.playing {
1234 color : #00c000;
1235 border-color : #00c000;
1236}
1237
1238.player:hover {
1239 background : #f0f0f0;
1240 cursor : pointer;
1241}
88e4e597 1242
18eb64a8
AD
1243#headlines-spacer {
1244 height : 100%;
1245 margin-left : 1px;
1246 text-align : center;
1247 padding : 1em;
1248 color : gray;
1249}
56fbb82c
AD
1250
1251td.error {
1252 color : red;
1253}
ca6a0741
AD
1254
1255div.dialogNotice {
1256 margin-bottom : 5px;
1257 color : gray;
1258}
6aff7845
AD
1259
1260ul#filterDlg_Matches, ul#filterDlg_Actions {
1261 max-height : 100px;
1262 overflow : auto;
1263 list-style-type : none;
1264 border-style : solid;
1265 border-color : #c0c0c0;
1266 border-width : 0px 1px 1px 1px;
1267 background-color : #ecf4ff;
1268 margin : 0px 0px 5px 0px;
1269 padding : 0px;
1270}
1271
1272ul#filterDlg_Matches li, ul#filterDlg_Actions li {
1273 cursor : pointer;
04e41840
AD
1274 padding : 0px 0px 0px 5px;
1275}
1276
1277ul#filterDlg_Matches li div.dijitCheckBox, ul#filterDlg_Actions li div.dijitCheckBox {
1278 margin-right : 5px;
6aff7845 1279}
65d1e250 1280
ad1a0687 1281table.prefPluginsList td label, table.prefUserList td {
65d1e250
AD
1282 cursor : pointer;
1283}
b8cb4d08
AD
1284
1285ul.helpKbList {
1286 max-height : 300px;
1287 overflow : auto;
1288 list-style-type : none;
1289 border : 1px solid #c0c0c0;
1290 background-color : #ecf4ff;
1291 margin : 0px 0px 5px 0px;
1292 padding : 5px;
1293}
1294
1295ul.helpKbList span.hksequence {
1296 width : 6em;
1297 margin-left : 20px;
1298 color : #88b0f0;
1299 font-weight : bold;
1300 display : inline-block;
1301}
1302
1303ul.helpKbList h2 {
1304 margin-top : 0px;
1305}