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