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