]> git.wh0rd.org - tt-rss.git/blame - tt-rss_compact.css
tabbed preferences
[tt-rss.git] / tt-rss_compact.css
CommitLineData
da5d0d09
AD
1body {
2 background : white;
3 color : black;
4 margin : 0px;
5 padding : 0px;
6 font-family : sans-serif;
7}
8
9/* common styles */
10
11table.main td.header {
12 padding : 5px 5px 5px 5px;
13 height : 20px;
14 font-size : 10pt;
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
21table.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
28table.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
35table.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 : 0px;
42 font-size:9pt;
43}
44
45table.main td.headlinesToolbarBox td,table.main td.headlinesToolbarBox td input ,table.main td.headlinesToolbarBox td select {
46font-size:8pt;
47}
48
49table.main td.headlinesToolbarBox {
50 padding : 0px;
51 border-width : 0px 0px 1px 1px;
52 border-style : solid;
53 border-color : #c0c0c0;
54 background-image : url("images/vgrad_light.png");
55 background-position : bottom left;
56 background-repeat : repeat-x;
57 font-size:8pt;
58}
59
60table.main td.footer {
61 border-width : 1px 0px 0px 0px;
62 border-style : solid;
63 border-color : #c0c0c0;
64 padding : 10px;
65 text-align : center;
66 font-size : 8pt;
67 background-image : url("images/vgrad_light_rev2.png");
68 background-position : top left;
69 background-repeat : repeat-x;
70 color : gray;
71}
72
73table.main td.footer {
74 height:10px;
75 font-size:6pt;
76 }
77
78table.main td.footer a {
79 color : gray;
80}
81
82table.main td.footer a:hover {
83 color : #5050aa;
84}
85
86table.main td.headlines {
87 height : 20%;
88 border-width : 0px 0px 1px 1px;
89 border-style : solid;
90 border-color : #c0c0c0;
91 font-size:8pt;
92}
93
94table.main td.content {
95 height : 100%;
96 background-image : url("images/vgrad_light_rev.png");
97 background-position : top left;
98 background-repeat : repeat-x;
99 border-width : 0px 0px 0px 1px;
100 border-style : solid;
101 border-color : #c0c0c0;
102 font-size:9pt;
103}
104
105table.main td.prefContent {
106 height : 100%;
107 background-image : url("images/vgrad_light_rev.png");
108 background-position : top left;
109 background-repeat : repeat-x;
110 border-width : 1px 0px 0px 0px;
111 border-style : solid;
112 border-color : #c0c0c0;
113 padding : 20px;
114}
115
116div.postReply {
117 background-image : url("images/vgrad_light_rev.png");
118 background-position : top left;
119 background-repeat : repeat-x;
120 height : 100%;
121 padding : 10px;
122}
123
124div.postReply a {
125 color : #5050aa;
126}
127
128div.postReply a:hover {
129 color : black;
130}
131
132div.postReply div.postHeader {
133 background : white;
134 border : 1px solid #c0c0c0;
135 padding : 5px;
136 font-size:9pt;
137
138}
139
140div.postContent,div.postReply table td,div.postHeader table td {
141font-size:9pt;
142}
143
144div.postReply div.postContent {
145 padding : 10px;
146 font-size:9pt;
147}
148
149div.postReply div.postIcon {
150 float : right;
151 border : 0px;
152 margin : 10px 0px 10px 10px;
153}
154
155ul.feedList {
156 list-style-type : none;
157 margin : 0px;
158 padding : 10px;
159 font-size: 10px;
160}
161
162ul.feedList li {
163 margin : 2px;
164}
165
166ul.feedList li.oddSelected, ul.feedList li.evenSelected,
167 li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread,
168 li.oddSelectedUnread {
169 background-color : white;
170 font-size:9pt;
171}
172
173li.oddSelected a, li.evenSelected a,
174 li.oddUnreadSelected a, li.evenUnreadSelected a {
175 color : #5050aa;
176 font-size:8pt;
177}
178
179ul.feedList img {
180 margin : 0px 3px 0px 0px;
181 width : 16px;
182 height : 16px;
183}
184
185h1 {
186 font-size : 12pt;
187}
188
189h2 {
190 font-size : 10pt;
191 font-color : bold;
192 border-width : 0px 0px 1px 0px;
193 border-style : solid;
194 border-color : #e0e0e0;
195}
196
f5a50b25
AD
197h3 {
198 font-size : 12pt;
199 font-weight : bold;
200 border-width : 0px 0px 1px 0px;
201 border-style : solid;
202 border-color : #e0e0e0;
203}
204
da5d0d09
AD
205hr {
206 border-width : 0px 0px 1px 0px;
207 border-style : dashed;
208 border-color : #e0e0e0;
209}
210
211a {
212 color : black;
213 text-decoration : none;
214}
215
216a:hover {
217 color : #5050aa;
218}
219
220#piggie {
221 width : 400;
222 height : 400;
223 left : 50;
224 background-color : white;
225 display : none;
226 z-index : 3;
227 background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
228 background-position : center center;
229 background-repeat : no-repeat;
230 position : absolute;
231 border : 1px solid pink;
232 margin-left : auto;
233 margin-right : auto;
234 -moz-border-radius : 10px;
235 opacity : 0.8;
236}
237
238#iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr {
239 width : 100%;
240 padding-left : 2px;
241}
242
243#notify {
da5d0d09 244 font-size : 10pt;
a14f82f2 245 text-align : right;
da5d0d09 246 color : gray;
a14f82f2
AD
247 border-style : solid;
248 border-width : 0px 0px 1px 1px;
a516aa6d 249 border-color : #e0e0e0;
a14f82f2
AD
250 background-color : white;
251 padding : 3px;
252 width : 350px;
da5d0d09
AD
253}
254
a14f82f2 255
da5d0d09
AD
256#dispSwitch {
257 text-align : right;
258 padding : 5px 5px 5px 0px;
259 font-size : x-small;
260}
261
262#dispSwitch a {
263 color : gray;
264}
265
266#dispSwitch a:hover {
267 color : #5050aa;
268}
269
270div.expPane {
271 margin : 15px;
272}
273
274iframe {
275 border : 0px solid white;
276}
277
278iframe.feedsFrame {
279 width : 100%;
280 height : 87%;
281 margin : 0px;
282 padding : 0px;
283}
284
285iframe.contentFrame, iframe.headlinesFrame {
286 width : 100%;
287 padding : 0px;
288 margin : 0px;
289 height : 100%;
290}
291
292.button {
293 border : 1px solid #d0d0d0;
294 background-image : url("images/button.png");
295 background-position : top;
296 background-repeat : repeat-x;
297 background-color : white;
298 color : black;
299 font-size: 8pt;
300}
301
302.button:hover {
303 background : white;
304 text-decoration : none;
305 color : black;
306}
307
308a.button {
309 padding : 2px 5px 2px 5px;
310 font-size : 8pt;
311}
312
313.evenUnreadSelected, .evenSelectedUnread {
314 background-color : #e0e0ff;
315 font-weight : bold;
316}
317
318.oddUnreadSelected, .oddSelectedUnread {
319 background-color : #e0e0ff;
320 font-weight : bold;
321}
322
323.evenSelected {
324 background-color : #e0e0ff;
325}
326
327.oddSelected {
328 background-color : #e0e0ff;
329}
330
331.disabledButton {
332 border : 1px solid #c0c0c0;
333 background-color : white;
334 color : gray;
335}
336
337.evenGrayed {
338 background-color : #f0f0f0;
339 color : #909090;
340}
341
342.oddGrayed {
343 color : #909090;
344}
345
346.even {
347 background-color : #f0f0f0;
348}
349
350.evenUnread td,.oddUnread td,.evenSelected td,.oddSelected td,.odd td,.even td{
351 font-size:8pt;
352}
353
354.evenUnread {
355 background-color : #f0f0f0;
356 font-weight : bold;
357}
358
359.oddUnread {
360 font-weight : bold;
361}
362
363.invisible {
364 display : none;
365}
366
367input {
368 border : 1px solid #a0a0a0;
369}
370
371/* preferences */
372
373table.prefAddFeed td {
374 padding : 2px;
375}
376
377table.prefAddFeed input {
378 width : 250px;
379}
380
381table.prefFeedList tr.title td, table.prefFilterList tr.title td,
382 table.headlinesList tr.title td, table.prefLabelList tr.title td {
383 font-weight : bold;
384 border-width : 0px 0px 1px 0px;
385 border-color : #f0f0f0;
386 border-style : solid;
387 font-size:9pt;
388}
389
7dc66a61
AD
390a.helpLink {
391 color : #808080;
392}
393
394a.helpLink:hover {
395 color : #5050aa;
396}
397
398div.helpResponse {
399 margin : 10px;
400 background-image : url("images/vgrad_light_rev2.png");
401 background-position : top left;
402 background-repeat : repeat-x;
403 padding : 10px 20px 10px 20px;
404 border : 1px solid #f0f0f0;
405}
406
407div.helpResponse h1 {
408 border-width : 0px 0px 1px 0px;
409 border-style : solid;
410 border-color : #c0c0c0;
411 font-size : 16pt;
412}
413
414div.helpResponse h2 {
415 border-width : 0px 0px 0px 0px;
416 font-size : 12pt;
417
418}
419
420pre {
421 border : 1px solid #c0c0c0;
422 padding : 5px;
423 background : #f0f0f0;
424}
aee19860
AD
425
426#userDlg {
427 left : 400px;
428 top : 18px;
429 background : #fffff0;
430 z-index : 3;
431 position : absolute;
432 border : 1px solid #c0c0c0;
433 padding : 10px;
434 display : none;
435}
436
437#qafInput {
438 width : 300px;
439}
f5a50b25
AD
440
441input.extSearch {
442 width : 200px;
443}
444
445table.main td.prefsTabs {
446 padding-left : 15px;
447}
448
449input.prefsTab {
450 border-width : 1px 1px 0px 1px;
451 border-color : #c0c0c0;
452 padding : 2px 7px 2px 7px;
453 margin : 0px 1px 0px 0px;
454 width : 150px;
455 background-image : url("images/vgrad_light_rev2.png");
456 background-position : top left;
457 background-repeat : repeat-x;
458}
459
460input.prefsTabSelected {
461 border-width : 1px 1px 0px 1px;
462 border-color : #c0c0c0;
463 padding : 2px 7px 2px 7px;
464 margin : 0px 1px 0px 0px;
465 width : 150px;
466 background : white;
467 font-weight : bold;
468 background-position : top left;
469 background-repeat : repeat-x;
470}
471
472
473input.prefsTab:hover {
474 background : white;
475}