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 h1 {
  10         font-size : 16pt;
  11 }
  12
  13 h2 {
  14         font-size : 14pt;
  15         font-color : bold;
  16         border-width : 0px 0px 1px 0px;
  17         border-style : solid;
  18         border-color : #e0e0e0;
  19 }
  20
  21 hr {
  22         border-width : 0px 0px 1px 0px;
  23         border-style : dashed;
  24         border-color : #e0e0e0;
  25 }
  26
  27 a {
  28         color : black;
  29         text-decoration : none;
  30 }
  31
  32 a:hover {
  33         color : #5050aa;
  34 }
  35
  36 table.feedOverview {
  37         margin : 5px;
  38         border : 1px solid #c0c0c0;
  39         background : #f0f0f0;
  40         -moz-border-radius : 5px;
  41         padding : 5px;
  42         font-size : small;
  43 }
  44
  45 table.feeds {
  46         font-size : small;
  47 }
  48
  49 table.feeds td.footer {
  50         font-weight : bold;
  51         border-width : 1px 0px 0px 0px;
  52         border-color : #d0d0d0;
  53         border-style : solid;
  54         text-align : right;
  55         font-size : small;
  56 }
  57
  58 table.headlinesList td.search {
  59         font-size : small;
  60 /*      border-width : 0px 0px 1px 0px;
  61         border-color : #d0d0d0;
  62         border-style : solid;
  63         padding-bottom : 3px; */
  64 }
  65
  66 td.headlinesToolbar {
  67         padding : 10px;
  68 }
  69
  70 td.headlinesTitle {
  71         text-align : right;
  72         font-size : large;
  73         font-weight : bold;
  74 }
  75
  76 table.headlinesList td.title, table.headlinesHeader td.title {
  77         font-weight : bold;
  78         font-size : large;
  79         border-width : 0px 0px 1px 0px;
  80         border-color : #d0d0d0;
  81         border-style : solid;
  82         text-align : right;
  83         padding-bottom : 3px;
  84 }
  85
  86 table.headlinesList td.feedLastUpdateNotice {
  87         font-size : x-small;
  88         border-width : 0px 0px 1px 0px;
  89         border-color : #d0d0d0;
  90         border-style : solid;
  91         text-align : left;
  92         padding-bottom : 3px;
  93         color : #a0a0a0;
  94 }
  95
  96 table.headlinesList td.headlineUpdated {
  97         width : 200px;
  98 }
  99
 100 input {
 101         border : 1px solid #a0a0a0;
 102 }
 103
 104 table.main td.toolbar {
 105         height : 40px;
 106         background-color : #f0f0f0;
 107         padding-right : 10px;
 108         padding-left : 10px;
 109         font-size : small;
 110 }
 111
 112 #notify {
 113         font-weight : bold;
 114         border : 1px solid #c0c0c0;
 115         font-size : small;
 116         display : none;
 117         background : white;
 118         -moz-border-radius : 5px;
 119         padding : 2px 5px 2px 5px;
 120         width : 300px;
 121 }
 122
 123 table.main td.header {
 124         font-size : 21pt;
 125         background-color : #f0f0f0;
 126         background-image : url("images/header.png");
 127         background-position : top left;
 128         background-repeat : repeat-x;
 129         height : 50px;
 130         padding-left : 80px;
 131         padding-top : 30px;
 132         font-weight : bold;
 133         color : black;
 134 }
 135
 136 table.main td.feeds {
 137         width : 250px;
 138         border-width : 1px 1px 0px 0px;
 139         border-color : #c0c0c0;
 140         border-style : solid;
 141         padding : 10px;
 142 }
 143
 144 div.headlineToolbar {
 145         border-width : 1px 0px 0px 0px;
 146         border-color : #c0c0c0;
 147         border-style : solid;
 148         padding : 10px;
 149 }
 150
 151 td.articleToolbar {
 152         border-width : 0px 0px 1px 0px;
 153         border-color : #c0c0c0;
 154         border-style : solid;
 155         padding : 10px;
 156         background : #f0f0f0;
 157 }
 158 table.main td.headlines {
 159         height : 25%;
 160         border-width : 1px 0px 0px 0px;
 161         border-color : #c0c0c0;
 162         border-style : solid;
 163 }
 164
 165 table.main td.prefContent {
 166         padding : 10px;
 167         border-width : 1px 0px 0px 0px;
 168         border-color : #c0c0c0;
 169         border-style : solid;
 170
 171 }
 172
 173 table.main td.headlinesToolbarBox {
 174         padding : 0px;
 175         height : 20px;
 176         border-width : 1px 0px 0px 0px;
 177         border-color : #c0c0c0;
 178         border-style : solid;
 179 }
 180
 181 table.main td.content {
 182         padding : 0px;
 183         border-width : 1px 0px 0px 0px;
 184         border-color : #c0c0c0;
 185         border-style : solid;
 186 }
 187
 188 td.content a {
 189         color : #5050aa;
 190         text-decoration : none;
 191 }
 192
 193 /*
 194 td.content a:hover {
 195         text-decoration : underline;
 196 } */
 197
 198 table.main td.notify {
 199         height : 40px;
 200         border-width : 1px 0px 0px 0px;
 201         border-color : #c0c0c0;
 202         border-style : solid;
 203         font-size : x-small;
 204         text-align : center;
 205         color : gray;
 206         background-color : #f0f0f0;
 207         background-image : url("images/header_rev.png");
 208         background-position : top left;
 209         background-repeat : repeat-x;
 210
 211 }
 212
 213 .evenGrayed {
 214         background-color : #f0f0f0;
 215         color : #909090;
 216 }
 217
 218 .oddGrayed {
 219         color : #909090;
 220 }
 221
 222 .even {
 223         background-color : #f0f0f0;
 224 }
 225
 226 .evenUnread {
 227         background-color : #f0f0f0;
 228         font-weight : bold;
 229 }
 230
 231 .oddUnread {
 232         font-weight : bold;
 233 }
 234
 235 .invisible {
 236         display : none;
 237 }
 238
 239 table.prefAddFeed td {
 240         padding : 2px;
 241 }
 242
 243 table.prefAddFeed input {
 244         width : 250px;
 245 }
 246
 247 /*
 248 table.prefAddFeed {
 249         border : 1px solid #c0c0c0;
 250         padding : 10px;
 251         -moz-border-radius : 5px;
 252         background-color : #f0f0f0;
 253         background-image : url("images/form.png");
 254         background-position : bottom left;
 255         background-repeat : repeat-x;
 256 } */
 257
 258 table.prefFeedList tr.title td, table.prefFilterList tr.title td,
 259         table.headlinesList tr.title td {
 260         font-weight : bold;
 261         border-width : 0px 0px 1px 0px;
 262         border-color : #f0f0f0;
 263         border-style : solid;
 264 }
 265
 266 .evenUnreadSelected, .evenSelectedUnread {
 267         background-color : #e0e0ff;
 268         font-weight : bold;
 269 }
 270
 271 .oddUnreadSelected, .oddSelectedUnread {
 272         background-color : #e0e0ff;
 273         font-weight : bold;
 274 }
 275
 276 .evenSelected {
 277         background-color : #e0e0ff;
 278 }
 279
 280 .oddSelected {
 281         background-color : #e0e0ff;
 282 }
 283
 284 a.disabledButton {
 285         font-family : tahoma, sans-serif;
 286         border : 1px solid #d0d0d0;
 287         background-color : white;
 288         color : #909090;
 289         padding : 2px 10px 2px 10px;
 290         font-size : small;
 291 }
 292
 293 a.disabledButton:hover {
 294         background : white;
 295         text-decoration : none;
 296         color : #909090;
 297 }
 298
 299 .button {
 300         font-family : tahoma, sans-serif;
 301         border : 1px solid #d0d0d0;
 302         background-image : url("images/button.png");
 303         background-position : top;
 304         background-repeat : repeat-x;
 305         background-color : white;
 306         color : black;
 307         padding : 2px 10px 2px 10px;
 308         font-size : small;
 309 }
 310
 311 .button:hover {
 312         background : white;
 313         text-decoration : none;
 314         color : black;
 315 }
 316
 317 .buttonWarn {
 318         font-family : tahoma, sans-serif;
 319         border : 1px solid #d0d0d0;
 320         background-image : url("images/button.png");
 321         background-position : top;
 322         background-repeat : repeat-x;
 323         background-color : white;
 324         color : black;
 325         padding : 2px 10px 2px 10px;
 326         font-size : small;
 327 }
 328
 329 .buttonWarn:hover {
 330         background : #fff0f0;
 331         text-decoration : none;
 332         color : black;
 333 }
 334
 335 td.headlineUpdateMark {
 336         width : 25px;
 337         text-align : center;
 338 }
 339
 340 div.errorBox {
 341         border : 1px solid #c0c0c0;
 342         padding : 20px;
 343         margin : 20px;
 344         background : #f0f0f0;
 345 }
 346
 347 tr.titleTop, tr.titleBottom {
 348         background : #f0f0f0;
 349 }
 350
 351 td.titleIcon {
 352         border-width : 0px 0px 1px 0px;
 353         border-color : #d0d0d0;
 354         border-style : solid;
 355 }
 356
 357 tr.titleTop td {
 358         padding : 5px 10px 0px 10px;
 359 }
 360
 361 tr.titleBottom td {
 362         padding : 3px 10px 5px 10px;
 363         border-width : 0px 0px 1px 0px;
 364         border-color : #d0d0d0;
 365         border-style : solid;
 366
 367 }
 368
 369 td.post {
 370         padding : 20px;
 371 }
 372
 373 #piggie {
 374         width : 400;
 375         height : 400;
 376         left : 50;
 377         background-color : white;
 378         display : none;
 379         z-index : 3;
 380         background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
 381         background-position : center center;
 382         background-repeat : no-repeat;
 383         position : absolute;
 384         border : 1px solid pink;
 385         margin-left : auto;
 386         margin-right : auto;
 387         -moz-border-radius : 10px;
 388         opacity : 0.8;
 389 }
 390
 391 img.feedIcon {
 392         margin : 3px;
 393         border : 1px solid #c0c0c0;
 394 }
 395
 396 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr {
 397         width : 100%;
 398         padding-left : 2px;
 399 }
 400
 401 div.expPane {
 402         margin : 15px;
 403 }
 404
 405 iframe.contentFrame, iframe.headlinesFrame {
 406         width : 100%;
 407         border-width : 0px;
 408         padding : 0px;
 409         margin : 0px;
 410         height : 100%;
 411 }
 412