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 : 0px;
 138         padding : 10px;
 139 }
 140
 141 ul.feedList li {
 142         margin : 2px;
 143 }
 144
 145 li.oddSelected, li.evenSelected {
 146         background-color : white;
 147 }
 148
 149 li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread,
 150         li.oddSelectedUnread {
 151         background-color : white;
 152         font-weight : bold;
 153 }
 154
 155 li.oddSelected a, li.evenSelected a,
 156         li.oddUnreadSelected a, li.evenUnreadSelected a {
 157         color : #5050aa;
 158 }
 159
 160 ul.feedlist
 161         li.virtSelected,
 162         li.virtUnreadSelected,
 163         li.virtSelectedUnread,
 164         li.feedSelected,
 165         li.labelSelected,
 166         li.feedUnreadSelected,
 167         li.labelUnreadSelected,
 168         li.feedSelectedUnread,
 169         li.labelSelectedUnread {
 170         background-color : white;
 171 }
 172
 173 ul.feedlist
 174         li.feedSelected a,
 175         li.labelSelected a,
 176         li.feedUnreadSelected a,
 177         li.labelUnreadSelected a,
 178         li.virtSelected a,
 179         li.virtUnreadSelected a,
 180         li.virtSelectedUnread a {
 181         color : #5050aa;
 182 }
 183
 184 ul.feedList li.feed {
 185         display : block;
 186 }
 187
 188 ul.feedList img, img.tinyFeedIcon {
 189         margin : 0px 3px 0px 0px;
 190         width : 16px;
 191         height : 16px;
 192 }
 193
 194 h1 {
 195         font-size : 16pt;
 196 }
 197
 198 h2 {
 199         font-size : 14pt;
 200         font-weight : bold;
 201         border-width : 0px 0px 1px 0px;
 202         border-style : solid;
 203         border-color : #e0e0e0;
 204 }
 205
 206 h3 {
 207         font-size : 12pt;
 208         font-weight : bold;
 209         border-width : 0px 0px 1px 0px;
 210         border-style : solid;
 211         border-color : #e0e0e0;
 212 }
 213
 214 hr {
 215         border-width : 0px 0px 1px 0px;
 216         border-style : dashed;
 217         border-color : #e0e0e0;
 218 }
 219
 220 a {
 221         color : black;
 222         text-decoration : none;
 223 }
 224
 225 a:hover {
 226         color : #5050aa;
 227 }
 228
 229 #piggie {
 230         width : 400;
 231         height : 400;
 232         left : 50;
 233         background-color : white;
 234         display : none;
 235         z-index : 3;
 236         background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
 237         background-position : center center;
 238         background-repeat : no-repeat;
 239         position : absolute;
 240         border : 1px solid pink;
 241         margin-left : auto;
 242         margin-right : auto;
 243         -moz-border-radius : 10px;
 244         opacity : 0.8;
 245 }
 246
 247 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
 248 #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed {
 249         width : 100%;
 250         padding-left : 2px;
 251 }
 252
 253 input.editbox {
 254         width : 200px;
 255         padding-left : 2px;
 256 }
 257
 258 #notify {
 259         font-size : 10pt;
 260         text-align : right;
 261         color : black;
 262         font-weight : bold;
 263         border-style : solid;
 264         border-width : 0px 0px 1px 1px;
 265         border-color : #e0e0e0;
 266         background-color : white;
 267         padding : 3px;
 268         width : 350px;
 269 }
 270
 271 #dispSwitch {
 272         text-align : right;
 273         padding : 5px 5px 5px 0px;
 274         font-size : x-small;
 275 }
 276
 277 #dispSwitch a {
 278         color : gray;
 279 }
 280
 281 #dispSwitch a:hover {
 282         color : #5050aa;
 283 }
 284
 285 div.expPane {
 286         margin : 15px;
 287 }
 288
 289 iframe {
 290         border : 0px solid white;
 291 }
 292
 293 iframe.feedsFrame {
 294         width : 100%;
 295         height : 90%;
 296         margin : 0px;
 297         padding : 0px;
 298 }
 299
 300 iframe.contentFrame, iframe.headlinesFrame {
 301         width : 100%;
 302         padding : 0px;
 303         margin : 0px;
 304         height : 100%;
 305 }
 306
 307 .button {
 308         border : 1px solid #d0d0d0;
 309         background-image : url("images/button.png");
 310         background-position : top;
 311         background-repeat : repeat-x;
 312         background-color : white;
 313         color : black;
 314 }
 315
 316 .button:hover {
 317         background : white;
 318         text-decoration : none;
 319         color : black;
 320 }
 321
 322 a.button {
 323         padding : 2px 5px 2px 5px;
 324         font-size : small;
 325 }
 326
 327 .evenUnreadSelected, .evenSelectedUnread, {
 328         background-color : #e0e0ff;
 329         font-weight : bold;
 330 }
 331
 332 .oddUnreadSelected, .oddSelectedUnread, .feedSelectedUnread,  {
 333         background-color : #e0e0ff;
 334         font-weight : bold;
 335 }
 336
 337 .evenSelected {
 338         background-color : #e0e0ff;
 339 }
 340
 341 .oddSelected {
 342         background-color : #e0e0ff;
 343 }
 344
 345 .feedUnreadSelected, .feedSelectedUnread,
 346 .virtUnreadSelected, .virtSelectedUnread,
 347 .labelUnreadSelected, .labelSelectedUnread {
 348         background-color : #e0e0ff;
 349         font-weight : bold;
 350 }
 351
 352 .feedUnread, .labelUnread, .virtUnread {
 353         font-weight : bold;
 354 }
 355
 356 .disabledButton {
 357         border : 1px solid #c0c0c0;
 358         background-color : white;
 359         color : gray;
 360 }
 361
 362 .evenGrayed {
 363         background-color : #f0f0f0;
 364         color : #909090;
 365 }
 366
 367 .oddGrayed {
 368         color : #909090;
 369 }
 370
 371 .even {
 372         background-color : #f0f0f0;
 373 }
 374
 375 .evenUnread {
 376         background-color : #f0f0f0;
 377         font-weight : bold;
 378 }
 379
 380 .oddUnread {
 381         font-weight : bold;
 382 }
 383
 384 .invisible {
 385         display : none;
 386 }
 387
 388 input {
 389         border : 1px solid #a0a0a0;
 390 }
 391
 392 /* preferences */
 393
 394 table.prefAddFeed td {
 395         padding : 2px;
 396 }
 397
 398 table.prefAddFeed input {
 399         width : 250px;
 400 }
 401
 402 table.prefFeedList tr.title td, table.prefFilterList tr.title td,
 403         table.headlinesList tr.title td, table.prefLabelList tr.title td,
 404         table.prefPrefsList tr.title td {
 405         font-weight : bold;
 406         border-width : 0px 0px 1px 0px;
 407         border-color : #f0f0f0;
 408         border-style : solid;
 409 }
 410
 411 a.helpLink {
 412         color : #808080;
 413 }
 414
 415 a.helpLink:hover {
 416         color : #5050aa;
 417 }
 418
 419 div.helpResponse {
 420         margin : 10px;
 421         background-image : url("images/vgrad_light_rev2.png");
 422         background-position : top left;
 423         background-repeat : repeat-x;
 424         padding : 10px 20px 10px 20px;
 425         border : 1px solid #f0f0f0;
 426 }
 427
 428 #infoBox {
 429         border : 1px solid #c0c0c0;
 430         padding-bottom : 10px;
 431         font-size : small;
 432         position : relative;
 433         bottom : 2px;
 434         right : 2px;
 435         background-color : white;
 436 }
 437
 438 #infoBoxShadow {
 439         background-image : url("images/shadow.png");
 440         position : absolute;
 441         margin-left : 30%;
 442         width : 30%;
 443         z-index : 3;
 444         display : none;
 445 }
 446
 447 div.infoBoxContents {
 448         background-image : url("images/vgrad_light_rev2.png");
 449         background-position : top left;
 450         background-repeat : repeat-x;
 451         padding : 5px;
 452         margin-bottom : 5px;
 453 }
 454
 455 div.infoBoxContents td {
 456         font-size : small;
 457 }
 458
 459
 460 div.helpResponse h1, div.infoBoxContents h1 {
 461         border-width : 0px 0px 1px 0px;
 462         border-style : solid;
 463         border-color : #c0c0c0;
 464         font-size : 16pt;
 465 }
 466
 467 div.helpResponse h2, div.infoBoxContents h2 {
 468         border-width : 0px 0px 0px 0px;
 469         font-size : 12pt;
 470 }
 471
 472 pre {
 473         border : 1px solid #c0c0c0;
 474         padding : 5px;
 475         background : #f0f0f0;
 476 }
 477
 478 #userDlg {
 479         left : 400px;
 480         top : 18px;
 481         background : #fffff0;
 482         z-index : 3;
 483         position : absolute;
 484         border : 1px solid #c0c0c0;
 485         padding : 10px;
 486         display : none;
 487 }
 488
 489 #qafInput {
 490         width : 300px;
 491 }
 492
 493 input.extSearch {
 494         width : 200px;
 495 }
 496
 497 table.main td.prefsTabs {
 498         padding-left : 15px;
 499 }
 500
 501 input.prefsTab {
 502         border-width : 1px 1px 0px 1px;
 503         border-color : #c0c0c0;
 504         padding : 2px 7px 2px 7px;
 505         margin : 0px 1px 0px 0px;
 506         width : 150px;
 507         background-image : url("images/vgrad_light_rev2.png");
 508         background-position : top left;
 509         background-repeat : repeat-x;
 510         -moz-border-radius : 7px 7px 0px 0px;
 511 }
 512
 513 input.prefsTabSelected {
 514         border-width : 1px 1px 0px 1px;
 515         border-color : #c0c0c0;
 516         padding : 2px 7px 2px 7px;
 517         margin : 0px 1px 0px 0px;
 518         width : 150px;
 519         background : white;
 520         font-weight : bold;
 521         background-position : top left;
 522         background-repeat : repeat-x;
 523         -moz-border-radius : 7px 7px 0px 0px;
 524 }
 525
 526
 527 input.prefsTab:hover {
 528         background : white;
 529 }
 530
 531 div.warning {
 532         background : #fffff0;
 533         border : 1px solid #c0c0c0;
 534         padding : 5px;
 535         margin : 5px;
 536         font-size : x-small;
 537 }
 538
 539 div.notice {
 540         background : #ffffff;
 541         border : 1px solid #c0c0c0;
 542         padding : 5px;
 543         margin : 5px;
 544         font-size : x-small;
 545 }
 546
 547 ul.nomarks {
 548         list-style-type : none;
 549         margin : 0px;
 550         padding : 10px;
 551 }
 552
 553 div.bigErrorMsg {
 554         border : 1px solid #c0c0c0;
 555         background : #fff0f0;
 556         padding : 30px;
 557         margin : 20px;
 558 }
 559
 560 #splash {
 561         z-index : 3;
 562         width : 100%;
 563         height : 100%;
 564         position : absolute;
 565         text-align : center;
 566         background-image : url("images/vgrad_light_rev.png");
 567         background-color : white;
 568         background-position : top left;
 569         background-repeat : repeat-x;
 570 }
 571
 572 td.innerSplash {
 573         margin : 35px;
 574 }
 575
 576 div.prefHelp, td.prefHelp {
 577         font-size : x-small;
 578         color : gray;
 579         padding : 5px;
 580 }
 581
 582 td.welcomePrompt {
 583         font-size : small;
 584         color : gray;
 585         text-align : right;
 586         padding-right : 10px;
 587
 588 }
 589
 590 td.httpWelcomePrompt {
 591         font-size : small;
 592         color : gray;
 593         text-align : right;
 594 }
 595
 596 table.loginForm {
 597         background-image : url("images/vgrad_light_rev.png");
 598         background-color : white;
 599         background-position : top left;
 600         background-repeat : repeat-x;
 601 }
 602
 603 table.innerLoginForm {
 604         border : 1px solid #f0f0f0;
 605         padding : 50px;
 606         background-color : white;
 607 }
 608
 609 table.innerLoginForm td {
 610         padding : 3px 3px 5px 3px;
 611 }
 612
 613 div.small, p.small {
 614         font-size : x-small;
 615 }
 616
 617 span.insensitive {
 618         color : gray;
 619 }