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 : 70px;
  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-weight : 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, #iedit_updintl {
 208         width : 100%;
 209         padding-left : 2px;
 210 }
 211
 212 #notify {
 213         font-size : 10pt;
 214         text-align : right;
 215         color : gray;
 216         border-style : solid;
 217         border-width : 0px 0px 1px 1px;
 218         border-color : #c0c0c0;
 219         background-color : white;
 220         padding : 3px;
 221         width : 350px;
 222 }
 223
 224 #dispSwitch {
 225         text-align : right;
 226         padding : 5px 5px 5px 0px;
 227         font-size : x-small;
 228 }
 229
 230 #dispSwitch a {
 231         color : gray;
 232 }
 233
 234 #dispSwitch a:hover {
 235         color : #5050aa;
 236 }
 237
 238 div.expPane {
 239         margin : 15px;
 240 }
 241
 242 iframe {
 243         border : 0px solid white;
 244 }
 245
 246 iframe.feedsFrame {
 247         width : 100%;
 248         height : 90%;
 249         margin : 0px;
 250         padding : 0px;
 251 }
 252
 253 iframe.contentFrame, iframe.headlinesFrame {
 254         width : 100%;
 255         padding : 0px;
 256         margin : 0px;
 257         height : 100%;
 258 }
 259
 260 .button {
 261         border : 1px solid #d0d0d0;
 262         background-image : url("images/button.png");
 263         background-position : top;
 264         background-repeat : repeat-x;
 265         background-color : white;
 266         color : black;
 267 }
 268
 269 .button:hover {
 270         background : white;
 271         text-decoration : none;
 272         color : black;
 273 }
 274
 275 a.button {
 276         padding : 2px 5px 2px 5px;
 277         font-size : small;
 278 }
 279
 280 .evenUnreadSelected, .evenSelectedUnread {
 281         background-color : #e0e0ff;
 282         font-weight : bold;
 283 }
 284
 285 .oddUnreadSelected, .oddSelectedUnread {
 286         background-color : #e0e0ff;
 287         font-weight : bold;
 288 }
 289
 290 .evenSelected {
 291         background-color : #e0e0ff;
 292 }
 293
 294 .oddSelected {
 295         background-color : #e0e0ff;
 296 }
 297
 298 .disabledButton {
 299         border : 1px solid #c0c0c0;
 300         background-color : white;
 301         color : gray;
 302 }
 303
 304 .evenGrayed {
 305         background-color : #f0f0f0;
 306         color : #909090;
 307 }
 308
 309 .oddGrayed {
 310         color : #909090;
 311 }
 312
 313 .even {
 314         background-color : #f0f0f0;
 315 }
 316
 317 .evenUnread {
 318         background-color : #f0f0f0;
 319         font-weight : bold;
 320 }
 321
 322 .oddUnread {
 323         font-weight : bold;
 324 }
 325
 326 .invisible {
 327         display : none;
 328 }
 329
 330 input {
 331         border : 1px solid #a0a0a0;
 332 }
 333
 334 /* preferences */
 335
 336 table.prefAddFeed td {
 337         padding : 2px;
 338 }
 339
 340 table.prefAddFeed input {
 341         width : 250px;
 342 }
 343
 344 table.prefFeedList tr.title td, table.prefFilterList tr.title td,
 345         table.headlinesList tr.title td, table.prefLabelList tr.title td {
 346         font-weight : bold;
 347         border-width : 0px 0px 1px 0px;
 348         border-color : #f0f0f0;
 349         border-style : solid;
 350 }
 351