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