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