style/out/color.css

body {
    color: #000;
    background: #ddd url('images/bg-sidebar.png') top right repeat-y;
        }
a {
    color: #000;
        }
        
.date-divider
{
    color: #bebfc0;
}

div#head {
        background: #fff right 8px no-repeat !important;
        }

span#logo {
        float: right;
        padding-top: 5px;
        padding-right: 5px;
        border: none;
}

span#logo img {
        border: none;
}

        #head li {
                border-color: #ddd;
                }
        #head li a {
                color: #67b0cb;
                background-color: #fff;
                }

/* -- Side bar ------------------ */
#side {
        }
#side h3 {
    border-color: #bebfc0;
        }
#side h4 {
    color: #666;
        }

form.search input:focus,
form.search input:hover {
    color: #000;
        }
form.search input {
    color: #666;
        }
        #side form label {
                color: #666;
                }
#side ul {
        }
        #side ul li a {
                color: #666;
                }
        #side ul li.on a {
                color: #fff;
                background-color: #08c !important;
                }
#side p {
        color: #666;
        }

/* -- Feeds Screen -------------- */
table.feeds tr.feed td {
    background-color: transparent;
    border-color: transparent;
        }
table.feeds tr.feed.highlight-on td {
    background-color: #08c !important;
    border-color: #08c;
        }
table.feeds tr.feed.highlight-on td,
table.feeds tr.feed.highlight-on td a {
    color: #fff;
        }

table.feeds tr th {
    border-color: #bebfc0;
        }
table.feeds tr .age .last-hour {
    background-color: #f96211;
    color: #fff;
        }

table.feeds tr .age .today {
    background-color: #e5e500;
    color: #000;
        }

table.feeds tr .age .never {
    color: #999;
        }

table.feeds tr .publish .published {
    background-color: #67b0cb;
    color: #fff;
        }

table.feeds tr .unread,
table.feeds tr .published {
    color: #999;
        }

table.feeds tr .unread a,
table.feeds tr .published a {
    color: #666;
        }

table.feeds .self .unread,
table.feeds .self .published {
    color: #666;
        }

table.feeds .self .unread a,
table.feeds .self .published a {
    color: #444;
        }

table.feeds tr.feed.highlight-on .unread,
table.feeds tr.feed.highlight-on .unread a,
table.feeds tr.feed.highlight-on .published,
table.feeds tr.feed.highlight-on .published a {
    color: #9df;
        }

table.feeds tr.self td {
    background-color: #bebfc0;
        }

table.feeds tr.feedextra.highlight-on td {
    background-color: white;
    border-color: #08c;
        }
    
table.feeds tr.feedextra .close a {
    color: #999;
    }

table.feeds tr td.extra a {
    /*background-color: #59b2de;*/
    background-color: #3ad;
        }
    table.feeds tr td.extra a.on {
        /*background-color: #59b2de;*/
        background-color: #3cf;
        }
    
table.feeds tr th.extra a {
    background-color: #ddd;
        }

table.feeds tr.feed.highlight-off .extra a {
    color: #666;
    background-color: #ddd;
        }

table.feeds tr.feedextra.processing td,
.item.processing .body {
    background-color: #fff;
        background-image: url("images/spinner-0xFFFFFF.gif");
        background-position: 95% 3%;
        background-repeat: no-repeat;
        }


/* -- Items Screen -------------- */
/* -- Base ---------------------- */
.item a {
    color: #069;
        }
.item .extra a {
    background-color: #ddd;
        }
.item .extra a.on {
    background-color: #eee;
        }
        .item .meta {
                color: #ddd;
                }

/* -- Processing ---------------- */
.item .header .control.processing {
        background-image: url("images/spinner-0xBEBFC0.gif");
        background-position: center center;
        background-repeat: no-repeat;
        }
.item.published.unread .header .control.processing,
.item.published.read-but-visible .header .control.processing {
        background-image: url("images/spinner-0x67B0CB.gif");
        background-position: center center;
        background-repeat: no-repeat;
        }
.item.highlight-off .header .control.processing {
        background-image: url("images/spinner-0xDDDDDD.gif") !important;
        background-position: center center;
        background-repeat: no-repeat;
        }


/* -- Hilite on ----------------- */
.item .header {
    background: #bebfc0;
    border-color: #bebfc0;
        }
        .item .header .head .found {
                color: #666;
                }
.item .content {
        background-color: #fff;
        border-color: #bebfc0;
        }
.item .content .meta {
        color: #333;
        }

.item.unread.published .header,
.item.read-but-visible.published .header {
    /* on a blue field */
    background-color: #67b0cb;
    border-color: #67b0cb;
        }
        .item.unread.published .header .head .found,
    .item.unread.published .header .control.publish,
        .item.read-but-visible.published .header .head .found,
    .item.read-but-visible.published .header .control.publish,
    .item.read-but-visible.published .header .control.read {
        /* grayed-out, but on a blue field */
                color: #557a87;
                }
.item.unread.published .extra a,
.item.read-but-visible.published .extra a {
    background-color: #9cccdd;
        }
.item.unread.published .extra a.on,
.item.read-but-visible.published .extra a.on {
    background-color: #cae3ed;
        }

.item.read .header .control.read,
.item.read.published .header .control.publish,
.item.read-but-visible .header .control.read {
        color: #999;
        }


/* -- Hilite off ---------------- */
        .item.highlight-off .header {
                background: #ddd !important;
                border-color: #bebfc0 !important;
                }
        .item.highlight-off .header .head .found,
    .item.highlight-off .header .extra a {
                color: #999 !important;
        background-color: transparent !important;
                }
        .item.highlight-off .content {
                color: #000;
                background: #ddd;
                border-color: #ddd;
                }

/* Hilite off - read */
/* Hilite off - read  - unpublished */
        .item.highlight-off.read-but-visible .header .control.read,
        .item.highlight-off.read .header .control.read,
        .item.highlight-off.published .header .control.publish {
                color: #999;
                }


/* -- Add Feeds Screen --------------- */
#util h4 {
        border-color: #bebfc0;
        }
#util .bookmarklet a {
        color: #00c;
        }

#cheatsheet {
        border-color: #bebfc0;
    background-color: white;
    }

    dl#cheatsheet dt {
        color: #666;
        }
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	.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	}