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 hr {
 198         border-width : 0px 0px 1px 0px;
 199         border-style : dashed;
 200         border-color : #e0e0e0;
 201 }
 202
 203 a {
 204         color : black;
 205         text-decoration : none;
 206 }
 207
 208 a:hover {
 209         color : #5050aa;
 210 }
 211
 212 #piggie {
 213         width : 400;
 214         height : 400;
 215         left : 50;
 216         background-color : white;
 217         display : none;
 218         z-index : 3;
 219         background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
 220         background-position : center center;
 221         background-repeat : no-repeat;
 222         position : absolute;
 223         border : 1px solid pink;
 224         margin-left : auto;
 225         margin-right : auto;
 226         -moz-border-radius : 10px;
 227         opacity : 0.8;
 228 }
 229
 230 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr {
 231         width : 100%;
 232         padding-left : 2px;
 233 }
 234
 235 #notify {
 236         font-weight : bold;
 237         font-size : 10pt;
 238         display : none;
 239         width : 350px;
 240         color : gray;
 241         font-size:8pt;
 242 }
 243
 244 #dispSwitch {
 245         text-align : right;
 246         padding : 5px 5px 5px 0px;
 247         font-size : x-small;
 248 }
 249
 250 #dispSwitch a {
 251         color : gray;
 252 }
 253
 254 #dispSwitch a:hover {
 255         color : #5050aa;
 256 }
 257
 258 div.expPane {
 259         margin : 15px;
 260 }
 261
 262 iframe {
 263         border : 0px solid white;
 264 }
 265
 266 iframe.feedsFrame {
 267         width : 100%;
 268         height : 87%;
 269         margin : 0px;
 270         padding : 0px;
 271 }
 272
 273 iframe.contentFrame, iframe.headlinesFrame {
 274         width : 100%;
 275         padding : 0px;
 276         margin : 0px;
 277         height : 100%;
 278 }
 279
 280 .button {
 281         border : 1px solid #d0d0d0;
 282         background-image : url("images/button.png");
 283         background-position : top;
 284         background-repeat : repeat-x;
 285         background-color : white;
 286         color : black;
 287         font-size: 8pt;
 288 }
 289
 290 .button:hover {
 291         background : white;
 292         text-decoration : none;
 293         color : black;
 294 }
 295
 296 a.button {
 297         padding : 2px 5px 2px 5px;
 298         font-size : 8pt;
 299 }
 300
 301 .evenUnreadSelected, .evenSelectedUnread {
 302         background-color : #e0e0ff;
 303         font-weight : bold;
 304 }
 305
 306 .oddUnreadSelected, .oddSelectedUnread {
 307         background-color : #e0e0ff;
 308         font-weight : bold;
 309 }
 310
 311 .evenSelected {
 312         background-color : #e0e0ff;
 313 }
 314
 315 .oddSelected {
 316         background-color : #e0e0ff;
 317 }
 318
 319 .disabledButton {
 320         border : 1px solid #c0c0c0;
 321         background-color : white;
 322         color : gray;
 323 }
 324
 325 .evenGrayed {
 326         background-color : #f0f0f0;
 327         color : #909090;
 328 }
 329
 330 .oddGrayed {
 331         color : #909090;
 332 }
 333
 334 .even {
 335         background-color : #f0f0f0;
 336 }
 337
 338 .evenUnread td,.oddUnread td,.evenSelected td,.oddSelected td,.odd td,.even td{
 339         font-size:8pt;
 340 }
 341
 342 .evenUnread {
 343         background-color : #f0f0f0;
 344         font-weight : bold;
 345 }
 346
 347 .oddUnread {
 348         font-weight : bold;
 349 }
 350
 351 .invisible {
 352         display : none;
 353 }
 354
 355 input {
 356         border : 1px solid #a0a0a0;
 357 }
 358
 359 /* preferences */
 360
 361 table.prefAddFeed td {
 362         padding : 2px;
 363 }
 364
 365 table.prefAddFeed input {
 366         width : 250px;
 367 }
 368
 369 table.prefFeedList tr.title td, table.prefFilterList tr.title td,
 370         table.headlinesList tr.title td, table.prefLabelList tr.title td {
 371         font-weight : bold;
 372         border-width : 0px 0px 1px 0px;
 373         border-color : #f0f0f0;
 374         border-style : solid;
 375         font-size:9pt;
 376 }
 377