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