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.prefFeedList tr.title td, table.prefFilterList tr.title td,
 395         table.headlinesList tr.title td, table.prefLabelList tr.title td,
 396         table.prefPrefsList tr.title td {
 397         font-weight : bold;
 398         border-width : 0px 0px 1px 0px;
 399         border-color : #f0f0f0;
 400         border-style : solid;
 401 }
 402
 403 a.helpLink {
 404         color : #808080;
 405 }
 406
 407 a.helpLink:hover {
 408         color : #5050aa;
 409 }
 410
 411 div.helpResponse {
 412         margin : 10px;
 413         background-image : url("images/vgrad_light_rev2.png");
 414         background-position : top left;
 415         background-repeat : repeat-x;
 416         padding : 10px 20px 10px 20px;
 417         border : 1px solid #f0f0f0;
 418 }
 419
 420 #infoBox {
 421         border : 1px solid #c0c0c0;
 422         padding-bottom : 10px;
 423         font-size : small;
 424         position : relative;
 425         bottom : 2px;
 426         right : 2px;
 427         background-color : white;
 428 }
 429
 430 #infoBoxShadow {
 431         background-image : url("images/shadow.png");
 432         position : absolute;
 433         margin-left : 30%;
 434         width : 30%;
 435         z-index : 3;
 436         display : none;
 437 }
 438
 439 div.infoBoxContents {
 440         background-image : url("images/vgrad_light_rev2.png");
 441         background-position : top left;
 442         background-repeat : repeat-x;
 443         padding : 5px;
 444         margin-bottom : 5px;
 445 }
 446
 447 div.infoBoxContents td {
 448         font-size : small;
 449 }
 450
 451
 452 div.helpResponse h1, div.infoBoxContents h1 {
 453         border-width : 0px 0px 1px 0px;
 454         border-style : solid;
 455         border-color : #c0c0c0;
 456         font-size : 16pt;
 457 }
 458
 459 div.helpResponse h2, div.infoBoxContents h2 {
 460         border-width : 0px 0px 0px 0px;
 461         font-size : 12pt;
 462 }
 463
 464 pre {
 465         border : 1px solid #c0c0c0;
 466         padding : 5px;
 467         background : #f0f0f0;
 468 }
 469
 470 #userDlg {
 471         left : 400px;
 472         top : 18px;
 473         background : #fffff0;
 474         z-index : 3;
 475         position : absolute;
 476         border : 1px solid #c0c0c0;
 477         padding : 10px;
 478         display : none;
 479 }
 480
 481 #qafInput {
 482         width : 300px;
 483 }
 484
 485 input.extSearch {
 486         width : 200px;
 487 }
 488
 489 table.main td.prefsTabs {
 490         padding-left : 15px;
 491 }
 492
 493 input.prefsTab {
 494         border-width : 1px 1px 0px 1px;
 495         border-color : #c0c0c0;
 496         padding : 2px 7px 2px 7px;
 497         margin : 0px 1px 0px 0px;
 498         width : 150px;
 499         background-image : url("images/vgrad_light_rev2.png");
 500         background-position : top left;
 501         background-repeat : repeat-x;
 502         -moz-border-radius : 7px 7px 0px 0px;
 503 }
 504
 505 input.prefsTabSelected {
 506         border-width : 1px 1px 0px 1px;
 507         border-color : #c0c0c0;
 508         padding : 2px 7px 2px 7px;
 509         margin : 0px 1px 0px 0px;
 510         width : 150px;
 511         background : white;
 512         font-weight : bold;
 513         background-position : top left;
 514         background-repeat : repeat-x;
 515         -moz-border-radius : 7px 7px 0px 0px;
 516 }
 517
 518
 519 input.prefsTab:hover {
 520         background : white;
 521 }
 522
 523 div.warning {
 524         background : #fffff0;
 525         border : 1px solid #c0c0c0;
 526         padding : 5px;
 527         margin : 5px;
 528         font-size : x-small;
 529 }
 530
 531 div.notice {
 532         background : #ffffff;
 533         border : 1px solid #c0c0c0;
 534         padding : 5px;
 535         margin : 5px;
 536         font-size : x-small;
 537 }
 538
 539 ul.nomarks {
 540         list-style-type : none;
 541         margin : 0px;
 542         padding : 10px;
 543 }
 544
 545 div.bigErrorMsg {
 546         border : 1px solid #c0c0c0;
 547         background : #fff0f0;
 548         padding : 30px;
 549         margin : 20px;
 550 }
 551
 552 #splash {
 553         z-index : 3;
 554         width : 100%;
 555         height : 100%;
 556         position : absolute;
 557         text-align : center;
 558         background-image : url("images/vgrad_light_rev.png");
 559         background-color : white;
 560         background-position : top left;
 561         background-repeat : repeat-x;
 562 }
 563
 564 td.innerSplash {
 565         margin : 35px;
 566 }
 567
 568 div.prefHelp, td.prefHelp {
 569         font-size : x-small;
 570         color : gray;
 571         padding : 5px;
 572 }
 573
 574 td.welcomePrompt {
 575         font-size : small;
 576         color : gray;
 577         text-align : right;
 578         padding-right : 10px;
 579
 580 }
 581
 582 td.httpWelcomePrompt {
 583         font-size : small;
 584         color : gray;
 585         text-align : right;
 586 }
 587
 588 table.loginForm {
 589         background-image : url("images/vgrad_light_rev.png");
 590         background-color : white;
 591         background-position : top left;
 592         background-repeat : repeat-x;
 593 }
 594
 595 table.innerLoginForm {
 596         border : 1px solid #f0f0f0;
 597         padding : 50px;
 598         background-color : white;
 599 }
 600
 601 table.innerLoginForm td {
 602         padding : 3px 3px 5px 3px;
 603 }
 604
 605 div.small, p.small {
 606         font-size : x-small;
 607 }
 608
 609 span.insensitive {
 610         color : gray;
 611 }