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