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.feedIcon {
 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 {
 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 : gray;
 262         border-style : solid;
 263         border-width : 0px 0px 1px 1px;
 264         border-color : #e0e0e0;
 265         background-color : white;
 266         padding : 3px;
 267         width : 350px;
 268 }
 269
 270 #dispSwitch {
 271         text-align : right;
 272         padding : 5px 5px 5px 0px;
 273         font-size : x-small;
 274 }
 275
 276 #dispSwitch a {
 277         color : gray;
 278 }
 279
 280 #dispSwitch a:hover {
 281         color : #5050aa;
 282 }
 283
 284 div.expPane {
 285         margin : 15px;
 286 }
 287
 288 iframe {
 289         border : 0px solid white;
 290 }
 291
 292 iframe.feedsFrame {
 293         width : 100%;
 294         height : 90%;
 295         margin : 0px;
 296         padding : 0px;
 297 }
 298
 299 iframe.contentFrame, iframe.headlinesFrame {
 300         width : 100%;
 301         padding : 0px;
 302         margin : 0px;
 303         height : 100%;
 304 }
 305
 306 .button {
 307         border : 1px solid #d0d0d0;
 308         background-image : url("images/button.png");
 309         background-position : top;
 310         background-repeat : repeat-x;
 311         background-color : white;
 312         color : black;
 313 }
 314
 315 .button:hover {
 316         background : white;
 317         text-decoration : none;
 318         color : black;
 319 }
 320
 321 a.button {
 322         padding : 2px 5px 2px 5px;
 323         font-size : small;
 324 }
 325
 326 .evenUnreadSelected, .evenSelectedUnread, {
 327         background-color : #e0e0ff;
 328         font-weight : bold;
 329 }
 330
 331 .oddUnreadSelected, .oddSelectedUnread, .feedSelectedUnread,  {
 332         background-color : #e0e0ff;
 333         font-weight : bold;
 334 }
 335
 336 .evenSelected {
 337         background-color : #e0e0ff;
 338 }
 339
 340 .oddSelected {
 341         background-color : #e0e0ff;
 342 }
 343
 344 .feedUnreadSelected, .feedSelectedUnread,
 345 .virtUnreadSelected, .virtSelectedUnread,
 346 .labelUnreadSelected, .labelSelectedUnread {
 347         background-color : #e0e0ff;
 348         font-weight : bold;
 349 }
 350
 351 .feedUnread, .labelUnread, .virtUnread {
 352         font-weight : bold;
 353 }
 354
 355 .disabledButton {
 356         border : 1px solid #c0c0c0;
 357         background-color : white;
 358         color : gray;
 359 }
 360
 361 .evenGrayed {
 362         background-color : #f0f0f0;
 363         color : #909090;
 364 }
 365
 366 .oddGrayed {
 367         color : #909090;
 368 }
 369
 370 .even {
 371         background-color : #f0f0f0;
 372 }
 373
 374 .evenUnread {
 375         background-color : #f0f0f0;
 376         font-weight : bold;
 377 }
 378
 379 .oddUnread {
 380         font-weight : bold;
 381 }
 382
 383 .invisible {
 384         display : none;
 385 }
 386
 387 input {
 388         border : 1px solid #a0a0a0;
 389 }
 390
 391 /* preferences */
 392
 393 table.prefAddFeed td {
 394         padding : 2px;
 395 }
 396
 397 table.prefAddFeed input {
 398         width : 250px;
 399 }
 400
 401 table.prefFeedList tr.title td, table.prefFilterList tr.title td,
 402         table.headlinesList tr.title td, table.prefLabelList tr.title td,
 403         table.prefPrefsList tr.title td {
 404         font-weight : bold;
 405         border-width : 0px 0px 1px 0px;
 406         border-color : #f0f0f0;
 407         border-style : solid;
 408 }
 409
 410 a.helpLink {
 411         color : #808080;
 412 }
 413
 414 a.helpLink:hover {
 415         color : #5050aa;
 416 }
 417
 418 div.helpResponse {
 419         margin : 10px;
 420         background-image : url("images/vgrad_light_rev2.png");
 421         background-position : top left;
 422         background-repeat : repeat-x;
 423         padding : 10px 20px 10px 20px;
 424         border : 1px solid #f0f0f0;
 425 }
 426
 427 div.userDetails {
 428         background-image : url("images/vgrad_light_rev2.png");
 429         background-position : top left;
 430         background-repeat : repeat-x;
 431         padding : 5px;
 432         margin-bottom : 10px;
 433         border : 1px solid #f0f0f0;
 434 }
 435
 436 div.helpResponse h1, div.userDetails h1 {
 437         border-width : 0px 0px 1px 0px;
 438         border-style : solid;
 439         border-color : #c0c0c0;
 440         font-size : 16pt;
 441 }
 442
 443 div.helpResponse h2, div.userDetails h2 {
 444         border-width : 0px 0px 0px 0px;
 445         font-size : 12pt;
 446 }
 447
 448 pre {
 449         border : 1px solid #c0c0c0;
 450         padding : 5px;
 451         background : #f0f0f0;
 452 }
 453
 454 #userDlg {
 455         left : 400px;
 456         top : 18px;
 457         background : #fffff0;
 458         z-index : 3;
 459         position : absolute;
 460         border : 1px solid #c0c0c0;
 461         padding : 10px;
 462         display : none;
 463 }
 464
 465 #qafInput {
 466         width : 300px;
 467 }
 468
 469 input.extSearch {
 470         width : 200px;
 471 }
 472
 473 table.main td.prefsTabs {
 474         padding-left : 15px;
 475 }
 476
 477 input.prefsTab {
 478         border-width : 1px 1px 0px 1px;
 479         border-color : #c0c0c0;
 480         padding : 2px 7px 2px 7px;
 481         margin : 0px 1px 0px 0px;
 482         width : 150px;
 483         background-image : url("images/vgrad_light_rev2.png");
 484         background-position : top left;
 485         background-repeat : repeat-x;
 486         -moz-border-radius : 7px 7px 0px 0px;
 487 }
 488
 489 input.prefsTabSelected {
 490         border-width : 1px 1px 0px 1px;
 491         border-color : #c0c0c0;
 492         padding : 2px 7px 2px 7px;
 493         margin : 0px 1px 0px 0px;
 494         width : 150px;
 495         background : white;
 496         font-weight : bold;
 497         background-position : top left;
 498         background-repeat : repeat-x;
 499         -moz-border-radius : 7px 7px 0px 0px;
 500 }
 501
 502
 503 input.prefsTab:hover {
 504         background : white;
 505 }
 506
 507 div.warning {
 508         background : #fffff0;
 509         border : 1px solid #c0c0c0;
 510         padding : 5px;
 511         margin : 5px;
 512         font-size : x-small;
 513 }
 514
 515 div.notice {
 516         background : #ffffff;
 517         border : 1px solid #c0c0c0;
 518         padding : 5px;
 519         margin : 5px;
 520         font-size : x-small;
 521 }
 522
 523 ul.nomarks {
 524         list-style-type : none;
 525         margin : 0px;
 526         padding : 10px;
 527 }
 528
 529 div.bigErrorMsg {
 530         border : 1px solid #c0c0c0;
 531         background : #fff0f0;
 532         padding : 30px;
 533         margin : 20px;
 534 }
 535
 536 #splash {
 537         z-index : 3;
 538         width : 100%;
 539         height : 100%;
 540         position : absolute;
 541         text-align : center;
 542         background-image : url("images/vgrad_light_rev.png");
 543         background-color : white;
 544         background-position : top left;
 545         background-repeat : repeat-x;
 546 }
 547
 548 td.innerSplash {
 549         margin : 35px;
 550 }
 551
 552 div.prefHelp, td.prefHelp {
 553         font-size : x-small;
 554         color : gray;
 555         padding : 5px;
 556 }
 557
 558 td.welcomePrompt {
 559         font-size : small;
 560         color : gray;
 561         text-align : right;
 562         padding-right : 10px;
 563
 564 }
 565
 566 table.loginForm {
 567         background-image : url("images/vgrad_light_rev.png");
 568         background-color : white;
 569         background-position : top left;
 570         background-repeat : repeat-x;
 571 }
 572
 573 table.innerLoginForm {
 574         border : 1px solid #f0f0f0;
 575         padding : 50px;
 576         background-color : white;
 577 }
 578
 579 table.innerLoginForm td {
 580         padding : 3px 3px 5px 3px;
 581 }
 582
 583 #prefUserDetails {
 584         position : absolute;
 585         margin-left : 30%;
 586         background-color : white;
 587         width : 30%;
 588         z-index : 3;
 589         border : 1px solid #c0c0c0;
 590         display : none;
 591         padding-bottom : 10px;
 592 }