]> git.wh0rd.org - tt-rss.git/blame - tt-rss.css
make header height smaller
[tt-rss.git] / tt-rss.css
CommitLineData
1cd17194
AD
1body {
2 background : white;
3 color : black;
4 margin : 0px;
5 padding : 0px;
71500c40 6 font-family : sans-serif;
1cd17194
AD
7}
8
e828e31e 9/* common styles */
1cd17194 10
b3a9dadd 11table.main td.headerBox {
e828e31e
AD
12 background-image : url("images/vgrad_light_rev2.png");
13 background-position : top left;
14 background-repeat : repeat-x;
2c1dd701
AD
15}
16
b3a9dadd
AD
17table.main td.header {
18 padding : 10px 10px 10px 30px;
f46b6ad0 19 height : 70px;
b3a9dadd
AD
20}
21
e828e31e
AD
22table.main td.mainToolbar {
23 border-width : 0px 0px 0px 0px;
24 border-style : solid;
25 border-color : #c0c0c0;
13f832b3 26 padding : 3px 25px 3px 10px;
e5d45654
AD
27}
28
0eef53fe 29table.main td.prefsToolbar {
f5a50b25 30 padding : 0px 5px 5px 0px;
0eef53fe
AD
31}
32
e828e31e
AD
33table.main td.feeds {
34 width : 300px;
35 height : 100%;
36 border-width : 1px 0px 0px 0px;
37 border-style : solid;
38 border-color : #c0c0c0;
d5224f0d 39 padding : 0px;
e5d45654
AD
40}
41
e828e31e 42table.main td.headlinesToolbarBox {
f0601b87 43 padding : 10px;
e828e31e 44 border-width : 0px 0px 1px 1px;
d76a3b03 45 border-style : solid;
e828e31e
AD
46 border-color : #c0c0c0;
47 background-image : url("images/vgrad_light.png");
48 background-position : bottom left;
49 background-repeat : repeat-x;
d76a3b03
AD
50}
51
e828e31e
AD
52table.main td.footer {
53 border-width : 1px 0px 0px 0px;
a2015351 54 border-style : solid;
e828e31e
AD
55 border-color : #c0c0c0;
56 padding : 10px;
57 text-align : center;
58 font-size : x-small;
59 background-image : url("images/vgrad_light_rev2.png");
60 background-position : top left;
61 background-repeat : repeat-x;
62 color : gray;
a2015351
AD
63}
64
e828e31e
AD
65table.main td.footer a {
66 color : gray;
d76a3b03
AD
67}
68
e828e31e
AD
69table.main td.footer a:hover {
70 color : #5050aa;
ac53063a
AD
71}
72
e828e31e
AD
73table.main td.headlines {
74 height : 25%;
75 border-width : 0px 0px 1px 1px;
76 border-style : solid;
77 border-color : #c0c0c0;
71ad3959
AD
78}
79
e828e31e
AD
80table.main td.content {
81 height : 100%;
82 background-image : url("images/vgrad_light_rev.png");
83 background-position : top left;
84 background-repeat : repeat-x;
85 border-width : 0px 0px 0px 1px;
86 border-style : solid;
87 border-color : #c0c0c0;
1cd17194
AD
88}
89
e828e31e
AD
90table.main td.prefContent {
91 height : 100%;
92 background-image : url("images/vgrad_light_rev.png");
93 background-position : top left;
94 background-repeat : repeat-x;
95 border-width : 1px 0px 0px 0px;
96 border-style : solid;
97 border-color : #c0c0c0;
98 padding : 20px;
1a66d16e
AD
99}
100
e828e31e
AD
101div.postReply {
102 background-image : url("images/vgrad_light_rev.png");
a1a8a2be
AD
103 background-position : top left;
104 background-repeat : repeat-x;
e828e31e
AD
105 height : 100%;
106 padding : 10px;
1cd17194
AD
107}
108
f7181e9b
AD
109div.postReply a {
110 color : #5050aa;
111}
112
113div.postReply a:hover {
114 color : black;
115}
116
e828e31e
AD
117div.postReply div.postHeader {
118 background : white;
119 border : 1px solid #c0c0c0;
1a66d16e 120 padding : 5px;
1cd17194
AD
121}
122
e828e31e 123div.postReply div.postContent {
1cd17194 124 padding : 10px;
f0601b87
AD
125}
126
e828e31e
AD
127div.postReply div.postIcon {
128 float : right;
129 border : 0px;
e9e4c6e2 130 margin : 10px 0px 10px 10px;
5f89f780 131}
e828e31e
AD
132
133ul.feedList {
134 list-style-type : none;
91ff844a
AD
135 margin : 5px;
136 padding : 0px 0px 0px 10px;
137}
138
139ul.feedList li.feedCat {
e828e31e 140 margin : 0px;
91ff844a
AD
141 padding : 3px 0px 3px 0px;
142/* border-width : 0px 0px 1px 0px;
143 border-color : #f0f0f0;
144 border-style : solid; */
145 color : #707070;
721064e1 146 font-size : small;
91ff844a
AD
147}
148
149ul.feedCatList {
150 list-style-type : none;
151 margin : 0px;
152 padding : 0px 0px 0px 10px;
153}
154
155ul.feedCatList li {
156 margin : 0px;
157 padding : 0px 0px 0px 0px;
1cd17194
AD
158}
159
e828e31e 160ul.feedList li {
91ff844a 161 margin : 0px;
e828e31e
AD
162}
163
4f3a84f4 164/*
f0b3b4eb
AD
165li.oddSelected, li.evenSelected {
166 background-color : white;
167}
168
169li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread,
0c674406 170 li.oddSelectedUnread {
e828e31e 171 background-color : white;
f0b3b4eb 172 font-weight : bold;
e828e31e
AD
173}
174
175li.oddSelected a, li.evenSelected a,
176 li.oddUnreadSelected a, li.evenUnreadSelected a {
177 color : #5050aa;
3745788e
AD
178}
179
180ul.feedlist
181 li.virtSelected,
182 li.virtUnreadSelected,
2e346560 183 li.virtSelectedUnread,
3745788e
AD
184 li.feedSelected,
185 li.labelSelected,
186 li.feedUnreadSelected,
2e346560
AD
187 li.labelUnreadSelected,
188 li.feedSelectedUnread,
189 li.labelSelectedUnread {
3745788e
AD
190 background-color : white;
191}
192
193ul.feedlist
194 li.feedSelected a,
195 li.labelSelected a,
196 li.feedUnreadSelected a,
197 li.labelUnreadSelected a,
198 li.virtSelected a,
199 li.virtUnreadSelected a,
200 li.virtSelectedUnread a {
201 color : #5050aa;
4f3a84f4
AD
202} */
203
83957936
AD
204ul.feedlist li.feedUnread,
205ul.feedlist li.labelUnread,
206ul.feedlist li.virtUnread,
207ul.feedlist li.tagUnread {
208 font-weight : bold;
209}
210
211
4f3a84f4
AD
212ul.feedlist li.feedSelected a,
213ul.feedlist li.labelSelected a,
83957936
AD
214ul.feedlist li.virtSelected a,
215ul.feedlist li.tagSelected a {
4f3a84f4
AD
216 color : #5050aa;
217}
218
219ul.feedlist li.feedUnreadSelected a,
220ul.feedlist li.labelUnreadSelected a,
83957936
AD
221ul.feedlist li.virtUnreadSelected a,
222ul.feedlist li.tagUnreadSelected a {
4f3a84f4
AD
223 color : #5050aa;
224}
225
226ul.feedlist li.feedUnreadSelected ,
227ul.feedlist li.labelUnreadSelected,
83957936
AD
228ul.feedlist li.virtUnreadSelected,
229ul.feedlist li.tagUnreadSelected {
4f3a84f4 230 font-weight : bold;
3745788e
AD
231}
232
233ul.feedList li.feed {
234 display : block;
235}
508a81e1 236
6c56687e 237ul.feedList img, img.tinyFeedIcon {
e828e31e
AD
238 margin : 0px 3px 0px 0px;
239 width : 16px;
240 height : 16px;
331900c6
AD
241}
242
e828e31e
AD
243h1 {
244 font-size : 16pt;
f0601b87
AD
245}
246
e828e31e
AD
247h2 {
248 font-size : 14pt;
96369d8e 249 font-weight : bold;
e828e31e 250 border-width : 0px 0px 1px 0px;
1cd17194 251 border-style : solid;
e828e31e 252 border-color : #e0e0e0;
1cd17194
AD
253}
254
f5a50b25
AD
255h3 {
256 font-size : 12pt;
257 font-weight : bold;
258 border-width : 0px 0px 1px 0px;
259 border-style : solid;
260 border-color : #e0e0e0;
261}
262
e828e31e
AD
263hr {
264 border-width : 0px 0px 1px 0px;
265 border-style : dashed;
266 border-color : #e0e0e0;
267}
67824557 268
e828e31e
AD
269a {
270 color : black;
271 text-decoration : none;
1cd17194
AD
272}
273
e828e31e
AD
274a:hover {
275 color : #5050aa;
9b307248
AD
276}
277
e828e31e
AD
278#piggie {
279 width : 400;
280 height : 400;
281 left : 50;
282 background-color : white;
283 display : none;
284 z-index : 3;
285 background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png");
286 background-position : center center;
287 background-repeat : no-repeat;
288 position : absolute;
289 border : 1px solid pink;
290 margin-left : auto;
291 margin-right : auto;
292 -moz-border-radius : 10px;
293 opacity : 0.8;
9b307248
AD
294}
295
5d73494a 296#iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl,
91ff844a
AD
297#iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed,
298#iedit_fcat {
e828e31e
AD
299 width : 100%;
300 padding-left : 2px;
1cd17194
AD
301}
302
77e96719
AD
303input.editbox {
304 width : 200px;
305 padding-left : 2px;
306}
307
e828e31e 308#notify {
d5224f0d 309 font-size : 10pt;
828a8ecc 310 text-align : right;
8dcfffd0
AD
311 color : black;
312 font-weight : bold;
828a8ecc
AD
313 border-style : solid;
314 border-width : 0px 0px 1px 1px;
a516aa6d 315 border-color : #e0e0e0;
828a8ecc
AD
316 background-color : white;
317 padding : 3px;
318 width : 350px;
1cd17194
AD
319}
320
8143ae1f
AD
321#dispSwitch {
322 text-align : right;
323 padding : 5px 5px 5px 0px;
324 font-size : x-small;
325}
326
327#dispSwitch a {
328 color : gray;
329}
330
331#dispSwitch a:hover {
332 color : #5050aa;
333}
334
e828e31e
AD
335div.expPane {
336 margin : 15px;
d76a3b03 337}
1cd17194 338
5bfef089
AD
339iframe {
340 border : 0px solid white;
341}
342
e828e31e
AD
343iframe.feedsFrame {
344 width : 100%;
345 height : 90%;
e828e31e
AD
346 margin : 0px;
347 padding : 0px;
a1a8a2be 348}
007bda35 349
e828e31e
AD
350iframe.contentFrame, iframe.headlinesFrame {
351 width : 100%;
e828e31e
AD
352 padding : 0px;
353 margin : 0px;
354 height : 100%;
007bda35
AD
355}
356
e828e31e
AD
357.button {
358 border : 1px solid #d0d0d0;
359 background-image : url("images/button.png");
360 background-position : top;
361 background-repeat : repeat-x;
362 background-color : white;
363 color : black;
007bda35
AD
364}
365
e828e31e
AD
366.button:hover {
367 background : white;
368 text-decoration : none;
369 color : black;
370}
371
372a.button {
373 padding : 2px 5px 2px 5px;
374 font-size : small;
007bda35
AD
375}
376
4f3a84f4 377.evenUnreadSelected, .evenSelectedUnread {
a3ee2a38
AD
378 background-color : #e0e0ff;
379 font-weight : bold;
380}
381
4f3a84f4 382.oddUnreadSelected, .oddSelectedUnread {
a3ee2a38
AD
383 background-color : #e0e0ff;
384 font-weight : bold;
385}
386
7719618b 387.evenSelected, .oddSelected {
7e00c981 388 background-color : #e0e0ff;
007bda35
AD
389}
390
3745788e 391
4f3a84f4 392/*
3745788e
AD
393.feedUnreadSelected, .feedSelectedUnread,
394.virtUnreadSelected, .virtSelectedUnread,
395.labelUnreadSelected, .labelSelectedUnread {
396 background-color : #e0e0ff;
397 font-weight : bold;
4f3a84f4 398} */
3745788e 399
ac43eba1 400.disabledButton {
d5224f0d
AD
401 border : 1px solid #c0c0c0;
402 background-color : white;
403 color : gray;
e6d1c0a0
AD
404}
405
e828e31e
AD
406.evenGrayed {
407 background-color : #f0f0f0;
408 color : #909090;
b7f4bda2
AD
409}
410
e828e31e
AD
411.oddGrayed {
412 color : #909090;
f07c0eb4
AD
413}
414
e828e31e
AD
415.even {
416 background-color : #f0f0f0;
ac43eba1 417}
a2015351 418
e828e31e
AD
419.evenUnread {
420 background-color : #f0f0f0;
421 font-weight : bold;
f07c0eb4
AD
422}
423
e828e31e
AD
424.oddUnread {
425 font-weight : bold;
f07c0eb4 426}
508a81e1 427
e828e31e 428.invisible {
508a81e1 429 display : none;
508a81e1 430}
b7f4bda2 431
e828e31e
AD
432input {
433 border : 1px solid #a0a0a0;
b7f4bda2 434}
603c27f8 435
e828e31e 436/* preferences */
603c27f8 437
e828e31e 438table.prefFeedList tr.title td, table.prefFilterList tr.title td,
77e96719 439 table.headlinesList tr.title td, table.prefLabelList tr.title td,
91ff844a 440 table.prefPrefsList tr.title td,
18837e9f
AD
441 table.prefFeedCatList tr.title td,
442 table.prefUserList tr.title td {
e828e31e
AD
443 font-weight : bold;
444 border-width : 0px 0px 1px 0px;
445 border-color : #f0f0f0;
446 border-style : solid;
70830c87 447}
f0601b87 448
7dc66a61
AD
449a.helpLink {
450 color : #808080;
451}
452
453a.helpLink:hover {
454 color : #5050aa;
455}
456
1a7572cb 457div.helpResponse {
7dc66a61
AD
458 margin : 10px;
459 background-image : url("images/vgrad_light_rev2.png");
460 background-position : top left;
461 background-repeat : repeat-x;
462 padding : 10px 20px 10px 20px;
463 border : 1px solid #f0f0f0;
464}
465
2317ffaa
AD
466#infoBox {
467 border : 1px solid #c0c0c0;
468 padding-bottom : 10px;
469 font-size : small;
470 position : relative;
471 bottom : 2px;
472 right : 2px;
473 background-color : white;
474}
475
476#infoBoxShadow {
477 background-image : url("images/shadow.png");
478 position : absolute;
479 margin-left : 30%;
480 width : 30%;
481 z-index : 3;
482 display : none;
483}
484
c6c3a07f 485div.infoBoxContents {
1a7572cb
AD
486 background-image : url("images/vgrad_light_rev2.png");
487 background-position : top left;
488 background-repeat : repeat-x;
489 padding : 5px;
2317ffaa
AD
490 margin-bottom : 5px;
491}
492
493div.infoBoxContents td {
494 font-size : small;
1a7572cb
AD
495}
496
2317ffaa 497
c6c3a07f 498div.helpResponse h1, div.infoBoxContents h1 {
7dc66a61
AD
499 border-width : 0px 0px 1px 0px;
500 border-style : solid;
501 border-color : #c0c0c0;
502 font-size : 16pt;
503}
504
c6c3a07f 505div.helpResponse h2, div.infoBoxContents h2 {
7dc66a61
AD
506 border-width : 0px 0px 0px 0px;
507 font-size : 12pt;
7dc66a61
AD
508}
509
510pre {
511 border : 1px solid #c0c0c0;
512 padding : 5px;
513 background : #f0f0f0;
514}
e2f8f7b4 515
f84a97a3 516#userDlg {
e2f8f7b4
AD
517 left : 400px;
518 top : 18px;
519 background : #fffff0;
520 z-index : 3;
521 position : absolute;
522 border : 1px solid #c0c0c0;
523 padding : 10px;
524 display : none;
525}
526
527#qafInput {
528 width : 300px;
529}
033e47e0
AD
530
531input.extSearch {
532 width : 200px;
533}
f5a50b25
AD
534
535table.main td.prefsTabs {
536 padding-left : 15px;
537}
538
539input.prefsTab {
540 border-width : 1px 1px 0px 1px;
541 border-color : #c0c0c0;
542 padding : 2px 7px 2px 7px;
543 margin : 0px 1px 0px 0px;
544 width : 150px;
545 background-image : url("images/vgrad_light_rev2.png");
546 background-position : top left;
547 background-repeat : repeat-x;
a3ab6633 548 -moz-border-radius : 7px 7px 0px 0px;
f5a50b25
AD
549}
550
551input.prefsTabSelected {
552 border-width : 1px 1px 0px 1px;
553 border-color : #c0c0c0;
554 padding : 2px 7px 2px 7px;
555 margin : 0px 1px 0px 0px;
556 width : 150px;
557 background : white;
558 font-weight : bold;
559 background-position : top left;
560 background-repeat : repeat-x;
a3ab6633 561 -moz-border-radius : 7px 7px 0px 0px;
f5a50b25
AD
562}
563
564
565input.prefsTab:hover {
566 background : white;
567}
ab3d0b99
AD
568
569div.warning {
570 background : #fffff0;
571 border : 1px solid #c0c0c0;
572 padding : 5px;
e6cb77a0
AD
573 margin : 5px;
574 font-size : x-small;
575}
576
577div.notice {
578 background : #ffffff;
579 border : 1px solid #c0c0c0;
580 padding : 5px;
ab3d0b99
AD
581 margin : 5px;
582 font-size : x-small;
583}
584
585ul.nomarks {
586 list-style-type : none;
587 margin : 0px;
588 padding : 10px;
589}
590
295f9b42
AD
591div.bigErrorMsg {
592 border : 1px solid #c0c0c0;
593 background : #fff0f0;
594 padding : 30px;
595 margin : 20px;
596}
2f587484
AD
597
598#splash {
599 z-index : 3;
600 width : 100%;
601 height : 100%;
602 position : absolute;
603 text-align : center;
604 background-image : url("images/vgrad_light_rev.png");
605 background-color : white;
606 background-position : top left;
607 background-repeat : repeat-x;
608}
609
610td.innerSplash {
611 margin : 35px;
612}
b1895692
AD
613
614div.prefHelp, td.prefHelp {
615 font-size : x-small;
616 color : gray;
617 padding : 5px;
618}
619
c93f38c4
AD
620td.welcomePrompt {
621 font-size : small;
622 color : gray;
623 text-align : right;
624 padding-right : 10px;
625
626}
f1cdb8c6 627
8cb74804
AD
628td.httpWelcomePrompt {
629 font-size : small;
630 color : gray;
631 text-align : right;
632}
633
f1cdb8c6
AD
634table.loginForm {
635 background-image : url("images/vgrad_light_rev.png");
636 background-color : white;
637 background-position : top left;
638 background-repeat : repeat-x;
639}
640
641table.innerLoginForm {
642 border : 1px solid #f0f0f0;
643 padding : 50px;
644 background-color : white;
645}
646
647table.innerLoginForm td {
648 padding : 3px 3px 5px 3px;
649}
1a7572cb 650
c6c3a07f
AD
651div.small, p.small {
652 font-size : x-small;
1a7572cb 653}
bca02305
AD
654
655span.insensitive {
656 color : gray;
657}
afb7a1d6
AD
658
659div.prefGenericAddBox {
660 margin : 5px;
661}
f557cd78
AD
662
663body.logoutBody {
664 background-color : #f0f0f0;
665 color : black;
666}
667
668span.logoutWarning {
669 color : red;
670 font-weight : bold;
671}
672
673div.logoutContent {
674 width : 600px;
675 border : 1px solid #c0c0c0;
676 background-color : white;
677 margin-left : auto;
678 margin-right : auto;
679 margin-top : 20px;
680 padding : 10px;
681}
d9dde1d6
AD
682
683.small {
684 font-size : small;
685}
28fa9253
AD
686
687table.innerFeedTable td {
688 margin : 0px;
689 padding : 0px;
690}
35f3c923
AD
691
692td.selectPrompt {
693 font-size : x-small;
694 color : gray;
695}