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