tt-rss.css

   1 body {
   2         background : white;
   3         color : black;
   4         margin : 0px;
   5         padding : 0px;
   6         font-family : sans-serif;
   7 }
   8
   9 /* common styles */
  10
  11 table.main td.headerBox {
  12         background-image : url("images/vgrad_light_rev2.png");
  13         background-position : top left;
  14         background-repeat : repeat-x;
  15 }
  16
  17 table.main td.header {
  18         padding : 10px 10px 10px 30px;
  19         height : 80px;
  20         font-size : 24pt;
  21         font-weight : bold;
  22 }
  23
  24 table.main td.mainToolbar {
  25         border-width : 0px 0px 0px 0px;
  26         border-style : solid;
  27         border-color : #c0c0c0;
  28         padding : 3px 25px 3px 10px;
  29 }
  30
  31 table.main td.prefsToolbar {
  32         padding : 0px 5px 5px 0px;
  33 }
  34
  35 table.main td.feeds {
  36         width : 300px;
  37         height : 100%;
  38         border-width : 1px 0px 0px 0px;
  39         border-style : solid;
  40         border-color : #c0c0c0;
  41         padding : 0px;
  42 }
  43
  44 table.main td.headlinesToolbarBox {
  45         padding : 10px;
  46         border-width : 0px 0px 1px 1px;
  47         border-style : solid;
  48         border-color : #c0c0c0;
  49         background-image : url("images/vgrad_light.png");
  50         background-position : bottom left;
  51         background-repeat : repeat-x;
  52 }
  53
  54 table.main td.footer {
  55         border-width : 1px 0px 0px 0px;
  56         border-style : solid;
  57         border-color : #c0c0c0;
  58         padding : 10px;
  59         text-align : center;
  60         font-size : x-small;
  61         background-image : url("images/vgrad_light_rev2.png");
  62         background-position : top left;
  63         background-repeat : repeat-x;
  64         color : gray;
  65 }
  66
  67 table.main td.footer a {
  68         color : gray;
  69 }
  70
  71 table.main td.footer a:hover {
  72         color : #5050aa;
  73 }
  74
  75 table.main td.headlines {
  76         height : 25%;
  77         border-width : 0px 0px 1px 1px;
  78         border-style : solid;
  79         border-color : #c0c0c0;
  80 }
  81
  82 table.main td.content {
  83         height : 100%;
  84         background-image : url("images/vgrad_light_rev.png");
  85         background-position : top left;
  86         background-repeat : repeat-x;
  87         border-width : 0px 0px 0px 1px;
  88         border-style : solid;
  89         border-color : #c0c0c0;
  90 }
  91
  92 table.main td.prefContent {
  93         height : 100%;
  94         background-image : url("images/vgrad_light_rev.png");
  95         background-position : top left;
  96         background-repeat : repeat-x;
  97         border-width : 1px 0px 0px 0px;
  98         border-style : solid;
  99         border-color : #c0c0c0;
 100         padding : 20px;
 101 }
 102
 103 div.postReply {
 104         background-image : url("images/vgrad_light_rev.png");
 105         background-position : top left;
 106         background-repeat : repeat-x;
 107         height : 100%;
 108         padding : 10px;
 109 }
 110
 111 div.postReply a {
 112         color : #5050aa;
 113 }
 114
 115 div.postReply a:hover {
 116         color : black;
 117 }
 118
 119 div.postReply div.postHeader {
 120         background : white;
 121         border : 1px solid #c0c0c0;
 122         padding : 5px;
 123 }
 124
 125 div.postReply div.postContent {
 126         padding : 10px;
 127 }
 128
 129 div.postReply div.postIcon {
 130         float : right;
 131         border : 0px;
 132         margin : 10px 0px 10px 10px;
 133 }
 134
 135 ul.feedList {
 136         list-style-type : none;
 137         margin : 5px;
 138         padding : 0px 0px 0px 10px;
 139 }
 140
 141 ul.feedList li.feedCat {
 142         margin : 0px;
 143         padding : 3px 0px 3px 0px;
 144 /*      border-width : 0px 0px 1px 0px;
 145         border-color : #f0f0f0;
 146         border-style : solid; */
 147         color : #707070;
 148         font-size : small;
 149 }
 150
 151 ul.feedCatList {
 152         list-style-type : none;
 153         margin : 0px;
 154         padding : 0px 0px 0px 10px;
 155 }
 156
 157 ul.feedCatList li {
 158         margin : 0px;
 159         padding : 0px 0px 0px 0px;
 160 }
 161
 162 ul.feedList li {
 163         margin : 0px;
 164 }
 165
 166 li.oddSelected, li.evenSelected {
 167         background-color : white;
 168 }
 169
 170 li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread,
 171         li.oddSelectedUnread {
 172         background-color : white;
 173         font-weight : bold;
 174 }
 175
 176 li.oddSelected a, li.evenSelected a,
 177         li.oddUnreadSelected a, li.evenUnreadSelected a {
 178         color : #5050aa;
 179 }
 180
 181 ul.feedlist
 182         li.virtSelected,
 183         li.virtUnreadSelected,
 184         li.virtSelectedUnread,
 185         li.feedSelected,
 186         li.labelSelected,
 187         li.feedUnreadSelected,
 188         li.labelUnreadSelected,
 189         li.feedSelectedUnread,
 190         li.labelSelectedUnread {
 191         background-color : white;
 192 }
 193
 194 ul.feedlist
 195         li.feedSelected a,
 196         li.labelSelected a,
 197         li.feedUnreadSelected a,
 198         li.labelUnreadSelected a,
 199         li.virtSelected a,
 200         li.virtUnreadSelected a,
 201         li.virtSelectedUnread a {
 202         color : #5050aa;
 203 }
 204
 205 ul.feedList li.feed {
 206         display : block;
 207 }
 208
 209 ul.feedList img, img.tinyFeedIcon {
 210         margin : 0px 3px 0px 0px;
 211         width : 16px;
 212         height : 16px;
 213 }
 214
 215 h1 {
 216         font-size : 16pt;
 217 }
 218
 219 h2 {
 220         font-size : 14pt;
 221         font-weight : bold;
 222         border-width : 0px 0px 1px 0px;
 223         border-style : solid;
 224         border-color : #e0e0e0;
 225 }
 226
 227 h3 {
 228         font-size : 12pt;
 229         font-weight : bold;
 230         border-width : 0px 0px 1px 0px;
 231         border-style : solid;
 232         border-color : #e0e0e0;
 233 }
 234
 235 hr {
 236         border-width : 0px 0px 1px 0px;
 237         border-style : dashed;
 238         border-color : #e0e0e0;
 239 }
 240
 241 a {
 242         color : black;
 243         text-decoration : none;
 244 }
 245
 246 a:hover {
 247         color : #5050aa;
 248 }
 249
 250 #piggie {
 251         width : 400;
 252         height : 400;
 253         left : 50;
 254         background-color : white;
 255         display : none;
 256         z-index : 3;
 257         background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
 258         background-position : center center;
 259         background-repeat : no-repeat;
 260         position : absolute;
 261         border : 1px solid pink;
 262         margin-left : auto;
 263         margin-right : auto;
 264         -moz-border-radius : 10px;
 265         opacity : 0.8;
 266 }
 267
 268 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
 269 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
 270 #iedit_fcat {
 271         width : 100%;
 272         padding-left : 2px;
 273 }
 274
 275 input.editbox {
 276         width : 200px;
 277         padding-left : 2px;
 278 }
 279
 280 #notify {
 281         font-size : 10pt;
 282         text-align : right;
 283         color : black;
 284         font-weight : bold;
 285         border-style : solid;
 286         border-width : 0px 0px 1px 1px;
 287         border-color : #e0e0e0;
 288         background-color : white;
 289         padding : 3px;
 290         width : 350px;
 291 }
 292
 293 #dispSwitch {
 294         text-align : right;
 295         padding : 5px 5px 5px 0px;
 296         font-size : x-small;
 297 }
 298
 299 #dispSwitch a {
 300         color : gray;
 301 }
 302
 303 #dispSwitch a:hover {
 304         color : #5050aa;
 305 }
 306
 307 div.expPane {
 308         margin : 15px;
 309 }
 310
 311 iframe {
 312         border : 0px solid white;
 313 }
 314
 315 iframe.feedsFrame {
 316         width : 100%;
 317         height : 90%;
 318         margin : 0px;
 319         padding : 0px;
 320 }
 321
 322 iframe.contentFrame, iframe.headlinesFrame {
 323         width : 100%;
 324         padding : 0px;
 325         margin : 0px;
 326         height : 100%;
 327 }
 328
 329 .button {
 330         border : 1px solid #d0d0d0;
 331         background-image : url("images/button.png");
 332         background-position : top;
 333         background-repeat : repeat-x;
 334         background-color : white;
 335         color : black;
 336 }
 337
 338 .button:hover {
 339         background : white;
 340         text-decoration : none;
 341         color : black;
 342 }
 343
 344 a.button {
 345         padding : 2px 5px 2px 5px;
 346         font-size : small;
 347 }
 348
 349 .evenUnreadSelected, .evenSelectedUnread, {
 350         background-color : #e0e0ff;
 351         font-weight : bold;
 352 }
 353
 354 .oddUnreadSelected, .oddSelectedUnread, .feedSelectedUnread,  {
 355         background-color : #e0e0ff;
 356         font-weight : bold;
 357 }
 358
 359 .evenSelected {
 360         background-color : #e0e0ff;
 361 }
 362
 363 .oddSelected {
 364         background-color : #e0e0ff;
 365 }
 366
 367 .feedUnreadSelected, .feedSelectedUnread,
 368 .virtUnreadSelected, .virtSelectedUnread,
 369 .labelUnreadSelected, .labelSelectedUnread {
 370         background-color : #e0e0ff;
 371         font-weight : bold;
 372 }
 373
 374 .feedUnread, .labelUnread, .virtUnread {
 375         font-weight : bold;
 376 }
 377
 378 .disabledButton {
 379         border : 1px solid #c0c0c0;
 380         background-color : white;
 381         color : gray;
 382 }
 383
 384 .evenGrayed {
 385         background-color : #f0f0f0;
 386         color : #909090;
 387 }
 388
 389 .oddGrayed {
 390         color : #909090;
 391 }
 392
 393 .even {
 394         background-color : #f0f0f0;
 395 }
 396
 397 .evenUnread {
 398         background-color : #f0f0f0;
 399         font-weight : bold;
 400 }
 401
 402 .oddUnread {
 403         font-weight : bold;
 404 }
 405
 406 .invisible {
 407         display : none;
 408 }
 409
 410 input {
 411         border : 1px solid #a0a0a0;
 412 }
 413
 414 /* preferences */
 415
 416 table.prefFeedList tr.title td, table.prefFilterList tr.title td,
 417         table.headlinesList tr.title td, table.prefLabelList tr.title td,
 418         table.prefPrefsList tr.title td,
 419         table.prefFeedCatList tr.title td,
 420         table.prefUserList tr.title td {
 421         font-weight : bold;
 422         border-width : 0px 0px 1px 0px;
 423         border-color : #f0f0f0;
 424         border-style : solid;
 425 }
 426
 427 a.helpLink {
 428         color : #808080;
 429 }
 430
 431 a.helpLink:hover {
 432         color : #5050aa;
 433 }
 434
 435 div.helpResponse {
 436         margin : 10px;
 437         background-image : url("images/vgrad_light_rev2.png");
 438         background-position : top left;
 439         background-repeat : repeat-x;
 440         padding : 10px 20px 10px 20px;
 441         border : 1px solid #f0f0f0;
 442 }
 443
 444 #infoBox {
 445         border : 1px solid #c0c0c0;
 446         padding-bottom : 10px;
 447         font-size : small;
 448         position : relative;
 449         bottom : 2px;
 450         right : 2px;
 451         background-color : white;
 452 }
 453
 454 #infoBoxShadow {
 455         background-image : url("images/shadow.png");
 456         position : absolute;
 457         margin-left : 30%;
 458         width : 30%;
 459         z-index : 3;
 460         display : none;
 461 }
 462
 463 div.infoBoxContents {
 464         background-image : url("images/vgrad_light_rev2.png");
 465         background-position : top left;
 466         background-repeat : repeat-x;
 467         padding : 5px;
 468         margin-bottom : 5px;
 469 }
 470
 471 div.infoBoxContents td {
 472         font-size : small;
 473 }
 474
 475
 476 div.helpResponse h1, div.infoBoxContents h1 {
 477         border-width : 0px 0px 1px 0px;
 478         border-style : solid;
 479         border-color : #c0c0c0;
 480         font-size : 16pt;
 481 }
 482
 483 div.helpResponse h2, div.infoBoxContents h2 {
 484         border-width : 0px 0px 0px 0px;
 485         font-size : 12pt;
 486 }
 487
 488 pre {
 489         border : 1px solid #c0c0c0;
 490         padding : 5px;
 491         background : #f0f0f0;
 492 }
 493
 494 #userDlg {
 495         left : 400px;
 496         top : 18px;
 497         background : #fffff0;
 498         z-index : 3;
 499         position : absolute;
 500         border : 1px solid #c0c0c0;
 501         padding : 10px;
 502         display : none;
 503 }
 504
 505 #qafInput {
 506         width : 300px;
 507 }
 508
 509 input.extSearch {
 510         width : 200px;
 511 }
 512
 513 table.main td.prefsTabs {
 514         padding-left : 15px;
 515 }
 516
 517 input.prefsTab {
 518         border-width : 1px 1px 0px 1px;
 519         border-color : #c0c0c0;
 520         padding : 2px 7px 2px 7px;
 521         margin : 0px 1px 0px 0px;
 522         width : 150px;
 523         background-image : url("images/vgrad_light_rev2.png");
 524         background-position : top left;
 525         background-repeat : repeat-x;
 526         -moz-border-radius : 7px 7px 0px 0px;
 527 }
 528
 529 input.prefsTabSelected {
 530         border-width : 1px 1px 0px 1px;
 531         border-color : #c0c0c0;
 532         padding : 2px 7px 2px 7px;
 533         margin : 0px 1px 0px 0px;
 534         width : 150px;
 535         background : white;
 536         font-weight : bold;
 537         background-position : top left;
 538         background-repeat : repeat-x;
 539         -moz-border-radius : 7px 7px 0px 0px;
 540 }
 541
 542
 543 input.prefsTab:hover {
 544         background : white;
 545 }
 546
 547 div.warning {
 548         background : #fffff0;
 549         border : 1px solid #c0c0c0;
 550         padding : 5px;
 551         margin : 5px;
 552         font-size : x-small;
 553 }
 554
 555 div.notice {
 556         background : #ffffff;
 557         border : 1px solid #c0c0c0;
 558         padding : 5px;
 559         margin : 5px;
 560         font-size : x-small;
 561 }
 562
 563 ul.nomarks {
 564         list-style-type : none;
 565         margin : 0px;
 566         padding : 10px;
 567 }
 568
 569 div.bigErrorMsg {
 570         border : 1px solid #c0c0c0;
 571         background : #fff0f0;
 572         padding : 30px;
 573         margin : 20px;
 574 }
 575
 576 #splash {
 577         z-index : 3;
 578         width : 100%;
 579         height : 100%;
 580         position : absolute;
 581         text-align : center;
 582         background-image : url("images/vgrad_light_rev.png");
 583         background-color : white;
 584         background-position : top left;
 585         background-repeat : repeat-x;
 586 }
 587
 588 td.innerSplash {
 589         margin : 35px;
 590 }
 591
 592 div.prefHelp, td.prefHelp {
 593         font-size : x-small;
 594         color : gray;
 595         padding : 5px;
 596 }
 597
 598 td.welcomePrompt {
 599         font-size : small;
 600         color : gray;
 601         text-align : right;
 602         padding-right : 10px;
 603
 604 }
 605
 606 td.httpWelcomePrompt {
 607         font-size : small;
 608         color : gray;
 609         text-align : right;
 610 }
 611
 612 table.loginForm {
 613         background-image : url("images/vgrad_light_rev.png");
 614         background-color : white;
 615         background-position : top left;
 616         background-repeat : repeat-x;
 617 }
 618
 619 table.innerLoginForm {
 620         border : 1px solid #f0f0f0;
 621         padding : 50px;
 622         background-color : white;
 623 }
 624
 625 table.innerLoginForm td {
 626         padding : 3px 3px 5px 3px;
 627 }
 628
 629 div.small, p.small {
 630         font-size : x-small;
 631 }
 632
 633 span.insensitive {
 634         color : gray;
 635 }
 636
 637 div.prefGenericAddBox {
 638         margin : 5px;
 639 }
 640
 641 body.logoutBody {
 642         background-color : #f0f0f0;
 643         color : black;
 644 }
 645
 646 span.logoutWarning {
 647         color : red;
 648         font-weight : bold;
 649 }
 650
 651 div.logoutContent {
 652         width : 600px;
 653         border : 1px solid #c0c0c0;
 654         background-color : white;
 655         margin-left : auto;
 656         margin-right : auto;
 657         margin-top : 20px;
 658         padding : 10px;
 659 }
 660
 661 .small {
 662         font-size : small;
 663 }
 664
 665 table.innerFeedTable td {
 666         margin : 0px;
 667         padding : 0px;
 668 }