]> git.wh0rd.org - tt-rss.git/blob - tt-rss.css
c53571361a380c9c05c777ba07dcb8cb5cd0a560
[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 : 3px 10px 3px 10px;
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 table.main td.headlines {
152 height : 25%;
153 border-width : 1px 0px 0px 0px;
154 border-color : #c0c0c0;
155 border-style : solid;
156 }
157
158 table.main td.prefContent {
159 padding : 10px;
160 border-width : 1px 0px 0px 0px;
161 border-color : #c0c0c0;
162 border-style : solid;
163
164 }
165
166 table.main td.headlinesToolbarBox {
167 padding : 0px;
168 height : 20px;
169 border-width : 1px 0px 0px 0px;
170 border-color : #c0c0c0;
171 border-style : solid;
172 }
173
174 table.main td.content {
175 padding : 0px;
176 border-width : 1px 0px 0px 0px;
177 border-color : #c0c0c0;
178 border-style : solid;
179 }
180
181 td.content a {
182 color : #5050aa;
183 text-decoration : none;
184 }
185
186 /*
187 td.content a:hover {
188 text-decoration : underline;
189 } */
190
191 table.main td.notify {
192 height : 40px;
193 border-width : 1px 0px 0px 0px;
194 border-color : #c0c0c0;
195 border-style : solid;
196 font-size : x-small;
197 text-align : center;
198 color : gray;
199 background-color : #f0f0f0;
200 background-image : url("images/header_rev.png");
201 background-position : top left;
202 background-repeat : repeat-x;
203
204 }
205
206 .evenGrayed {
207 background-color : #f0f0f0;
208 color : #909090;
209 }
210
211 .oddGrayed {
212 color : #909090;
213 }
214
215 .even {
216 background-color : #f0f0f0;
217 }
218
219 .evenUnread {
220 background-color : #f0f0f0;
221 font-weight : bold;
222 }
223
224 .oddUnread {
225 font-weight : bold;
226 }
227
228 .invisible {
229 display : none;
230 }
231
232 table.prefAddFeed td {
233 padding : 2px;
234 }
235
236 table.prefAddFeed input {
237 width : 250px;
238 }
239
240 /*
241 table.prefAddFeed {
242 border : 1px solid #c0c0c0;
243 padding : 10px;
244 -moz-border-radius : 5px;
245 background-color : #f0f0f0;
246 background-image : url("images/form.png");
247 background-position : bottom left;
248 background-repeat : repeat-x;
249 } */
250
251 table.prefFeedList tr.title td, table.prefFilterList tr.title td,
252 table.headlinesList tr.title td {
253 font-weight : bold;
254 border-width : 0px 0px 1px 0px;
255 border-color : #f0f0f0;
256 border-style : solid;
257 }
258
259 .evenUnreadSelected, .evenSelectedUnread {
260 background-color : #e0e0ff;
261 font-weight : bold;
262 }
263
264 .oddUnreadSelected, .oddSelectedUnread {
265 background-color : #e0e0ff;
266 font-weight : bold;
267 }
268
269 .evenSelected {
270 background-color : #e0e0ff;
271 }
272
273 .oddSelected {
274 background-color : #e0e0ff;
275 }
276
277 a.disabledButton {
278 font-family : tahoma, sans-serif;
279 border : 1px solid #d0d0d0;
280 background-color : white;
281 color : #909090;
282 padding : 2px 10px 2px 10px;
283 font-size : small;
284 }
285
286 a.disabledButton:hover {
287 background : white;
288 text-decoration : none;
289 color : #909090;
290 }
291
292 .button {
293 font-family : tahoma, sans-serif;
294 border : 1px solid #d0d0d0;
295 background-image : url("images/button.png");
296 background-position : top;
297 background-repeat : repeat-x;
298 background-color : white;
299 color : black;
300 padding : 2px 10px 2px 10px;
301 font-size : small;
302 }
303
304 .button:hover {
305 background : white;
306 text-decoration : none;
307 color : black;
308 }
309
310 .buttonWarn {
311 font-family : tahoma, sans-serif;
312 border : 1px solid #d0d0d0;
313 background-image : url("images/button.png");
314 background-position : top;
315 background-repeat : repeat-x;
316 background-color : white;
317 color : black;
318 padding : 2px 10px 2px 10px;
319 font-size : small;
320 }
321
322 .buttonWarn:hover {
323 background : #fff0f0;
324 text-decoration : none;
325 color : black;
326 }
327
328 td.headlineUpdateMark {
329 width : 25px;
330 text-align : center;
331 }
332
333 div.errorBox {
334 border : 1px solid #c0c0c0;
335 padding : 20px;
336 margin : 20px;
337 background : #f0f0f0;
338 }
339 table.postTable tr.titleTop, table.postTable tr.titleBottom {
340 background : #f0f0f0;
341 }
342
343 table.postTable td.titleIcon {
344 border-width : 0px 0px 1px 0px;
345 border-color : #d0d0d0;
346 border-style : solid;
347 }
348
349 table.postTable tr.titleTop td {
350 padding : 5px 10px 0px 10px;
351 }
352
353 table.postTable tr.titleBottom td {
354 padding : 3px 10px 5px 10px;
355 border-width : 0px 0px 1px 0px;
356 border-color : #d0d0d0;
357 border-style : solid;
358
359 }
360
361 table.postTable td.post {
362 padding : 20px;
363
364 }
365
366 #piggie {
367 width : 400;
368 height : 400;
369 left : 50;
370 background-color : white;
371 display : none;
372 z-index : 3;
373 background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
374 background-position : center center;
375 background-repeat : no-repeat;
376 position : absolute;
377 border : 1px solid pink;
378 margin-left : auto;
379 margin-right : auto;
380 -moz-border-radius : 10px;
381 opacity : 0.8;
382 }
383
384 img.feedIcon {
385 margin : 3px;
386 border : 1px solid #c0c0c0;
387 }
388
389 #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr {
390 width : 100%;
391 padding-left : 2px;
392 }
393
394 div.expPane {
395 margin : 15px;
396 }
397
398 iframe.contentFrame, iframe.headlinesFrame {
399 width : 100%;
400 border-width : 0px;
401 padding : 0px;
402 margin : 0px;
403 height : 100%;
404 }
405