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