]> git.wh0rd.org Git - tt-rss.git/blob - tt-rss.css
improved article look
[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("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 table.main td.content {
154         padding : 0px;
155         border-width : 1px 0px 0px 0px;
156         border-color : #c0c0c0;
157         border-style : solid;
158 }
159
160 td.content a {
161         color : #5050aa;
162         text-decoration : none;
163 }
164
165 /*
166 td.content a:hover {
167         text-decoration : underline;
168 } */
169
170 table.main td.notify {
171         height : 40px;
172         border-width : 1px 0px 0px 0px;
173         border-color : #c0c0c0;
174         border-style : solid;
175         font-size : x-small;
176         text-align : center;
177         color : gray;
178         background-color : #f0f0f0;
179         background-image : url("header_rev.png");
180         background-position : top left;
181         background-repeat : repeat-x;
182
183 }
184
185 .even {
186         background-color : #f0f0f0;
187 }
188
189 .evenUnread {
190         background-color : #f0f0f0;
191         font-weight : bold;
192 }
193
194 .oddUnread {
195         font-weight : bold;
196 }
197
198 li {
199         list-style-type : none;
200
201 }
202
203 ul {
204         margin : 0px;
205         padding : 0px;
206         border : 1px solid #f0f0f0;
207 }
208
209 .invisible {
210         display : none;
211 }
212
213 table.prefAddFeed td {
214         padding : 2px;
215 }
216
217 table.prefAddFeed input {
218         width : 250px;
219 }
220
221 table.prefAddFeed {
222         background : #f0f0f0;
223         border : 1px solid #c0c0c0;
224         padding : 10px;
225         -moz-border-radius : 5px;
226 }
227
228 table.prefFeedList tr.title td {
229         font-weight : bold;
230         border-width : 0px 0px 1px 0px;
231         border-color : #f0f0f0;
232         border-style : solid;
233 }
234
235 .evenSelected {
236         background-color : #c0c0c0;
237 }
238
239 .oddSelected {
240         background-color : #c0c0c0;
241 }
242
243 a.disabledButton {
244         border : 1px solid #d0d0d0;
245         background-color : white;
246         color : #909090;        
247         padding : 2px 10px 2px 10px;
248         font-size : small;
249 }
250
251 a.disabledButton:hover {
252         background : white;
253         text-decoration : none;
254         color : #909090;
255 }
256
257 a.button {
258         border : 1px solid #d0d0d0;
259         background-image : url("button.png");
260         background-position : top;
261         background-repeat : repeat-x;
262         background-color : white;
263         color : black;  
264         padding : 2px 10px 2px 10px;
265         font-size : small;
266 }
267
268 a.button:hover {
269         background : white;
270         text-decoration : none;
271         color : black;
272 }
273
274 a.buttonWarn {
275         border : 1px solid #d0d0d0;
276         background-image : url("button.png");
277         background-position : top;
278         background-repeat : repeat-x;
279         background-color : white;
280         color : black;  
281         padding : 2px 10px 2px 10px;
282         font-size : small;
283 }
284
285 a.buttonWarn:hover {
286         background : #fff0f0;
287         text-decoration : none;
288         color : black;
289 }
290
291 td.headlineUpdateMark {
292         width : 25px;
293         text-align : center;
294 }
295
296 div.errorBox {
297         border : 1px solid #c0c0c0;
298         padding : 20px;
299         margin : 20px;
300         background : #f0f0f0;
301 }
302
303 table.postTable tr.titleTop, table.postTable tr.titleBottom {
304         background : #f0f0f0;
305 }
306
307 table.postTable tr.titleTop td {
308         padding : 5px 10px 0px 10px;
309 }
310
311 table.postTable tr.titleBottom td {
312         padding : 3px 10px 5px 10px;
313         border-width : 0px 0px 1px 0px;
314         border-color : #d0d0d0;
315         border-style : solid;
316
317 }
318
319 table.postTable td.post {
320         padding : 20px;
321
322 }