]> git.wh0rd.org - tt-rss.git/blame - themes/graycube/theme.css
infobox-based feed category editor
[tt-rss.git] / themes / graycube / theme.css
CommitLineData
800a71e0
AD
1body {
2 background : #f6f6f6;
3}
4
5a:hover {
6 color : gray;
7}
8
d227b1a5
AD
9div.cdmArticle {
10 border-width : 0px 0px 1px 0px;
11 border-color : #999999;
12 margin : 0px;
13 padding : 10px;
14 background : #f9f9f9;
15 -moz-border-radius : 0px;
16}
17
18div.cdmArticleUnread {
19 border-width : 0px 0px 1px 0px;
20 border-color : #999999;
21 margin : 0px;
22 padding : 10px;
23 background : white;
24 -moz-border-radius : 0px;
25}
26
27div.cdmArticleSelected, div.cdmArticleUnreadSelected {
28 border-width : 0px 0px 1px 0px;
29 border-color : #999999;
30 margin : 0px;
31 padding : 10px;
32 background : #ffcccc;
33 -moz-border-radius : 0px;
34}
35
36div.cdmArticleUnread div.cdmHeader a.title,
37div.cdmArticleUnreadSelected div.cdmHeader a.title {
38 color : black;
39}
40
41div.cdmHeader a:hover {
42 color : black;
43}
44
f407c086
AD
45.notify {
46 border-color : #999;
47 background-color : #f9f9f9;
48 color : black;
49 -moz-border-radius : 0px;
50}
51
800a71e0
AD
52div.notice {
53 background : #f9f9f9;
54 border : 1px solid #999999;
55}
56
c93d8e07
AD
57div.warning {
58 background : #ffcccc;
59 border : 1px solid #ff0000;
60}
61
62
d227b1a5 63ul.userFeedList, ul.browseFeedList, ul.labelTestResults {
c4cbe62c
AD
64 border : 1px solid #999999;
65}
800a71e0
AD
66
67table.headlinesSubToolbar td {
68 font-size : x-small;
69 color : gray;
800a71e0
AD
70 background-image : url("images/grad_1.png");
71 background-repeat : repeat-x;
72 background-position : bottom left;
73 background-color : #f3f3f2;
74}
75
76div.postReply {
77 padding : 0px;
78 margin : 0px;
79 font-size : medium;
80}
81
82div.postReply a {
83 color : black;
84}
85
86div.postReply a:hover {
87 color : gray;
88}
89
90div.postReply div.postHeader {
91 background : #f9f9f9;
92 border-style : solid;
93 border-color : #999999;
94 border-width : 0px 0px 1px 0px;
95}
96
97div.postReply > div.postHeader {
98 padding : 5px;
99}
100
101.evenUnreadSelected, .evenSelectedUnread, .evenUnreadSelected td,
102 .evenSelectedUnread td {
f407c086 103 background-color : #ffcccc;
800a71e0
AD
104 font-weight : bold;
105 border-width : 1px 0px 1px 0px;
106 border-style : solid;
107 border-color : #ebebeb;
108}
109
110.oddUnreadSelected, .oddSelectedUnread, .oddUnreadSelected td,
111 .oddSelectedUnread td {
f407c086 112 background-color : #ffcccc;
800a71e0
AD
113 font-weight : bold;
114}
115
116.evenSelected, .evenSelected td {
f407c086 117 background-color : #ffcccc;
800a71e0
AD
118 border-width : 1px 0px 1px 0px;
119 border-style : solid;
120 border-color : #ebebeb;
121}
122
123.oddSelected, .evenSelected td {
f407c086 124 background-color : #ffcccc;
800a71e0
AD
125}
126
127.evenGrayed, .evenGrayed td {
9c483746
AD
128 background-color : #f9f9f9;
129 color : gray;
130 border-width : 1px 0px 1px 0px;
131 border-style : solid;
132 border-color : #ebebeb;
800a71e0
AD
133}
134
135.oddGrayed {
9c483746
AD
136 color : gray;
137 background-color : #f9f9f9;
800a71e0
AD
138}
139
140.even, .even td {
141 border-width : 1px 0px 1px 0px;
142 border-style : solid;
143 border-color : #ebebeb;
144 background-color : #f9f9f9;
145}
146
147.odd, .odd td {
148 background-color : #f9f9f9;
149}
150
151.evenUnread, .evenUnread td {
152 background-color : white;
153 font-weight : bold;
154 border-width : 1px 0px 1px 0px;
155 border-style : solid;
156 border-color : #ebebeb;
157}
158
159.oddUnread, .oddUnread td {
160 font-weight : bold;
161}
162
6a4413b4
AD
163ul.feedList {
164 list-style-type : none;
165 margin : 5px;
166 padding : 0px 0px 0px 5px;
167 font-size : small;
168 white-space : nowrap;
169}
170
171ul.feedList hr {
172 border-width : 0px;
173}
174
175ul.feedList li.feedCat {
176 margin : 0px;
177 padding : 1px 0px 1px 0px;
178 color : #707070;
179 font-size : small;
180}
181
182ul.feedList li.feedCat a:hover {
183 color : black;
184}
185
186ul.feedCatList {
187 list-style-type : none;
188 margin : 0px 0px 0px 10px;
189 padding : 0px;
190}
191
192ul.feedCatList li {
193 margin : 0px;
194 padding : 1px 0px 1px 0px;
195 color : black;
196}
197
198ul.feedList img {
199 vertical-align : bottom;
200}
201
202ul.feedList li {
203 margin : 0px;
204 padding : 2px 0px 2px 0px;
205}
206
207
800a71e0
AD
208li.feedSelected a,
209li.labelSelected a,
210li.virtSelected a,
211li.tagSelected a {
212 color : gray;
213}
214
215li.feedUnreadSelected a,
216li.labelUnreadSelected a,
217li.virtUnreadSelected a,
218li.tagUnreadSelected a {
219 color : gray;
220}
221
9c483746
AD
222div.prefFeedCatHolder {
223 border : 1px solid #999999;
224}
225
800a71e0
AD
226table.prefFeedList td.feedEditCat {
227 font-weight : bold;
228 border-width : 0px 0px 1px 0px;
229 border-style : solid;
230 border-color : #999999;
231 padding-top : 0.5em;
232}
233
234tr.title td {
235 color : gray;
236 font-weight : bold;
237}
238
239tr.title td a {
240 color : gray;
241}
242
243tr.title td a:hover {
244 color : black;
245}
246
247span.contentPreview:hover {
f407c086 248 color : gray;
800a71e0
AD
249}
250
251#dispSwitch a:hover {
252 color : black;
253}
254
255#infoBoxTitle {
256 border-width : 0px 0px 1px 0px;
257 border-style : solid;
258 border-color : #999999;
259 background : #f9f9f9;
260 padding : 2px;
261 color : black;
262}
263
264
265#infoBox {
266 border-width : 1px 1px 1px 1px;
267 border-style : solid;
268 border-color : #999999;
269 font-size : small;
270 position : relative;
271 bottom : 2px;
272 right : 2px;
273 padding-bottom : 5px;
274 background : white;
275}
276
277#header {
278 position : absolute;
279 white-space: nowrap;
280 top : 10px;
6a4413b4 281 left : 25px;
800a71e0
AD
282 right : 20px;
283 height : 40px;
284 color : gray;
285 font-size : small;
286}
287
288#feeds-holder {
289 border-width : 1px 1px 1px 1px;
290 border-style : solid;
291 border-color : #c0c0c0;
292 top : 50px;
293 left : 20px;
294 position : absolute;
295 width : 240px;
296 overflow : auto;
297 bottom : 30px;
298 border-collapse : collapse;
299 background : #f9f9f9;
300}
301
302#toolbar {
303 position : absolute;
304 left : 280px;
140eda6c 305 padding : 0px 20px 10px 0px;
800a71e0
AD
306 top : 50px;
307 right : 0px;
308 white-space: nowrap;
309 height : 30px;
310 background-image : url("images/toolbar.png");
311 background-position : bottom left;
312 background-repeat : repeat-x;
313}
314
315div.headlines_normal {
316 position : absolute;
317 border-width : 1px 1px 1px 1px;
318 border-style : solid;
319 border-color : #999999;
320 left : 280px;
321 height : 305px;
322 top : 85px;
323 right : 20px;
324 overflow : hidden;
325 background : white;
326 font-size : small;
327 border-collapse : collapse;
328}
329
330div.headlines_cdm {
331 position : absolute;
d227b1a5 332 border-width : 1px 1px 1px 1px;
800a71e0
AD
333 border-style : solid;
334 border-color : #999;
335 left : 280px;
336 bottom : 30px;
337 top : 85px;
338 right : 20px;
d227b1a5 339 overflow : hidden;
800a71e0
AD
340 font-size : small;
341 background : white;
342 border-collapse : collapse;
343}
344
345#content-frame {
346 position : absolute;
347 border-width : 1px 1px 1px 1px;
348 border-style : solid;
349 border-color : #999999;
350 background : white;
351 overflow : auto;
352 top : 410px;
353 left : 280px;
354 bottom : 30px;
355 right : 20px;
356 border-collapse : collapse;
357}
358
23c2a4e7
AD
359#footer, #prefFooter {
360 vertical-align : middle;
361 display : block;
800a71e0 362 position : absolute;
23c2a4e7 363 bottom : 5px;
800a71e0
AD
364 text-align : center;
365 color : gray;
366 font-size : x-small;
367 right : 0px;
368 left : 0px;
369 padding : 0px;
370 border-width : 0px;
371 background : #f6f6f6;
372}
373
374#footer a {
375 color : gray;
376}
377
378#headlinesContainer {
f407c086 379 margin-left : 0px;
800a71e0
AD
380 background-color : white;
381}
382
383#headlineActionsTop {
384/* border-width : 0px 0px 1px 0px;
385 border-style : solid;
386 border-color : #c0c0c0;
387 background-color : #fafafa; */
388 font-size : x-small;
389}
390
391#headlinesInnerContainer {
800a71e0 392 overflow : auto;
d227b1a5
AD
393 position : absolute;
394 left : 1px;
395 right : 0px;
396 bottom : 0px;
397 top : 25px;
800a71e0
AD
398}
399
400div.firstTab {
401 width : 20px;
6a244e6e 402 float : left;
800a71e0
AD
403}
404
405div.prefsTab {
406 border-color : #999999;
407}
408
409div.prefsTabSelected {
410 border-color : #999999;
411 background : white;
412}
413
414/* preferences layout */
415
416#prefHeader {
23c2a4e7 417 margin : 10px 10px 10px 25px;
800a71e0
AD
418 color : gray;
419 font-size : small;
420}
421
422div.return {
423 float : right;
424 font-size : small;
425 margin-right : 10px;
426}
427
428div.return a {
429 color : black;
430}
431
432div.return a:hover {
433 color : gray;
434}
435
436#prefContent {
437 clear : left;
23c2a4e7
AD
438 position : absolute;
439 bottom : 30px;
440 top : 75px;
441 overflow : auto;
442 left : 10px;
443 right : 10px;
800a71e0 444 padding : 1em;
23c2a4e7 445 margin : 0px;
800a71e0
AD
446 background : white;
447 font-size : small;
448 border-width : 1px 1px 1px 1px;
449 border-color : #999999;
450 border-style : solid;
451
452}
f407c086 453