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