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