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