]> git.wh0rd.org Git - tt-rss.git/blob - tt-rss.css
code cleanups, show selected feed in feedlist, tell magpie to use UTF-8
[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 td.headlineToolbar {
46         padding-top : 10px;
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 table.headlinesList td.title {
67         font-weight : bold;
68         font-size : large;
69         border-width : 0px 0px 1px 0px;
70         border-color : #d0d0d0;
71         border-style : solid;
72         text-align : right;
73         padding-bottom : 3px;
74 }
75
76 table.headlinesList td.feedLastUpdateNotice {
77         font-size : x-small;
78         border-width : 0px 0px 1px 0px;
79         border-color : #d0d0d0;
80         border-style : solid;
81         text-align : left;
82         padding-bottom : 3px;
83         color : #a0a0a0;
84 }
85
86 table.headlinesList td.headlineUpdated {
87         width : 200px;
88 }
89
90 input {
91         border : 1px solid #a0a0a0;
92 }
93
94 table.main td.toolbar {
95         height : 40px;
96         background-color : #f0f0f0;
97         /* background-image : url("shadow_top.png");
98         background-position : bottom left;
99         background-repeat : repeat-x; */
100         padding-right : 10px;
101         padding-left : 10px;
102         font-size : small;
103 }
104
105 #notify {
106         font-weight : bold;
107         border : 1px solid #c0c0c0;
108         font-size : small;
109         display : none;
110         background : white;
111         -moz-border-radius : 5px;
112         padding : 3px 10px 3px 10px;
113         width : 300px;
114 }
115
116 table.main td.header {
117         font-size : 21pt;
118         background-color : #f0f0f0;
119         background-image : url("images/header.png");
120         background-position : top left;
121         background-repeat : repeat-x;
122         height : 50px;
123         padding-left : 80px;
124         padding-top : 30px;
125         font-weight : bold;
126         color : black;
127 }
128
129 table.main td.feeds {
130         width : 250px;
131         border-width : 1px 1px 0px 0px;
132         border-color : #c0c0c0;
133         border-style : solid;
134         padding : 10px;
135 }
136
137 table.main td.headlines {
138         height : 25%;
139         padding : 10px;
140         border-width : 1px 0px 0px 0px;
141         border-color : #c0c0c0;
142         border-style : solid;
143         overflow : scroll;
144 }
145
146 table.main td.prefContent {
147         padding : 10px;
148         border-width : 1px 0px 0px 0px;
149         border-color : #c0c0c0;
150         border-style : solid;
151
152 }
153
154 table.main td.content {
155         padding : 0px;
156         border-width : 1px 0px 0px 0px;
157         border-color : #c0c0c0;
158         border-style : solid;
159 }
160
161 td.content a {
162         color : #5050aa;
163         text-decoration : none;
164 }
165
166 /*
167 td.content a:hover {
168         text-decoration : underline;
169 } */
170
171 table.main td.notify {
172         height : 40px;
173         border-width : 1px 0px 0px 0px;
174         border-color : #c0c0c0;
175         border-style : solid;
176         font-size : x-small;
177         text-align : center;
178         color : gray;
179         background-color : #f0f0f0;
180         background-image : url("images/header_rev.png");
181         background-position : top left;
182         background-repeat : repeat-x;
183
184 }
185
186 .even {
187         background-color : #f0f0f0;
188 }
189
190 .evenUnread {
191         background-color : #f0f0f0;
192         font-weight : bold;
193 }
194
195 .oddUnread {
196         font-weight : bold;
197 }
198
199 li {
200         list-style-type : none;
201
202 }
203
204 ul {
205         margin : 0px;
206         padding : 0px;
207         border : 1px solid #f0f0f0;
208 }
209
210 .invisible {
211         display : none;
212 }
213
214 table.prefAddFeed td {
215         padding : 2px;
216 }
217
218 table.prefAddFeed input {
219         width : 250px;
220 }
221
222 table.prefAddFeed {
223         border : 1px solid #c0c0c0;
224         padding : 10px;
225         -moz-border-radius : 5px;
226         background-color : #f0f0f0;
227         background-image : url("images/form.png");
228         background-position : bottom left;
229         background-repeat : repeat-x;
230
231 }
232
233 table.prefFeedList tr.title td {
234         font-weight : bold;
235         border-width : 0px 0px 1px 0px;
236         border-color : #f0f0f0;
237         border-style : solid;
238 }
239
240 .evenUnreadSelected, .evenSelectedUnread {
241         background-color : #e0e0ff;
242         font-weight : bold;
243 }
244
245 .oddUnreadSelected, .oddSelectedUnread {
246         background-color : #e0e0ff;
247         font-weight : bold;
248 }
249
250
251 .evenSelected {
252         background-color : #e0e0ff;
253 }
254
255 .oddSelected {
256         background-color : #e0e0ff;
257 }
258
259 a.disabledButton {
260         border : 1px solid #d0d0d0;
261         background-color : white;
262         color : #909090;        
263         padding : 2px 10px 2px 10px;
264         font-size : small;
265 }
266
267 a.disabledButton:hover {
268         background : white;
269         text-decoration : none;
270         color : #909090;
271 }
272
273 a.button {
274         border : 1px solid #d0d0d0;
275         background-image : url("images/button.png");
276         background-position : top;
277         background-repeat : repeat-x;
278         background-color : white;
279         color : black;  
280         padding : 2px 10px 2px 10px;
281         font-size : small;
282 }
283
284 a.button:hover {
285         background : white;
286         text-decoration : none;
287         color : black;
288 }
289
290 a.buttonWarn {
291         border : 1px solid #d0d0d0;
292         background-image : url("images/button.png");
293         background-position : top;
294         background-repeat : repeat-x;
295         background-color : white;
296         color : black;  
297         padding : 2px 10px 2px 10px;
298         font-size : small;
299 }
300
301 a.buttonWarn:hover {
302         background : #fff0f0;
303         text-decoration : none;
304         color : black;
305 }
306
307 td.headlineUpdateMark {
308         width : 25px;
309         text-align : center;
310 }
311
312 div.errorBox {
313         border : 1px solid #c0c0c0;
314         padding : 20px;
315         margin : 20px;
316         background : #f0f0f0;
317 }
318
319 table.postTable tr.titleTop, table.postTable tr.titleBottom {
320         background : #f0f0f0;
321 }
322
323 table.postTable tr.titleTop td {
324         padding : 5px 10px 0px 10px;
325 }
326
327 table.postTable tr.titleBottom td {
328         padding : 3px 10px 5px 10px;
329         border-width : 0px 0px 1px 0px;
330         border-color : #d0d0d0;
331         border-style : solid;
332
333 }
334
335 table.postTable td.post {
336         padding : 20px;
337
338 }
339
340 #piggie {
341         width : 400;
342         height : 400;
343         left : 50;
344         background-color : white;
345         display : none;
346         z-index : 3;
347         background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
348         background-position : center center;
349         background-repeat : no-repeat;
350         position : absolute;
351         border : 1px solid pink;        
352         margin-left : auto;
353         margin-right : auto;
354         -moz-border-radius : 10px;
355         opacity : 0.8;
356 }