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