1 |
body { |
2 |
color: #000; |
3 |
background: #ddd url('images/bg-sidebar.png') top right repeat-y; |
4 |
} |
5 |
a { |
6 |
color: #000; |
7 |
} |
8 |
|
9 |
div#head { |
10 |
background: #fff right 8px no-repeat !important; |
11 |
} |
12 |
|
13 |
span#logo { |
14 |
float: right; |
15 |
padding-top: 5px; |
16 |
padding-right: 5px; |
17 |
border: none; |
18 |
} |
19 |
|
20 |
span#logo img { |
21 |
border: none; |
22 |
} |
23 |
|
24 |
#head li { |
25 |
border-color: #ddd; |
26 |
} |
27 |
#head li a { |
28 |
color: #67b0cb; |
29 |
background-color: #fff; |
30 |
} |
31 |
|
32 |
/* -- Side bar ------------------ */ |
33 |
#side { |
34 |
} |
35 |
#side h3 { |
36 |
border-color: #bebfc0; |
37 |
} |
38 |
#side h4 { |
39 |
color: #666; |
40 |
} |
41 |
|
42 |
form.search input:focus, |
43 |
form.search input:hover { |
44 |
color: #000; |
45 |
} |
46 |
form.search input { |
47 |
color: #666; |
48 |
} |
49 |
#side form label { |
50 |
color: #666; |
51 |
} |
52 |
#side ul { |
53 |
} |
54 |
#side ul li { |
55 |
border-color: #eee; |
56 |
} |
57 |
#side ul li a { |
58 |
color: #666; |
59 |
} |
60 |
#side ul li.on a { |
61 |
color: #fff; |
62 |
background-color: #08c !important; |
63 |
} |
64 |
#side p { |
65 |
color: #666; |
66 |
} |
67 |
|
68 |
/* -- Feeds Screen -------------- */ |
69 |
table.feeds tr.feed td { |
70 |
background-color: transparent; |
71 |
border-color: transparent; |
72 |
} |
73 |
table.feeds tr.feed.highlight-on td { |
74 |
background-color: #08c !important; |
75 |
border-color: #08c; |
76 |
} |
77 |
table.feeds tr.feed.highlight-on td, |
78 |
table.feeds tr.feed.highlight-on td a { |
79 |
color: #fff; |
80 |
} |
81 |
|
82 |
table.feeds tr th { |
83 |
border-color: #bebfc0; |
84 |
} |
85 |
table.feeds tr .age .last-hour { |
86 |
background-color: #f96211; |
87 |
color: #fff; |
88 |
} |
89 |
|
90 |
table.feeds tr .age .today { |
91 |
background-color: #e5e500; |
92 |
color: #000; |
93 |
} |
94 |
|
95 |
table.feeds tr .age .never { |
96 |
color: #999; |
97 |
} |
98 |
|
99 |
table.feeds tr .publish .published { |
100 |
background-color: #67b0cb; |
101 |
color: #fff; |
102 |
} |
103 |
|
104 |
table.feeds tr .unread, |
105 |
table.feeds tr .published { |
106 |
color: #999; |
107 |
} |
108 |
|
109 |
table.feeds tr .unread a, |
110 |
table.feeds tr .published a { |
111 |
color: #666; |
112 |
} |
113 |
|
114 |
table.feeds .self .unread, |
115 |
table.feeds .self .published { |
116 |
color: #666; |
117 |
} |
118 |
|
119 |
table.feeds .self .unread a, |
120 |
table.feeds .self .published a { |
121 |
color: #444; |
122 |
} |
123 |
|
124 |
table.feeds tr.feed.highlight-on .unread, |
125 |
table.feeds tr.feed.highlight-on .unread a, |
126 |
table.feeds tr.feed.highlight-on .published, |
127 |
table.feeds tr.feed.highlight-on .published a { |
128 |
color: #9df; |
129 |
} |
130 |
|
131 |
table.feeds tr.self td { |
132 |
background-color: #bebfc0; |
133 |
} |
134 |
|
135 |
table.feeds tr.feedextra.highlight-on td { |
136 |
background-color: white; |
137 |
border-color: #08c; |
138 |
} |
139 |
|
140 |
table.feeds tr.feedextra .close a { |
141 |
color: #999; |
142 |
} |
143 |
|
144 |
table.feeds tr td.extra a { |
145 |
/*background-color: #59b2de;*/ |
146 |
background-color: #3ad; |
147 |
} |
148 |
table.feeds tr td.extra a.on { |
149 |
/*background-color: #59b2de;*/ |
150 |
background-color: #3cf; |
151 |
} |
152 |
|
153 |
table.feeds tr th.extra a { |
154 |
background-color: #ddd; |
155 |
} |
156 |
|
157 |
table.feeds tr.feed.highlight-off .extra a { |
158 |
color: #666; |
159 |
background-color: #ddd; |
160 |
} |
161 |
|
162 |
table.feeds tr.feedextra.processing td { |
163 |
background-color: #fff; |
164 |
background-image: url("images/spinner-0xFFFFFF.gif"); |
165 |
background-position: 95% 3%; |
166 |
background-repeat: no-repeat; |
167 |
} |
168 |
|
169 |
|
170 |
/* -- Items Screen -------------- */ |
171 |
/* -- Base ---------------------- */ |
172 |
.item a { |
173 |
color: #069; |
174 |
} |
175 |
.item .extra a { |
176 |
background-color: #ddd; |
177 |
} |
178 |
.item .extra a.on { |
179 |
background-color: #eee; |
180 |
} |
181 |
.item .meta { |
182 |
color: #ddd; |
183 |
} |
184 |
|
185 |
/* -- Processing ---------------- */ |
186 |
.item .header .control.processing { |
187 |
background-image: url("images/spinner-0xBEBFC0.gif"); |
188 |
background-position: center center; |
189 |
background-repeat: no-repeat; |
190 |
} |
191 |
.item.highlight-off .header .control.processing { |
192 |
background-image: url("images/spinner-0xDDDDDD.gif"); |
193 |
background-position: center center; |
194 |
background-repeat: no-repeat; |
195 |
} |
196 |
.item.published .header .control.processing { |
197 |
background-image: url("images/spinner-0x67B0CB.gif"); |
198 |
background-position: center center; |
199 |
background-repeat: no-repeat; |
200 |
} |
201 |
.item.published.highlight-off .header .control.processing { |
202 |
background-image: url("images/spinner-0xB4CDD7.gif"); |
203 |
background-position: center center; |
204 |
background-repeat: no-repeat; |
205 |
} |
206 |
|
207 |
|
208 |
/* -- Hilite on ----------------- */ |
209 |
.item .header { |
210 |
background: #bebfc0; |
211 |
border-color: #bebfc0; |
212 |
} |
213 |
.item .header .head .found { |
214 |
color: #666; |
215 |
} |
216 |
.item .content { |
217 |
background-color: #fff; |
218 |
border-color: #bebfc0; |
219 |
} |
220 |
.item .content .meta { |
221 |
color: #333; |
222 |
} |
223 |
|
224 |
|
225 |
.item.read .header .control.read, |
226 |
.item.read-but-visible .header .control.read { |
227 |
/* grayed-out text */ |
228 |
color: #999; |
229 |
} |
230 |
.item.published .header { |
231 |
/* basic dark blue field for published items */ |
232 |
background-color: #67b0cb !important; |
233 |
border-color: #67b0cb; |
234 |
} |
235 |
.item.published .header .head .found, |
236 |
.item.published .header .control.publish, |
237 |
.item.read.published .header .control, |
238 |
.item.read-but-visible.published .header .control { |
239 |
/* grayed-out text on a basic blue field */ |
240 |
color: #557a87 !important; |
241 |
} |
242 |
.item.unread.published .extra a, |
243 |
.item.read-but-visible.published .extra a { |
244 |
/* tab */ |
245 |
background-color: #9cccdd; |
246 |
} |
247 |
.item.unread.published .extra a.on, |
248 |
.item.read-but-visible.published .extra a.on { |
249 |
/* selected tab */ |
250 |
background-color: #cae3ed; |
251 |
} |
252 |
|
253 |
.item.processing .body { |
254 |
background-color: #fff; |
255 |
background-image: url("images/spinner-0xFFFFFF.gif"); |
256 |
background-position: 95% 3%; |
257 |
background-repeat: no-repeat; |
258 |
} |
259 |
|
260 |
|
261 |
|
262 |
/* -- Hilite off ---------------- */ |
263 |
.item.highlight-off .header { |
264 |
/* unselected items are roughly transparent */ |
265 |
background-color: #ddd !important; |
266 |
border-color: #bebfc0 !important; |
267 |
} |
268 |
|
269 |
.item.highlight-off.read-but-visible.published .header, |
270 |
.item.highlight-off.published .header { |
271 |
/* a slightly dimmed blue indicates unselected published items */ |
272 |
background-color: #b4cdd7 !important; |
273 |
border-color: #a2c6d4 !important; |
274 |
} |
275 |
|
276 |
.item.highlight-off .header .head .found, |
277 |
.item.highlight-off .header .extra a { |
278 |
/* tabs go transparent on unselected items */ |
279 |
color: #999 !important; |
280 |
background-color: transparent !important; |
281 |
} |
282 |
.item.highlight-off.published .header .head .found, |
283 |
.item.highlight-off.published .header .extra a, |
284 |
.item.highlight-off.published .header .control.publish, |
285 |
.item.highlight-off.read.published .header .control, |
286 |
.item.highlight-off.read-but-visible.published .header .control { |
287 |
/* grayed-out text on a dimmed basic blue field */ |
288 |
color: #8fa8b2 !important; |
289 |
} |
290 |
.item.highlight-off .content { |
291 |
color: #000; |
292 |
background: #ddd; |
293 |
border-color: #ddd; |
294 |
} |
295 |
|
296 |
.item.highlight-off.processing .body { |
297 |
background-color: #ddd; |
298 |
background-image: url("images/spinner-0xDDDDDD.gif"); |
299 |
} |
300 |
|
301 |
|
302 |
|
303 |
.item a.link-selected { |
304 |
color: #ccf; |
305 |
background-color: transparent; |
306 |
background-image: url("images/selected-FFFFFF.gif"); |
307 |
background-position: center top; |
308 |
background-repeat: no-repeat; |
309 |
} |
310 |
|
311 |
.item a.link-unselected { |
312 |
color: #666; |
313 |
background-color: transparent; |
314 |
background-image: url("images/unselected-FFFFFF.gif"); |
315 |
background-position: center top; |
316 |
background-repeat: no-repeat; |
317 |
} |
318 |
|
319 |
.item .header a.link-selected { |
320 |
background-image: url("images/selected-BEBFC0.gif"); |
321 |
} |
322 |
|
323 |
.item .header a.link-unselected { |
324 |
background-image: url("images/unselected-BEBFC0.gif"); |
325 |
} |
326 |
|
327 |
.item.published .header a.link-selected { |
328 |
background-image: url("images/selected-67B0CB.gif"); |
329 |
} |
330 |
|
331 |
.item.published .header a.link-unselected { |
332 |
background-image: url("images/unselected-67B0CB.gif"); |
333 |
} |
334 |
|
335 |
.item.highlight-off a.link-selected { |
336 |
background-image: url("images/selected-DDDDDD.gif") !important; |
337 |
} |
338 |
|
339 |
.item.highlight-off a.link-unselected { |
340 |
background-image: url("images/unselected-DDDDDD.gif") !important; |
341 |
} |
342 |
|
343 |
.item.published.highlight-off a.link-selected { |
344 |
background-image: url("images/selected-B4CDD7.gif") !important; |
345 |
} |
346 |
|
347 |
.item.published.highlight-off a.link-unselected { |
348 |
background-image: url("images/unselected-B4CDD7.gif") !important; |
349 |
} |
350 |
|
351 |
|
352 |
div#post-items-list |
353 |
{ |
354 |
border-top: solid 1px grey; |
355 |
} |
356 |
|
357 |
|
358 |
|
359 |
/* -- Add Feeds Screen --------------- */ |
360 |
#util h4 { |
361 |
border-color: #bebfc0; |
362 |
} |
363 |
#util .bookmarklet a { |
364 |
color: #00c; |
365 |
} |
366 |
|
367 |
#cheatsheet { |
368 |
border-color: #bebfc0; |
369 |
background-color: white; |
370 |
} |
371 |
|
372 |
dl#cheatsheet dt { |
373 |
color: #666; |
374 |
} |