feedbrowser: make CSS match narcissus a bit more
[angstrom:feedbrowser.git] / css / feed.css
1 html, body
2 {
3   margin: 0;
4   padding: 0;
5   background-color: #ffffff;
6   font-family: verdana, helvetica, sans-serif;
7   color: #333333;
8   height: 100%;
9 }
10
11 #left
12 {
13         position: absolute;
14         left: 10px;
15         top: 74px;
16         width: 200px;
17         background:#fff;
18 }
19
20 #right
21 {
22         background:#fff;
23         margin-right: 0;
24         voice-family: "\"}\"";
25         voice-family: inherit;
26         margin-left: 211px;
27         margin-right:0;
28 }
29
30 a
31 {
32         text-decoration: none;
33         color: #0066cc
34 }
35
36 table
37 {
38         width: 100%;
39 }
40
41 th
42 {
43         font-weight: bold;
44 }
45
46 td
47 {
48         padding: 0 0.5em;
49         vertical-align: top;
50 }
51
52 #letters
53 {
54         margin: 1em 0;
55         text-align: center;
56 }
57
58 h2
59 {
60         font-size: 105%;
61 }
62
63 dt
64 {
65         padding-top: 0.5em;
66 }
67
68 #sections
69 {
70         padding-top: 1em;
71         list-style: none;
72         font-size: 0.8em;
73 }
74
75 .subsections
76 {
77         list-style: none;
78         margin-left: -1em;
79 }
80 .download:before
81 {
82         content:  url("images/package-x-generic.png"); 
83         padding: 0 2px;
84 }
85
86 #download
87 {
88         list-style: none;
89 }
90
91 #header
92 {
93   background-image: url("images/top-bg.png");
94   background-repeat: repeat-x;
95   margin: 0;
96   padding: 0;
97   height: 64px;
98   overflow: hidden;
99 }
100
101 #header h1
102 {
103   text-align: right;
104   margin: 0;
105   color: #fdfdff;
106   text-shadow: #000 2px 2px -5px;
107   padding-right: 1em;
108 }
109
110 #footer
111 {
112   text-align: center;
113   font-size: 0.8em;
114   clear: both;
115   color: grey;
116   background:#efefef;
117   left: 0px;
118   right: 0px;
119   bottom:0px;
120   height: 4em;
121   margin:0;
122 }
123
124 .push {
125   height: 4em;
126 }
127
128 .wrapper {
129         min-height: 100%;
130         height: auto !important;
131         height: 100%;
132         margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */
133 }