tt-rss_compact.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.header {
  12         padding : 5px 5px 5px 5px;
  13         height : 20px;
  14         font-size : 10pt;
  15         font-weight : bold;
  16         background-image : url("images/vgrad_light_rev2.png");
  17         background-position : top left;
  18         background-repeat : repeat-x;
  19 }
  20
  21 table.main td.mainToolbar {
  22         border-width : 0px 0px 0px 0px;
  23         border-style : solid;
  24         border-color : #c0c0c0;
  25         padding : 3px 25px 3px 10px;
  26 }
  27
  28 table.main td.prefsToolbar {
  29         border-width : 0px 0px 0px 0px;
  30         border-style : solid;
  31         border-color : #c0c0c0;
  32         padding : 3px 25px 15px 10px;
  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         font-size:9pt;
  43 }
  44
  45 table.main td.headlinesToolbarBox td,table.main td.headlinesToolbarBox td input ,table.main td.headlinesToolbarBox td select {
  46 font-size:8pt;
  47 }
  48
  49 table.main td.headlinesToolbarBox {
  50         padding : 0px;
  51         border-width : 0px 0px 1px 1px;
  52         border-style : solid;
  53         border-color : #c0c0c0;
  54         background-image : url("images/vgrad_light.png");
  55         background-position : bottom left;
  56         background-repeat : repeat-x;
  57         font-size:8pt;
  58 }
  59
  60 table.main td.footer {
  61         border-width : 1px 0px 0px 0px;
  62         border-style : solid;
  63         border-color : #c0c0c0;
  64         padding : 10px;
  65         text-align : center;
  66         font-size : 8pt;
  67         background-image : url("images/vgrad_light_rev2.png");
  68         background-position : top left;
  69         background-repeat : repeat-x;
  70         color : gray;
  71 }
  72
  73 table.main td.footer {
  74         height:10px;
  75         font-size:6pt;
  76                 }
  77
  78 table.main td.footer a {
  79         color : gray;
  80 }
  81
  82 table.main td.footer a:hover {
  83         color : #5050aa;
  84 }
  85
  86 table.main td.headlines {
  87         height : 20%;
  88         border-width : 0px 0px 1px 1px;
  89         border-style : solid;
  90         border-color : #c0c0c0;
  91         font-size:8pt;
  92 }
  93
  94 table.main td.content {
  95         height : 100%;
  96         background-image : url("images/vgrad_light_rev.png");
  97         background-position : top left;
  98         background-repeat : repeat-x;
  99         border-width : 0px 0px 0px 1px;
 100         border-style : solid;
 101         border-color : #c0c0c0;
 102         font-size:9pt;
 103 }
 104
 105 table.main td.prefContent {
 106         height : 100%;
 107         background-image : url("images/vgrad_light_rev.png");
 108         background-position : top left;
 109         background-repeat : repeat-x;
 110         border-width : 1px 0px 0px 0px;
 111         border-style : solid;
 112         border-color : #c0c0c0;
 113         padding : 20px;
 114 }
 115
 116 div.postReply {
 117         background-image : url("images/vgrad_light_rev.png");
 118         background-position : top left;
 119         background-repeat : repeat-x;
 120         height : 100%;
 121         padding : 10px;
 122 }
 123
 124 div.postReply a {
 125         color : #5050aa;
 126 }
 127
 128 div.postReply a:hover {
 129         color : black;
 130 }
 131
 132 div.postReply div.postHeader {
 133         background : white;
 134         border : 1px solid #c0c0c0;
 135         padding : 5px;
 136         font-size:9pt;
 137
 138 }
 139
 140 div.postContent,div.postReply table td,div.postHeader table td {
 141 font-size:9pt;
 142 }
 143
 144 div.postReply div.postContent {
 145         padding : 10px;
 146         font-size:9pt;
 147 }
 148
 149 div.postReply div.postIcon {
 150         float : right;
 151         border : 0px;
 152         margin : 10px 0px 10px 10px;
 153 }
 154
 155 ul.feedList {
 156         list-style-type : none;
 157         margin : 0px;
 158         padding : 10px;
 159         font-size: 10px;
 160 }
 161
 162 ul.feedList li {
 163         margin : 2px;
 164 }
 165
 166 ul.feedList li.oddSelected, ul.feedList li.evenSelected,
 167         li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread,
 168         li.oddSelectedUnread {
 169         background-color : white;
 170         font-size:9pt;
 171 }
 172
 173 li.oddSelected a, li.evenSelected a,
 174         li.oddUnreadSelected a, li.evenUnreadSelected a {
 175         color : #5050aa;
 176         font-size:8pt;
 177 }
 178
 179 ul.feedList li.even, li.odd {
 180         display : block;
 181 }
 182
 183 ul.feedList img {
 184         margin : 0px 3px 0px 0px;
 185         width : 16px;
 186         height : 16px;
 187 }
 188
 189 h1 {
 190         font-size : 12pt;
 191 }
 192
 193 h2 {
 194         font-size : 10pt;
 195         font-color : bold;
 196         border-width : 0px 0px 1px 0px;
 197         border-style : solid;
 198         border-color : #e0e0e0;
 199 }
 200
 201 h3 {
 202         font-size : 12pt;
 203         font-weight : bold;
 204         border-width : 0px 0px 1px 0px;
 205         border-style : solid;
 206         border-color : #e0e0e0;
 207 }
 208
 209 hr {
 210         border-width : 0px 0px 1px 0px;
 211         border-style : dashed;
 212         border-color : #e0e0e0;
 213 }
 214
 215 a {
 216         color : black;
 217         text-decoration : none;
 218 }
 219
 220 a:hover {
 221         color : #5050aa;
 222 }
 223
 224 #piggie {
 225         width : 400;
 226         height : 400;
 227         left : 50;
 228         background-color : white;
 229         display : none;
 230         z-index : 3;
 231         background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
 232         background-position : center center;
 233         background-repeat : no-repeat;
 234         position : absolute;
 235         border : 1px solid pink;
 236         margin-left : auto;
 237         margin-right : auto;
 238         -moz-border-radius : 10px;
 239         opacity : 0.8;
 240 }
 241
 242 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr {
 243         width : 100%;
 244         padding-left : 2px;
 245 }
 246
 247 #notify {
 248         font-size : 10pt;
 249         text-align : right;
 250         color : gray;
 251         border-style : solid;
 252         border-width : 0px 0px 1px 1px;
 253         border-color : #e0e0e0;
 254         background-color : white;
 255         padding : 3px;
 256         width : 350px;
 257 }
 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 : 87%;
 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         font-size: 8pt;
 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 : 8pt;
 315 }
 316
 317 .evenUnreadSelected, .evenSelectedUnread {
 318         background-color : #e0e0ff;
 319         font-weight : bold;
 320 }
 321
 322 .oddUnreadSelected, .oddSelectedUnread {
 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
 347 .disabledButton {
 348         border : 1px solid #c0c0c0;
 349         background-color : white;
 350         color : gray;
 351 }
 352
 353 .evenGrayed {
 354         background-color : #f0f0f0;
 355         color : #909090;
 356 }
 357
 358 .oddGrayed {
 359         color : #909090;
 360 }
 361
 362 .even {
 363         background-color : #f0f0f0;
 364 }
 365
 366 .evenUnread td,.oddUnread td,.evenSelected td,.oddSelected td,.odd td,.even td{
 367         font-size:8pt;
 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         font-weight : bold;
 400         border-width : 0px 0px 1px 0px;
 401         border-color : #f0f0f0;
 402         border-style : solid;
 403         font-size:9pt;
 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 ul.nomarks {
 502         list-style-type : none;
 503         margin : 0px;
 504         padding : 10px;
 505 }
 506