tt-rss.css

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