PageRenderTime 32ms CodeModel.GetById 10ms app.highlight 20ms RepoModel.GetById 1ms app.codeStats 0ms

/minger_plus/public/stylesheets/content.css

https://bitbucket.org/bwmcadams/mingerplus
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