]> git.wh0rd.org - 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 }