1 |
dpavlin |
2 |
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 |
|
|
.date-divider |
10 |
|
|
{ |
11 |
|
|
color: #bebfc0; |
12 |
|
|
} |
13 |
|
|
|
14 |
|
|
div#head { |
15 |
|
|
background: #fff right 8px no-repeat !important; |
16 |
|
|
} |
17 |
|
|
|
18 |
|
|
span#logo { |
19 |
|
|
float: right; |
20 |
|
|
padding-top: 5px; |
21 |
|
|
padding-right: 5px; |
22 |
|
|
border: none; |
23 |
|
|
} |
24 |
|
|
|
25 |
|
|
span#logo img { |
26 |
|
|
border: none; |
27 |
|
|
} |
28 |
|
|
|
29 |
|
|
#head li { |
30 |
|
|
border-color: #ddd; |
31 |
|
|
} |
32 |
|
|
#head li a { |
33 |
|
|
color: #67b0cb; |
34 |
|
|
background-color: #fff; |
35 |
|
|
} |
36 |
|
|
|
37 |
|
|
/* -- Side bar ------------------ */ |
38 |
|
|
#side { |
39 |
|
|
} |
40 |
|
|
#side h3 { |
41 |
|
|
border-color: #bebfc0; |
42 |
|
|
} |
43 |
|
|
#side h4 { |
44 |
|
|
color: #666; |
45 |
|
|
} |
46 |
|
|
|
47 |
|
|
form.search input:focus, |
48 |
|
|
form.search input:hover { |
49 |
|
|
color: #000; |
50 |
|
|
} |
51 |
|
|
form.search input { |
52 |
|
|
color: #666; |
53 |
|
|
} |
54 |
|
|
#side form label { |
55 |
|
|
color: #666; |
56 |
|
|
} |
57 |
|
|
#side ul { |
58 |
|
|
} |
59 |
|
|
#side ul li a { |
60 |
|
|
color: #666; |
61 |
|
|
} |
62 |
|
|
#side ul li.on a { |
63 |
|
|
color: #fff; |
64 |
|
|
background-color: #08c !important; |
65 |
|
|
} |
66 |
|
|
#side p { |
67 |
|
|
color: #666; |
68 |
|
|
} |
69 |
|
|
|
70 |
|
|
/* -- Feeds Screen -------------- */ |
71 |
|
|
table.feeds tr.feed td { |
72 |
|
|
background-color: transparent; |
73 |
|
|
border-color: transparent; |
74 |
|
|
} |
75 |
|
|
table.feeds tr.feed.highlight-on td { |
76 |
|
|
background-color: #08c !important; |
77 |
|
|
border-color: #08c; |
78 |
|
|
} |
79 |
|
|
table.feeds tr.feed.highlight-on td, |
80 |
|
|
table.feeds tr.feed.highlight-on td a { |
81 |
|
|
color: #fff; |
82 |
|
|
} |
83 |
|
|
|
84 |
|
|
table.feeds tr th { |
85 |
|
|
border-color: #bebfc0; |
86 |
|
|
} |
87 |
|
|
table.feeds tr .age .last-hour { |
88 |
|
|
background-color: #f96211; |
89 |
|
|
color: #fff; |
90 |
|
|
} |
91 |
|
|
|
92 |
|
|
table.feeds tr .age .today { |
93 |
|
|
background-color: #e5e500; |
94 |
|
|
color: #000; |
95 |
|
|
} |
96 |
|
|
|
97 |
|
|
table.feeds tr .age .never { |
98 |
|
|
color: #999; |
99 |
|
|
} |
100 |
|
|
|
101 |
|
|
table.feeds tr .publish .published { |
102 |
|
|
background-color: #67b0cb; |
103 |
|
|
color: #fff; |
104 |
|
|
} |
105 |
|
|
|
106 |
|
|
table.feeds tr .unread, |
107 |
|
|
table.feeds tr .published { |
108 |
|
|
color: #999; |
109 |
|
|
} |
110 |
|
|
|
111 |
|
|
table.feeds tr .unread a, |
112 |
|
|
table.feeds tr .published a { |
113 |
|
|
color: #666; |
114 |
|
|
} |
115 |
|
|
|
116 |
|
|
table.feeds .self .unread, |
117 |
|
|
table.feeds .self .published { |
118 |
|
|
color: #666; |
119 |
|
|
} |
120 |
|
|
|
121 |
|
|
table.feeds .self .unread a, |
122 |
|
|
table.feeds .self .published a { |
123 |
|
|
color: #444; |
124 |
|
|
} |
125 |
|
|
|
126 |
|
|
table.feeds tr.feed.highlight-on .unread, |
127 |
|
|
table.feeds tr.feed.highlight-on .unread a, |
128 |
|
|
table.feeds tr.feed.highlight-on .published, |
129 |
|
|
table.feeds tr.feed.highlight-on .published a { |
130 |
|
|
color: #9df; |
131 |
|
|
} |
132 |
|
|
|
133 |
|
|
table.feeds tr.self td { |
134 |
|
|
background-color: #bebfc0; |
135 |
|
|
} |
136 |
|
|
|
137 |
|
|
table.feeds tr.feedextra.highlight-on td { |
138 |
|
|
background-color: white; |
139 |
|
|
border-color: #08c; |
140 |
|
|
} |
141 |
|
|
|
142 |
|
|
table.feeds tr.feedextra .close a { |
143 |
|
|
color: #999; |
144 |
|
|
} |
145 |
|
|
|
146 |
|
|
table.feeds tr td.extra a { |
147 |
|
|
/*background-color: #59b2de;*/ |
148 |
|
|
background-color: #3ad; |
149 |
|
|
} |
150 |
|
|
table.feeds tr td.extra a.on { |
151 |
|
|
/*background-color: #59b2de;*/ |
152 |
|
|
background-color: #3cf; |
153 |
|
|
} |
154 |
|
|
|
155 |
|
|
table.feeds tr th.extra a { |
156 |
|
|
background-color: #ddd; |
157 |
|
|
} |
158 |
|
|
|
159 |
|
|
table.feeds tr.feed.highlight-off .extra a { |
160 |
|
|
color: #666; |
161 |
|
|
background-color: #ddd; |
162 |
|
|
} |
163 |
|
|
|
164 |
|
|
table.feeds tr.feedextra.processing td, |
165 |
|
|
.item.processing .body { |
166 |
|
|
background-color: #fff; |
167 |
|
|
background-image: url("images/spinner-0xFFFFFF.gif"); |
168 |
|
|
background-position: 95% 3%; |
169 |
|
|
background-repeat: no-repeat; |
170 |
|
|
} |
171 |
|
|
|
172 |
|
|
|
173 |
|
|
/* -- Items Screen -------------- */ |
174 |
|
|
/* -- Base ---------------------- */ |
175 |
|
|
.item a { |
176 |
|
|
color: #069; |
177 |
|
|
} |
178 |
|
|
.item .extra a { |
179 |
|
|
background-color: #ddd; |
180 |
|
|
} |
181 |
|
|
.item .extra a.on { |
182 |
|
|
background-color: #eee; |
183 |
|
|
} |
184 |
|
|
.item .meta { |
185 |
|
|
color: #ddd; |
186 |
|
|
} |
187 |
|
|
|
188 |
|
|
/* -- Processing ---------------- */ |
189 |
|
|
.item .header .control.processing { |
190 |
|
|
background-image: url("images/spinner-0xBEBFC0.gif"); |
191 |
|
|
background-position: center center; |
192 |
|
|
background-repeat: no-repeat; |
193 |
|
|
} |
194 |
|
|
.item.published.unread .header .control.processing, |
195 |
|
|
.item.published.read-but-visible .header .control.processing { |
196 |
|
|
background-image: url("images/spinner-0x67B0CB.gif"); |
197 |
|
|
background-position: center center; |
198 |
|
|
background-repeat: no-repeat; |
199 |
|
|
} |
200 |
|
|
.item.highlight-off .header .control.processing { |
201 |
|
|
background-image: url("images/spinner-0xDDDDDD.gif") !important; |
202 |
|
|
background-position: center center; |
203 |
|
|
background-repeat: no-repeat; |
204 |
|
|
} |
205 |
|
|
|
206 |
|
|
|
207 |
|
|
/* -- Hilite on ----------------- */ |
208 |
|
|
.item .header { |
209 |
|
|
background: #bebfc0; |
210 |
|
|
border-color: #bebfc0; |
211 |
|
|
} |
212 |
|
|
.item .header .head .found { |
213 |
|
|
color: #666; |
214 |
|
|
} |
215 |
|
|
.item .content { |
216 |
|
|
background-color: #fff; |
217 |
|
|
border-color: #bebfc0; |
218 |
|
|
} |
219 |
|
|
.item .content .meta { |
220 |
|
|
color: #333; |
221 |
|
|
} |
222 |
|
|
|
223 |
|
|
.item.unread.published .header, |
224 |
|
|
.item.read-but-visible.published .header { |
225 |
|
|
/* on a blue field */ |
226 |
|
|
background-color: #67b0cb; |
227 |
|
|
border-color: #67b0cb; |
228 |
|
|
} |
229 |
|
|
.item.unread.published .header .head .found, |
230 |
|
|
.item.unread.published .header .control.publish, |
231 |
|
|
.item.read-but-visible.published .header .head .found, |
232 |
|
|
.item.read-but-visible.published .header .control.publish, |
233 |
|
|
.item.read-but-visible.published .header .control.read { |
234 |
|
|
/* grayed-out, but on a blue field */ |
235 |
|
|
color: #557a87; |
236 |
|
|
} |
237 |
|
|
.item.unread.published .extra a, |
238 |
|
|
.item.read-but-visible.published .extra a { |
239 |
|
|
background-color: #9cccdd; |
240 |
|
|
} |
241 |
|
|
.item.unread.published .extra a.on, |
242 |
|
|
.item.read-but-visible.published .extra a.on { |
243 |
|
|
background-color: #cae3ed; |
244 |
|
|
} |
245 |
|
|
|
246 |
|
|
.item.read .header .control.read, |
247 |
|
|
.item.read.published .header .control.publish, |
248 |
|
|
.item.read-but-visible .header .control.read { |
249 |
|
|
color: #999; |
250 |
|
|
} |
251 |
|
|
|
252 |
|
|
|
253 |
|
|
|
254 |
|
|
|
255 |
|
|
/* -- Hilite off ---------------- */ |
256 |
|
|
.item.highlight-off .header { |
257 |
|
|
background: #ddd !important; |
258 |
|
|
border-color: #bebfc0 !important; |
259 |
|
|
} |
260 |
|
|
.item.highlight-off .header .head .found, |
261 |
|
|
.item.highlight-off .header .extra a { |
262 |
|
|
color: #999 !important; |
263 |
|
|
background-color: transparent !important; |
264 |
|
|
} |
265 |
|
|
.item.highlight-off .content { |
266 |
|
|
color: #000; |
267 |
|
|
background: #ddd; |
268 |
|
|
border-color: #ddd; |
269 |
|
|
} |
270 |
|
|
|
271 |
|
|
/* Hilite off - read */ |
272 |
|
|
/* Hilite off - read - unpublished */ |
273 |
|
|
.item.highlight-off.read-but-visible .header .control.read, |
274 |
|
|
.item.highlight-off.read .header .control.read, |
275 |
|
|
.item.highlight-off.published .header .control.publish { |
276 |
|
|
color: #999; |
277 |
|
|
} |
278 |
|
|
|
279 |
|
|
|
280 |
|
|
|
281 |
|
|
|
282 |
|
|
/* -- Add Feeds Screen --------------- */ |
283 |
|
|
#util h4 { |
284 |
|
|
border-color: #bebfc0; |
285 |
|
|
} |
286 |
|
|
#util .bookmarklet a { |
287 |
|
|
color: #00c; |
288 |
|
|
} |
289 |
|
|
|
290 |
|
|
#cheatsheet { |
291 |
|
|
border-color: #bebfc0; |
292 |
|
|
background-color: white; |
293 |
|
|
} |
294 |
|
|
|
295 |
|
|
dl#cheatsheet dt { |
296 |
|
|
color: #666; |
297 |
|
|
} |