trunk/style/layout.css

body {
        margin: 0;
        padding: 0;
        }

div#head {
        margin: 0;
        padding: 0;
        height: 64px;
        width: 100%;
}

#head ul {
        margin: 0;
        padding: 0;
        height: 64px;
        white-space: nowrap;
        overflow: hidden;
        display: inline;
        }

        #head ul li {
                margin: 0;
                padding: 0;
                list-style: none;
                display: block;
                float: left;
                border-width: 0 1px 0 0;
                border-style: none solid none none;
                }
        #head ul li a {
                margin: 0;
                padding: 34px 14px 10px 14px;
                line-height: 20px;
                display: block;
                white-space: nowrap;
                }


#side {
        float: right;
        margin: 0;
        padding: 0;
        width: 170px;
        }
        #side h3 {
                margin: 20px 0 2px 15px;
                padding: 0 0 2px 0;
                border-width: 0 0 1px 0;
                border-style: none none solid none;
                }
        #side h4 {
                margin: 8px 0 2px 15px;
                padding: 0 0 2px 0;
                }
        #side form {
                margin: 0;
                padding: 0 10px 0 15px;
                }
                #side form label {
                        display: block;
                        margin: 2px 0 2px 10px;
                        }
                form.search input {
                        padding: 2px;
                        margin: 0;
                        }
        #side ul {
                margin: 0 0 0 15px;
                padding: 0;
                }
                #side ul li {
                        list-style: none;
                        padding: 0;
                        margin: -1px 0;
                        border-width: 1px 0;
                        border-style: solid none;
                }
                #side ul li a {
                        display: block;
                        margin: 0;
                        padding: 0 0 0 10px;
                        }
        #side p {
                margin: 0;
                padding: 0 10px 0 25px;
                }

#main {
        margin: 0px 190px 0 0;
        padding: 0;
        }


table.feeds {
        width: auto;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        clear: left;
        }
        table.feeds tr th,
        table.feeds tr td {
                text-align: left;
                margin: 0;
                padding: 4px 8px;
                line-height: 16px;
                white-space: nowrap;
                }
        table.feeds tr th.unread,
        table.feeds tr td.unread {
                text-align: right;
                }
        table.feeds tr th.age,
        table.feeds tr td.age,
        table.feeds tr.feedextra td {
                padding-left: 32px;
                }
        table.feeds tr td.age,
        table.feeds tr td.publish {
                text-align: center;
                }
        table.feeds tr td.age *,
        table.feeds tr td.publish a {
                display: block;
                padding: 1px 4px 0 4px;
                line-height: 15px;
                }
        table.feeds tr.headers th {
                padding-top: 26px;

        }
        table.feeds tr th {
                padding-top: 16px;
                vertical-align: bottom;
                border-width: 0 0 1px 0;
                border-style: none none solid none;
                }
        table.feeds tr td {
                vertical-align: top;
                }
        table.feeds tr .feed,
        table.feeds tr.feedextra td {
                white-space: normal;
                }
        /*
        table.feeds tr.feed td.extra {
                border-width: 0 1px 0 0;
                border-style: none solid none none;
                }
        table.feeds tr.feedextra td {
                border-width: 0 1px 1px 0;
                border-style: none solid solid none;
                }
                */
        table.feeds tr.feedextra.closed {
                display: none;
                }
        table.feeds tr.feedextra .close {
                text-align: right;
                float: right;
                margin: 0;
                padding: 0;
                }
        table.feeds tr .extra {
                vertical-align: bottom;
                text-align: left;
                padding-bottom: 0;
                padding-right: 16px;
                }
        table.feeds tr .extra a {
                padding: 2px 4px 0 4px;
                }

/* -- Items Screen -- */
.item {
        margin: 0;
        padding: 0;
        }

        .item .header {
                margin: 0;
                padding: 2px 0 0 0;
                border-width: 4px 0 0 0;
                border-style: solid none none none;
                }

                .item .header .controls {
                        margin: 10px 0 0 50px;
                        padding: 0;
                        }
                .item.read .header .controls {
                        margin-top: 0px;
                        }
                .item .header .controls .control {
                        float: left;
                        display: block;
                        width: 55px;
                        text-align: center;
                        margin: 0;
                        padding: 0;
                        }
                        .item .header .controls .control .big {
                                display: block;
                                margin: 0;
                                padding: 8px 0 0 0;
                                line-height: 40%;
                                }
                        .item .header .controls .control .small {
                                margin: 0;
                                padding: 0;
                                }
                        .item.read .header .controls .control {
                                padding: 5px 0;
                                }
                        .item.read .header .controls .control .big {
                                display: none;
                                }

                .item .header .head {
                        margin: 0 0 0 175px;
                        padding: 0;
                        }
                        .item .header .found {
                                float:right;
                                margin: 2px 12px 0 0;
                                padding: 0;
                                }
                        .item .header .head h3 {
                                margin: 0;
                                padding: 0;
                                }
                        .item .header .head h2 {
                                margin: 0;
                                padding: 0;
                                }

        .item .extra {
                clear:left;
                margin: 0 1px 0 0;
                padding: 0;
                text-align:right;
                border: none;
                }
                .item .extra a {
                        margin: 0;
                        padding: 2px 8px 1px 8px;
                        border: none;
                        }       
        .item .content {
                margin: 0;
                padding: 0;
                border-width: 0 1px 0 0;
                border-style: none solid none none;
                overflow: hidden;
                }
        .item .content .meta {
                float: left;
                width: 150px;
                text-align: right;
                margin: 10px 0 10px 0;
                padding: 0;
                line-height: 110%;
                }

        .item .content .body {
                margin: 0 0 0 165px;
                padding: 10px;
                }
        .item .content .body a img {
                display: inline !important;
                }
        .item .content .clr {
                clear: left;
                }


/* Item status changes */
        .item.read .meta {
                display: none;
                }
        .item.read .header h3,
        .item.read .header p,
        .item.read .extra,
        .item.read .body {
                display: none;
                }
        .item.read .header .control {
                }
        .item.read .header {
                padding: 2px 0 10px 0;
                }
        .item.read .header .control img {
                }

    .item a.link-select    
    {
        padding: 1px 8px 3px 8px;
        position: relative;
        top: -2px;
    }

    div.message {
        margin: 20px;
        padding: 5px;
        border: 1px solid red;
    }

/* -- Add Feeds Screen --------------- */
#util h4, #util p {
        margin: 0;
        padding: 4px 0 0 50px;
        }
#util h4 {
        border-width: 4px 0 0 0;
        border-style: solid none none none;
        }
#util .bookmarklet {
        margin: 0 0 0 50px;
        padding: 0;
        }
#util .bookmarklet p {
        margin: 10px 0 0 0;
        padding: 0;
        }
#util form {
        margin: 0 0 40px 50px;
        padding: 0;
        }
#util form p {
        margin-left: 0;
        }
#util .input-row label {
        display: block;
        margin: 10px 0 0 0;
        padding: 0;
        }

#cheatsheet {
    position: absolute;
    top: 50px;
    left: 25%;
    width: 50%;
    height: 300px;
    border-style: solid;
    border-width: 4px;
    padding: 1em 2em;
    overflow: scroll;
    }
    dl#cheatsheet dt {
        margin-top: 1em;
        }

#head ul.reblog-account
{
    position: absolute;
    top: 32px;
    right: 180px;
}

    #head ul.reblog-account, #head ul.reblog-account li, #head ul.reblog-account li a
    {
        margin: 0;
        padding: 0;
        border: 0 none;
    }
        
    #head ul.reblog-account li
    {
        margin: 0 4px;
    }
1	body {
2	margin: 0;
3	padding: 0;
4	}
5
6	div#head {
7	margin: 0;
8	padding: 0;
9	height: 64px;
10	width: 100%;
11	}
12
13	#head ul {
14	margin: 0;
15	padding: 0;
16	height: 64px;
17	white-space: nowrap;
18	overflow: hidden;
19	display: inline;
20	}
21
22	#head ul li {
23	margin: 0;
24	padding: 0;
25	list-style: none;
26	display: block;
27	float: left;
28	border-width: 0 1px 0 0;
29	border-style: none solid none none;
30	}
31	#head ul li a {
32	margin: 0;
33	padding: 34px 14px 10px 14px;
34	line-height: 20px;
35	display: block;
36	white-space: nowrap;
37	}
38
39
40
41	#side {
42	float: right;
43	margin: 0;
44	padding: 0;
45	width: 170px;
46	}
47	#side h3 {
48	margin: 20px 0 2px 15px;
49	padding: 0 0 2px 0;
50	border-width: 0 0 1px 0;
51	border-style: none none solid none;
52	}
53	#side h4 {
54	margin: 8px 0 2px 15px;
55	padding: 0 0 2px 0;
56	}
57	#side form {
58	margin: 0;
59	padding: 0 10px 0 15px;
60	}
61	#side form label {
62	display: block;
63	margin: 2px 0 2px 10px;
64	}
65	form.search input {
66	padding: 2px;
67	margin: 0;
68	}
69	#side ul {
70	margin: 0 0 0 15px;
71	padding: 0;
72	}
73	#side ul li {
74	list-style: none;
75	padding: 0;
76	margin: -1px 0;
77	border-width: 1px 0;
78	border-style: solid none;
79	}
80	#side ul li a {
81	display: block;
82	margin: 0;
83	padding: 0 0 0 10px;
84	}
85	#side p {
86	margin: 0;
87	padding: 0 10px 0 25px;
88	}
89
90	#main {
91	margin: 0px 190px 0 0;
92	padding: 0;
93	}
94
95
96	table.feeds {
97	width: auto;
98	margin: 0;
99	padding: 0;
100	border-collapse: collapse;
101	clear: left;
102	}
103	table.feeds tr th,
104	table.feeds tr td {
105	text-align: left;
106	margin: 0;
107	padding: 4px 8px;
108	line-height: 16px;
109	white-space: nowrap;
110	}
111	table.feeds tr th.unread,
112	table.feeds tr td.unread {
113	text-align: right;
114	}
115	table.feeds tr th.age,
116	table.feeds tr td.age,
117	table.feeds tr.feedextra td {
118	padding-left: 32px;
119	}
120	table.feeds tr td.age,
121	table.feeds tr td.publish {
122	text-align: center;
123	}
124	table.feeds tr td.age *,
125	table.feeds tr td.publish a {
126	display: block;
127	padding: 1px 4px 0 4px;
128	line-height: 15px;
129	}
130	table.feeds tr.headers th {
131	padding-top: 26px;
132
133	}
134	table.feeds tr th {
135	padding-top: 16px;
136	vertical-align: bottom;
137	border-width: 0 0 1px 0;
138	border-style: none none solid none;
139	}
140	table.feeds tr td {
141	vertical-align: top;
142	}
143	table.feeds tr .feed,
144	table.feeds tr.feedextra td {
145	white-space: normal;
146	}
147	/*
148	table.feeds tr.feed td.extra {
149	border-width: 0 1px 0 0;
150	border-style: none solid none none;
151	}
152	table.feeds tr.feedextra td {
153	border-width: 0 1px 1px 0;
154	border-style: none solid solid none;
155	}
156	*/
157	table.feeds tr.feedextra.closed {
158	display: none;
159	}
160	table.feeds tr.feedextra .close {
161	text-align: right;
162	float: right;
163	margin: 0;
164	padding: 0;
165	}
166	table.feeds tr .extra {
167	vertical-align: bottom;
168	text-align: left;
169	padding-bottom: 0;
170	padding-right: 16px;
171	}
172	table.feeds tr .extra a {
173	padding: 2px 4px 0 4px;
174	}
175
176	/* -- Items Screen -- */
177	.item {
178	margin: 0;
179	padding: 0;
180	}
181
182	.item .header {
183	margin: 0;
184	padding: 2px 0 0 0;
185	border-width: 4px 0 0 0;
186	border-style: solid none none none;
187	}
188
189	.item .header .controls {
190	margin: 10px 0 0 50px;
191	padding: 0;
192	}
193	.item.read .header .controls {
194	margin-top: 0px;
195	}
196	.item .header .controls .control {
197	float: left;
198	display: block;
199	width: 55px;
200	text-align: center;
201	margin: 0;
202	padding: 0;
203	}
204	.item .header .controls .control .big {
205	display: block;
206	margin: 0;
207	padding: 8px 0 0 0;
208	line-height: 40%;
209	}
210	.item .header .controls .control .small {
211	margin: 0;
212	padding: 0;
213	}
214	.item.read .header .controls .control {
215	padding: 5px 0;
216	}
217	.item.read .header .controls .control .big {
218	display: none;
219	}
220
221	.item .header .head {
222	margin: 0 0 0 175px;
223	padding: 0;
224	}
225	.item .header .found {
226	float:right;
227	margin: 2px 12px 0 0;
228	padding: 0;
229	}
230	.item .header .head h3 {
231	margin: 0;
232	padding: 0;
233	}
234	.item .header .head h2 {
235	margin: 0;
236	padding: 0;
237	}
238
239	.item .extra {
240	clear:left;
241	margin: 0 1px 0 0;
242	padding: 0;
243	text-align:right;
244	border: none;
245	}
246	.item .extra a {
247	margin: 0;
248	padding: 2px 8px 1px 8px;
249	border: none;
250	}
251	.item .content {
252	margin: 0;
253	padding: 0;
254	border-width: 0 1px 0 0;
255	border-style: none solid none none;
256	overflow: hidden;
257	}
258	.item .content .meta {
259	float: left;
260	width: 150px;
261	text-align: right;
262	margin: 10px 0 10px 0;
263	padding: 0;
264	line-height: 110%;
265	}
266
267	.item .content .body {
268	margin: 0 0 0 165px;
269	padding: 10px;
270	}
271	.item .content .body a img {
272	display: inline !important;
273	}
274	.item .content .clr {
275	clear: left;
276	}
277
278
279	/* Item status changes */
280	.item.read .meta {
281	display: none;
282	}
283	.item.read .header h3,
284	.item.read .header p,
285	.item.read .extra,
286	.item.read .body {
287	display: none;
288	}
289	.item.read .header .control {
290	}
291	.item.read .header {
292	padding: 2px 0 10px 0;
293	}
294	.item.read .header .control img {
295	}
296
297	.item a.link-select
298	{
299	padding: 1px 8px 3px 8px;
300	position: relative;
301	top: -2px;
302	}
303
304	div.message {
305	margin: 20px;
306	padding: 5px;
307	border: 1px solid red;
308	}
309
310	/* -- Add Feeds Screen --------------- */
311	#util h4, #util p {
312	margin: 0;
313	padding: 4px 0 0 50px;
314	}
315	#util h4 {
316	border-width: 4px 0 0 0;
317	border-style: solid none none none;
318	}
319	#util .bookmarklet {
320	margin: 0 0 0 50px;
321	padding: 0;
322	}
323	#util .bookmarklet p {
324	margin: 10px 0 0 0;
325	padding: 0;
326	}
327	#util form {
328	margin: 0 0 40px 50px;
329	padding: 0;
330	}
331	#util form p {
332	margin-left: 0;
333	}
334	#util .input-row label {
335	display: block;
336	margin: 10px 0 0 0;
337	padding: 0;
338	}
339
340	#cheatsheet {
341	position: absolute;
342	top: 50px;
343	left: 25%;
344	width: 50%;
345	height: 300px;
346	border-style: solid;
347	border-width: 4px;
348	padding: 1em 2em;
349	overflow: scroll;
350	}
351	dl#cheatsheet dt {
352	margin-top: 1em;
353	}
354
355	#head ul.reblog-account
356	{
357	position: absolute;
358	top: 32px;
359	right: 180px;
360	}
361
362	#head ul.reblog-account, #head ul.reblog-account li, #head ul.reblog-account li a
363	{
364	margin: 0;
365	padding: 0;
366	border: 0 none;
367	}
368
369	#head ul.reblog-account li
370	{
371	margin: 0 4px;
372	}