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