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