1 |
dpavlin |
2 |
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 |
|
|
} |