/minger_plus/public/stylesheets/content.css
CSS | 399 lines | 297 code | 79 blank | 23 comment | 0 complexity | d74ce4e8e57abc8f47f4e17407280a73 MD5 | raw file
1/*--------------------------------------------------------------
2 Header
3 --------------------------------------------------------------*/
4
5#header {
6 background: url(../images/header_shadow.gif) repeat-x left bottom;
7}
8
9#header a:link,
10#header a:visited {
11 color:#000;
12 text-decoration: none;
13}
14
15#header a:hover,
16#header a:active {
17 color:#930; background: transparent;
18 text-decoration: none;
19}
20
21#header h1 {
22 font: bold 400% georgia, serif;
23 letter-spacing: -1px;
24 margin: 0;
25 float: left;
26}
27
28#header h2 {
29 font: normal 12px verdana, arial, sans-serif;
30 margin: 2.5em 0 0 0.8em;
31 float: left;
32}
33
34/*--------------------------------------------------------------
35 Content
36 --------------------------------------------------------------*/
37
38#content {}
39
40#content h1,
41#content h2,
42#content h3,
43#content h4,
44#content h5 {
45 font-family: "lucidamac bold", "lucida grande", arial, sans-serif;
46 letter-spacing: -1px;
47}
48
49#content h1 {
50 font-size: 24px;
51 margin: 0 0 0.3em;
52}
53
54#content h2 {
55 font-size: 22px;
56 margin: 0 0 0.3em;
57}
58
59#content h3 {
60 font-size: 20px;
61 margin: 1.2em 0 0.3em;
62}
63
64#content h4 {
65 font-size: 18px;
66 margin: 1.2em 0 0.3em;
67 border-bottom: 1px dotted #bbb;
68}
69
70#content h5 {
71 font-size: 18px;
72 background: #ffd;
73 margin: 1.2em 0 0.3em;
74 border-bottom: 1px dotted #aaa;
75}
76
77#content p {
78 line-height: 15px;
79 margin: 0 0 1.2em;
80}
81
82#content ul,
83#content ol {
84 margin: 1em;
85 padding:0;
86}
87
88#content ul {
89 list-style-type: square;
90}
91
92#content li {
93 line-height: 15px;
94 margin: 0 0 0 1em; padding: 0;
95}
96
97#content blockquote {
98 color: #555;
99 border-left: 5px solid #ccc;
100 margin: 1.3em 1em; padding: 0 1em;
101}
102
103#content code {
104 font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
105}
106
107#content pre {
108 color: #63FF00;
109 background: #000;
110 overflow: auto;
111 font: normal 12px "bitstream vera sans mono", monaco "lucida console", "courier new", courier, serif;
112 margin: 0.9em 0; padding: 8px;
113}
114
115/* Article Entries - class names based on http://microformats.org/wiki/hatom] */
116#content .atomentry {
117 margin: 0 0 3em 0;
118}
119
120#content .atomentry .title {
121 font-size: 24px;
122 line-height: 94%;
123 letter-spacing: -1.5px;
124 margin: 0;
125}
126
127#content .atomentry .title a:link,
128#content .atomentry .title a:visited {
129 color: #930;
130 text-decoration: none;
131}
132
133#content .atomentry .title a:hover,
134#content .atomentry .title a:active {
135 color: #000;
136 background: transparent;
137}
138
139#content .atomentry .title .comment_count { color: #eee; }
140
141#content .atomentry .author {
142 color: #bbb;
143 font: normal 16px/14px "lucidamac bold", "lucida grande", arial, verdana, sans-serif;
144 letter-spacing: -1px;
145 margin: 0 0 1em;
146}
147
148#content .atomentry .author cite a,
149#content .atomentry .author cite a:hover { /* author mailto: link (if any) */
150 color: #aaa; background: transparent;
151 text-decoration: none;
152}
153
154#content .atomentry .author abbr { /* posted date */
155 font-weight: bold;
156 color: #aaa;
157}
158
159#content .atomentry .content {}
160
161#content .atomentry ul.meta {
162 font-size: 10px;
163 background: #eee;
164 margin: 0; padding: 5px;
165 border: 1px solid #ddd;
166 list-style-type: none;
167}
168
169#content .atomentry ul.meta li {
170 line-height: 13px;
171 margin: 0; padding: 0;
172}
173
174#content .atomentry .meta a:link,
175#content .atomentry .meta a:visited {
176 color: #555;
177}
178
179#content .atomentry .meta a:hover,
180#content .atomentry .meta a:active {
181 color: #fff;
182}
183
184
185/* Comments and Trackbacks */
186#content ol.comments,
187#content ol.trackbacks {
188 list-style-type: none;
189 margin: 0; padding: 0;
190}
191
192#content .comment,
193#content .trackback {
194 border: 2px solid #ddd;
195 margin: 0 0 1.5em; padding: 1em;
196}
197
198#content .comment.preview {
199 background: #ffc;
200 border: 3px solid #fab444;
201}
202
203#content .comment .author,
204#content .trackback .author {
205 font-weight: bold;
206 margin-bottom: 1em;
207}
208
209#content .comment .author cite,
210#content .trackback .author cite {
211 font-size: 16px;
212 letter-spacing: -1px;
213}
214
215#content .comment .author abbr,
216#content .trackback .author abbr { color: #999; }
217
218#content .comment .author .gravatar {
219 margin: 0 0 0.5em 0.5em;
220 float: right;
221}
222
223/* uncomment to enable a default gravatar
224#content .comment .author div {
225 margin: 0 0 0.5em 0.5em;
226 width: 60px; height: 60px;
227 background: url(../../images/theme/gravatar.gif) no-repeat left top;
228 float: right;
229}*/
230
231
232#content form.comments {
233 background: #f2f2f2;
234 border-top: 1px solid #ddd;
235 padding: 1em 0.5em;
236}
237
238#content form.comments fieldset {
239 border: none;
240}
241
242#content form.comments legend {
243 display: none;
244}
245
246#content form.comments label {
247 font-weight: bold;
248}
249
250#content form.comments textarea {
251 width: 90%; height: 150px;
252 padding: 3px;
253}
254
255/*--------------------------------------------------------------
256 Sidebar
257 --------------------------------------------------------------*/
258#sidebar {
259 font-size: 11px;
260}
261
262#sidebar h3 {
263 font: bold 14px "lucidamac bold", "lucida grande", verdana, arial, helvetica, sans-serif;
264 margin: 0 0 0.5em;
265}
266
267#sidebar h3 a:link,
268#sidebar h3 a:visited {
269 color: #000; text-decoration: none;
270}
271
272#sidebar h3 a:hover,
273#sidebar h3 a:active {
274 background: transparent; text-decoration: underline;
275}
276
277#sidebar ul {
278 list-style-type: none;
279 margin: 0 0 2em; padding: 0;
280}
281
282#sidebar li {
283 margin: 0;
284 padding: 1px 0;
285}
286
287#sidebar em { font-style: normal; }
288
289/* Live-search and results */
290#sidebar .search p {
291 margin: 0;
292}
293
294#sidebar .search p input {
295 font-size: 11px; width: 92%;
296}
297
298#sidebar .search .loading {
299 background: url(../../images/theme/spinner.gif) no-repeat left 50%;
300 margin: 1em 0; padding: 0 0 0 20px;
301 height: 15px;
302}
303
304#sidebar .search .results {
305 margin: 0 0 1.25em;
306}
307
308#sidebar .search .results h3 {
309 margin-top: 1em;
310}
311
312#sidebar .search .results p {
313 font: bold 14px "lucidamac bold", "lucida grande", verdana, arial, helvetica, sans-serif;
314 margin: 0 0 0.5em;
315}
316
317#sidebar .search .results ul {
318 margin: 0; padding: 3px;
319}
320
321#sidebar .search .results li { background: #ffc; padding: 0.2em; }
322
323#sidebar .search .results a:link,
324#sidebar .search .results a:visited {
325 color: #222;
326}
327
328#sidebar .search .results a:hover,
329#sidebar .search .results a:active {
330 color: #fff;
331}
332
333/* Flickr sidebar-node */
334#sidebar #flickr {
335 margin: 0 0 2em;
336 clear: both;
337}
338
339#sidebar #flickr div {
340}
341
342#sidebar #flickr img {
343 margin: 0 0 5px;
344 padding: 5px;
345 border: 1px solid #ddd;
346 display: block;
347}
348
349#sidebar #flickr img:hover {
350 background: #ffc;
351}
352
353#sidebar #flickr a {
354 border: none;
355}
356
357/*--------------------------------------------------------------
358 Footer
359 --------------------------------------------------------------*/
360
361#footer {
362 border-top: 1px solid #ccc;
363 font-size: 90%;
364}
365
366#footer a:link,
367#footer a:visited {
368 color: #000;
369}
370
371#footer a:hover,
372#footer a:active {
373 color: #fff;
374 background: #000;
375}
376
377#footer hr {
378 display: none;
379}
380
381#footer p {
382 width: 40%;
383 float: left;
384 margin: 0; padding: 0;
385}
386
387#footer ul {
388 width: 40%;
389 margin: 0; padding: 0;
390 list-style-type: none;
391 text-align: right;
392 float: right;
393}
394
395#footer li {
396 margin: 0; padding: 0 0 0 1em;
397 display: inline;
398}
399