|
1 /* |
|
2 Theme Name: Elegant Box |
|
3 Theme URI: http://wordpress.org/extend/themes/elegant-box/ |
|
4 Description: Elegant Box is my first experiment in WordPress theming. |
|
5 Version: 4.1.1 |
|
6 Author: mg12 |
|
7 Author URI: http://www.neoease.com/ |
|
8 Tags: white, black, green, blue, purple, brown, two-columns, fixed-width, theme-options, right-sidebar, custom-colors, threaded-comments |
|
9 */ |
|
10 |
|
11 * { |
|
12 margin:0; |
|
13 padding:0; |
|
14 } |
|
15 body { |
|
16 font-family:Verdana,Tahoma,"BitStream vera Sans",Arial,Helvetica,sans-serif; |
|
17 font-size:12px; |
|
18 } |
|
19 h1 {font-size:20px;} |
|
20 h2 {font-size:16px;} |
|
21 h3 {font-size:14px;} |
|
22 img { |
|
23 border:none; |
|
24 } |
|
25 a { |
|
26 text-decoration:none; |
|
27 } |
|
28 a:hover { |
|
29 text-decoration:underline; |
|
30 } |
|
31 pre { |
|
32 font-family:'Courier New', Courier, Monospace, Fixed; |
|
33 overflow:auto; |
|
34 } |
|
35 blockquote, |
|
36 pre { |
|
37 padding:5px 10px; |
|
38 margin:5px 0; |
|
39 } |
|
40 .clear, |
|
41 .fixed { |
|
42 clear:both; |
|
43 } |
|
44 small, |
|
45 .small { |
|
46 font-size:10px; |
|
47 } |
|
48 .more-link { |
|
49 font-size:10px; |
|
50 } |
|
51 .floatleft { |
|
52 float:left; |
|
53 } |
|
54 .floatright { |
|
55 float:right; |
|
56 } |
|
57 .alignleft{ |
|
58 float:left; |
|
59 text-align:left; |
|
60 margin-right:10px; |
|
61 } |
|
62 .alignright{ |
|
63 text-align:right; |
|
64 float:right; |
|
65 margin-left:10px; |
|
66 } |
|
67 .aligncenter { |
|
68 display:block; |
|
69 margin-left:auto; |
|
70 margin-right:auto; |
|
71 } |
|
72 .inline { |
|
73 display:inline; |
|
74 } |
|
75 .left { |
|
76 float:left; |
|
77 margin-right:10px; |
|
78 } |
|
79 .right { |
|
80 float:right; |
|
81 margin-left:10px; |
|
82 } |
|
83 .fontthin { |
|
84 font-weight:normal; |
|
85 } |
|
86 .boxcaption { |
|
87 padding:1px; |
|
88 border-width:1px 1px 0; |
|
89 border-style:solid; |
|
90 } |
|
91 .boxcaption h3 { |
|
92 padding:5px 10px 6px; |
|
93 font-size:11px; |
|
94 } |
|
95 .box { |
|
96 padding:5px 10px; |
|
97 margin-bottom:10px; |
|
98 border-width:0 1px 1px; |
|
99 border-style:solid; |
|
100 } |
|
101 .messagebox { |
|
102 margin-bottom:10px; |
|
103 } |
|
104 .messagebox .content { |
|
105 padding:8px 10px; |
|
106 } |
|
107 .button, |
|
108 a#cancel-comment-reply-link { |
|
109 font-size:10px; |
|
110 border-style:solid; |
|
111 border-width:1px; |
|
112 font-family:"lucida grande"; |
|
113 text-align:center; |
|
114 padding:2px 8px; |
|
115 } |
|
116 a#cancel-comment-reply-link { |
|
117 padding:3px 8px; |
|
118 } |
|
119 a.button:hover, |
|
120 a#cancel-comment-reply-link:hover { |
|
121 text-decoration:none; |
|
122 } |
|
123 .bottom_space { |
|
124 margin-bottom:10px; |
|
125 } |
|
126 |
|
127 /* header START */ |
|
128 #header .inner { |
|
129 height:55px !important; |
|
130 height:56px; |
|
131 } |
|
132 #header .content { |
|
133 width:962px; |
|
134 margin:0 auto; |
|
135 text-align:left; |
|
136 } |
|
137 #header .caption { |
|
138 float:left; |
|
139 border-left:5px solid; |
|
140 padding:1px 0 2px 10px; |
|
141 margin-top:8px; |
|
142 } |
|
143 #title { |
|
144 font-weight:normal; |
|
145 font-style:normal; |
|
146 text-transform:uppercase; |
|
147 letter-spacing:-1px; |
|
148 } |
|
149 #tagline { |
|
150 font-size:10px; |
|
151 } |
|
152 #searchbox { |
|
153 float:right; |
|
154 margin-top:17px; |
|
155 } |
|
156 #notice { |
|
157 margin:0 -5px 10px; |
|
158 } |
|
159 #notice .inner { |
|
160 padding:5px 7px; |
|
161 } |
|
162 #notice .icon { |
|
163 float:left; |
|
164 margin-right:5px; |
|
165 margin-bottom:0; |
|
166 } |
|
167 #notice .content { |
|
168 float:left; |
|
169 } |
|
170 #notice .content .separator { |
|
171 padding-right:10px; |
|
172 } |
|
173 #navigation { |
|
174 margin-right:8px; |
|
175 float:right; |
|
176 margin-top:17px; |
|
177 } |
|
178 *+html #navigation { |
|
179 margin-top:18px; |
|
180 } |
|
181 #navigation li { |
|
182 list-style:none; |
|
183 float:left; |
|
184 margin-top:1px !important; |
|
185 margin-top:3px; |
|
186 font-size:10px; |
|
187 } |
|
188 #navigation li a { |
|
189 display:block; |
|
190 padding:3px 5px 4px; |
|
191 border-style:solid; |
|
192 border-width:0 1px 0 0; |
|
193 } |
|
194 #navigation li.current_page_item, |
|
195 #navigation li.current-cat { |
|
196 font-weight:bold; |
|
197 } |
|
198 #navigation .current_page_item li, |
|
199 #navigation li.current-cat li { |
|
200 font-weight:normal; |
|
201 } |
|
202 #navigation li a#feed, |
|
203 #navigation li a#twitter { |
|
204 padding:1px 8px; |
|
205 } |
|
206 #navigation li a#feed { |
|
207 border-width:0; |
|
208 padding-right:0; |
|
209 } |
|
210 #navigation li a#feed img, |
|
211 #navigation li a#twitter img { |
|
212 background-position:0 0; |
|
213 width:18px; |
|
214 height:18px; |
|
215 } |
|
216 #navigation li a#feed:hover img, |
|
217 #navigation li a#twitter:hover img { |
|
218 background-position:0 -18px !important; |
|
219 } |
|
220 #searchbox .textfield { |
|
221 width:247px; |
|
222 padding-left:20px; |
|
223 font-family:Verdana,Tahoma,"BitStream vera Sans",Arial,Helvetica,sans-serif; |
|
224 } |
|
225 /* header END */ |
|
226 |
|
227 /* submenu START */ |
|
228 #navigation li ul { |
|
229 display:none; |
|
230 background:#E1E1E1; |
|
231 padding:5px; |
|
232 border:1px solid #333; |
|
233 position:absolute; |
|
234 } |
|
235 #navigation li li { |
|
236 float:none; |
|
237 margin:0 !important; |
|
238 margin:0; |
|
239 padding:0; |
|
240 display:block; |
|
241 list-style:none; |
|
242 display:inline; |
|
243 } |
|
244 #navigation li li a { |
|
245 display:block; |
|
246 padding:5px; |
|
247 padding:5px !important; |
|
248 text-decoration:none; |
|
249 width:150px; |
|
250 font-size:11px; |
|
251 border-style:solid; |
|
252 border-width:1px 0 0; |
|
253 } |
|
254 #navigation li a.first { |
|
255 border-top:none; |
|
256 } |
|
257 #navigation li a:hover, |
|
258 #navigation li a.current { |
|
259 text-decoration:underline; |
|
260 } |
|
261 /* submenu END */ |
|
262 |
|
263 /* main START */ |
|
264 #container { |
|
265 padding:15px 0; |
|
266 } |
|
267 #content { |
|
268 margin:0 auto; |
|
269 text-align:left; |
|
270 width:960px; |
|
271 } |
|
272 #main { |
|
273 width:659px; |
|
274 float:left; |
|
275 padding:10px 15px 0; |
|
276 overflow:hidden; |
|
277 } |
|
278 .sided { |
|
279 padding:2px; |
|
280 margin-bottom:5px; |
|
281 } |
|
282 .wp-caption { |
|
283 padding:5px 0; |
|
284 margin-bottom:5px; |
|
285 text-align:center; |
|
286 } |
|
287 .post .content .wp-caption p { |
|
288 margin:3px 0 0; |
|
289 } |
|
290 .part { |
|
291 margin-bottom:10px; |
|
292 } |
|
293 .sidedate { |
|
294 float:right; |
|
295 font-size:10px; |
|
296 } |
|
297 .post .content ul li, |
|
298 .post .content ol li { |
|
299 list-style-position:inside; |
|
300 padding-left:12px !important; |
|
301 padding-left:16px; |
|
302 text-indent:-12px !important; |
|
303 text-indent:-16px; |
|
304 } |
|
305 *+html .post .content ul li, |
|
306 *+html .post .content ol li { |
|
307 padding-left:16px !important; |
|
308 text-indent:-16px !important; |
|
309 } |
|
310 .post .content ul, |
|
311 .post .content ol { |
|
312 padding-bottom:10px; |
|
313 } |
|
314 .post { |
|
315 margin-bottom:20px; |
|
316 } |
|
317 .post .title h2 { |
|
318 font-size:14px; |
|
319 font-style:normal; |
|
320 font-variant:normal; |
|
321 font-weight:bold; |
|
322 margin:0; |
|
323 padding:0px; |
|
324 } |
|
325 .post .content { |
|
326 line-height:145%; |
|
327 overflow:hidden; |
|
328 padding-bottom:5px; |
|
329 } |
|
330 .post .content p { |
|
331 margin:0 0 10px 0; |
|
332 } |
|
333 .post .content table { |
|
334 border-width:2px; |
|
335 border-style:solid; |
|
336 border-collapse:collapse; |
|
337 margin:5px 5px 10px; |
|
338 } |
|
339 .post .content th, |
|
340 .post .content td { |
|
341 border-width:1px; |
|
342 border-style:solid; |
|
343 padding:3px 10px; |
|
344 text-align:left; |
|
345 vertical-align:top; |
|
346 } |
|
347 .post .comments { |
|
348 padding-left:22px; |
|
349 height:16px; |
|
350 line-height:16px; |
|
351 font-size:10px; |
|
352 } |
|
353 .post .comments_single { |
|
354 margin:10px 0; |
|
355 } |
|
356 #postnav { |
|
357 margin-top:20px; |
|
358 } |
|
359 .post .info { |
|
360 font-size:10px; |
|
361 margin-bottom:8px; |
|
362 margin-top:0; |
|
363 padding-top:3px; |
|
364 } |
|
365 .post .info .edit, |
|
366 .post .info .addlink, |
|
367 .post .info .editlinks { |
|
368 float:right; |
|
369 } |
|
370 #bottom { |
|
371 font-size:10px; |
|
372 } |
|
373 #bottom .postnav { |
|
374 float:left; |
|
375 padding:9px 10px !important; |
|
376 padding:9px 10px 0; |
|
377 width:669px; |
|
378 } |
|
379 #bottom .postnav span.right { |
|
380 margin-right:10px; |
|
381 } |
|
382 #bottom .anchor { |
|
383 float:right; |
|
384 text-align:right; |
|
385 width:251px; |
|
386 padding:11px 10px 10px; |
|
387 margin-bottom:-1px; |
|
388 } |
|
389 #bottom .anchor span { |
|
390 padding:4px 0 4px 20px; |
|
391 } |
|
392 /* main END */ |
|
393 |
|
394 /* sidebar START */ |
|
395 #sidebar { |
|
396 float:right; |
|
397 width:270px; |
|
398 height:100%; |
|
399 padding-top:5px; |
|
400 overflow:hidden; |
|
401 } |
|
402 #sidebar ul { |
|
403 padding:0 5px; |
|
404 } |
|
405 #sidebar li { |
|
406 list-style:none; |
|
407 } |
|
408 #sidebar div.widget { |
|
409 margin:0 5px 5px; |
|
410 } |
|
411 #sidebar h3 { |
|
412 padding:3px 5px 4px; |
|
413 font-weight:bold; |
|
414 font-size:11px; |
|
415 text-decoration:none; |
|
416 } |
|
417 #sidebar .widget { |
|
418 margin:0 0 5px; |
|
419 } |
|
420 #sidebar .widget_tag_cloud { |
|
421 padding:0 5px 8px; |
|
422 margin:0px; |
|
423 } |
|
424 #sidebar .widget_tag_cloud h3 { |
|
425 margin-bottom:5px; |
|
426 margin-left:-5px; |
|
427 margin-right:-5px; |
|
428 } |
|
429 .widget ul li { |
|
430 line-height:18px; |
|
431 padding:3px 0; |
|
432 } |
|
433 .widget ul li span.right { |
|
434 font-size:10px; |
|
435 } |
|
436 .widget .showcase { |
|
437 padding:5px; |
|
438 } |
|
439 .widget ul li ul { |
|
440 padding-bottom:0; |
|
441 padding-right:0; |
|
442 } |
|
443 .widget ul li ul li { |
|
444 padding:3px 5px 0; |
|
445 border-bottom:none; |
|
446 line-height:18px; |
|
447 margin-top:3px; |
|
448 margin-right:-5px; |
|
449 } |
|
450 #styleswitcher { |
|
451 padding:5px; |
|
452 } |
|
453 #styleswitcher .clear, |
|
454 #styleswitcher .fixed { |
|
455 margin:0; |
|
456 } |
|
457 #style-text { |
|
458 float:left; |
|
459 font-size:11px; |
|
460 margin-top:1px; |
|
461 font-weight:bold; |
|
462 } |
|
463 #styleswitcher span.color { |
|
464 float:left; |
|
465 margin-top:2px; |
|
466 margin-left:4px; |
|
467 padding:1px; |
|
468 } |
|
469 #styleswitcher span.color a img { |
|
470 margin:0px; |
|
471 width:8px; |
|
472 height:8px; |
|
473 } |
|
474 /* sidebar END */ |
|
475 |
|
476 /* footer START */ |
|
477 #footer { |
|
478 font-size:10px; |
|
479 } |
|
480 #footer .inner { |
|
481 margin:0; |
|
482 height:30px; |
|
483 } |
|
484 #footer .content { |
|
485 margin:8px auto 0; |
|
486 width:940px; |
|
487 } |
|
488 #footer #about { |
|
489 float:left; |
|
490 } |
|
491 #footer ul#admin { |
|
492 float:right; |
|
493 display:block; |
|
494 list-style-position:outside; |
|
495 list-style-type:none; |
|
496 } |
|
497 #footer ul#admin li { |
|
498 display:block; |
|
499 float:left; |
|
500 margin-left:12px; |
|
501 } |
|
502 /* footer END */ |
|
503 |
|
504 /* comments START */ |
|
505 .commentlist { |
|
506 margin-bottom:15px; |
|
507 } |
|
508 .commentlist ol { |
|
509 margin:0; |
|
510 padding-left:0; |
|
511 } |
|
512 .commentlist .comment { |
|
513 list-style:none; |
|
514 margin-bottom:10px; |
|
515 overflow:hidden; |
|
516 position:relative; |
|
517 border:1px solid; |
|
518 padding:1px; |
|
519 } |
|
520 .commentlist .comment p { |
|
521 margin-bottom:8px; |
|
522 } |
|
523 .commentlist .comment blockquote { |
|
524 margin:0 0 8px; |
|
525 } |
|
526 .userinfo { |
|
527 padding:5px 10px 6px; |
|
528 } |
|
529 .userinfo .date { |
|
530 font-size:10px; |
|
531 position:relative; |
|
532 } |
|
533 .userinfo .userpic { |
|
534 padding:1px; |
|
535 float:left; |
|
536 margin-right:10px; |
|
537 position:relative; |
|
538 } |
|
539 .userinfo .usertext { |
|
540 float:left; |
|
541 position:relative; |
|
542 } |
|
543 .userinfo .count { |
|
544 float:right; |
|
545 text-align:right; |
|
546 font-size:10px; |
|
547 position:relative; |
|
548 } |
|
549 .commentlist .comment .username { |
|
550 font-weight:bold; |
|
551 } |
|
552 .commentlist .comment .comment_text { |
|
553 padding:8px 10px 0; |
|
554 line-height:145%; |
|
555 } |
|
556 #trackbacks { |
|
557 border:1px solid; |
|
558 padding:1px; |
|
559 margin-bottom:10px; |
|
560 } |
|
561 #trackbacks .caption { |
|
562 padding:5px 10px 6px; |
|
563 } |
|
564 #trackbacks h3 { |
|
565 float:left; |
|
566 font-size:11px; |
|
567 } |
|
568 #trackbacks .actions { |
|
569 float:right; |
|
570 font-size:11px; |
|
571 } |
|
572 #trackbacks ol { |
|
573 padding:3px 10px 8px; |
|
574 } |
|
575 #trackbacks li { |
|
576 list-style:none; |
|
577 padding:3px 5px; |
|
578 line-height:18px; |
|
579 border-width:0 0 1px; |
|
580 border-style:dashed; |
|
581 } |
|
582 #trackbacks li small { |
|
583 display:block; |
|
584 } |
|
585 textarea#comment { |
|
586 width:651px; |
|
587 } |
|
588 .commentlist .children { |
|
589 margin:0 10px; |
|
590 } |
|
591 .commentlist .children textarea#comment { |
|
592 width:627px; |
|
593 } |
|
594 .commentlist .children .children textarea#comment { |
|
595 width:603px; |
|
596 } |
|
597 .commentlist .children .children .children textarea#comment { |
|
598 width:579px; |
|
599 } |
|
600 .commentlist .children .children .children .children textarea#comment { |
|
601 width:555px; |
|
602 } |
|
603 .commentlist .children .children .children .children .children textarea#comment { |
|
604 width:531px; |
|
605 } |
|
606 .commentlist .children .children .children .children .children .children textarea#comment { |
|
607 width:507px; |
|
608 } |
|
609 .commentlist .children .children .children .children .children .children .children textarea#comment { |
|
610 width:483px; |
|
611 } |
|
612 .commentlist .children .children .children .children .children .children .children .children textarea#comment { |
|
613 width:459px; |
|
614 } |
|
615 #submitbox { |
|
616 margin:8px 0; |
|
617 font-size:10px; |
|
618 text-align:right; |
|
619 } |
|
620 #comments_rss { |
|
621 padding:2px 0 2px 22px !important; |
|
622 padding:2px 0 16px 22px; |
|
623 float:left; |
|
624 position:relative; |
|
625 } |
|
626 #submitbox .act { |
|
627 float:right; |
|
628 } |
|
629 #submitbox #submit { |
|
630 cursor:pointer; |
|
631 } |
|
632 #emoticon { |
|
633 margin-right:10px; |
|
634 float:right; |
|
635 } |
|
636 #respond .row { |
|
637 margin:0 3px 5px 0; |
|
638 text-align:left; |
|
639 font-size:10px; |
|
640 } |
|
641 #commentnavi { |
|
642 font-size:10px; |
|
643 margin-bottom:15px; |
|
644 } |
|
645 #commentnavi a.page-numbers { |
|
646 padding:0 3px; |
|
647 } |
|
648 #commentnavi span.pages { |
|
649 padding:0 9px 0 0; |
|
650 float:left; |
|
651 } |
|
652 #commentnavi span.current { |
|
653 padding:0 3px; |
|
654 font-weight:bold; |
|
655 } |
|
656 /* comments END */ |
|
657 |
|
658 /* calendar START */ |
|
659 .widget_calendar h3 { |
|
660 display:none; |
|
661 } |
|
662 #wp-calendar { |
|
663 width:100%; |
|
664 border-collapse:collapse; |
|
665 } |
|
666 #wp-calendar #today { |
|
667 font-weight:bold; |
|
668 } |
|
669 #wp-calendar tbody a { |
|
670 font-weight:bold; |
|
671 } |
|
672 #wp-calendar caption { |
|
673 padding:5px; |
|
674 font-weight:bold; |
|
675 font-size:11px; |
|
676 text-align:left; |
|
677 } |
|
678 #wp-calendar th, |
|
679 #wp-calendar td { |
|
680 text-align:center; |
|
681 } |
|
682 #wp-calendar th { |
|
683 padding:4px 0; |
|
684 } |
|
685 #wp-calendar td { |
|
686 font-size:11px; |
|
687 padding:4px 0 0; |
|
688 } |
|
689 #wp-calendar td#prev { |
|
690 text-align:left; |
|
691 padding:9px 0 5px 5px; |
|
692 font-size:10px; |
|
693 } |
|
694 #wp-calendar td#next { |
|
695 text-align:right; |
|
696 padding:5px 5px 5px 0; |
|
697 font-size:10px; |
|
698 } |
|
699 /* calendar END */ |
|
700 |
|
701 /* links START */ |
|
702 .post .content .linkcat ul li { |
|
703 float:left; |
|
704 list-style:none; |
|
705 padding-left:0; |
|
706 padding-bottom:8px; |
|
707 width:25% !important; |
|
708 width:24%; |
|
709 height:16px; |
|
710 line-height:24px; |
|
711 overflow:hidden; |
|
712 padding-left:0 !important; |
|
713 padding-left:0; |
|
714 text-indent:0 !important; |
|
715 text-indent:0; |
|
716 } |
|
717 *+html .post .content .linkcat ul li { |
|
718 padding-left:0 !important; |
|
719 text-indent:0 !important; |
|
720 } |
|
721 /* links END */ |
|
722 |
|
723 /* related posts START */ |
|
724 #related_posts { |
|
725 border:1px solid; |
|
726 padding:1px; |
|
727 } |
|
728 #related_posts h3 { |
|
729 padding:5px 10px 6px; |
|
730 font-size:11px; |
|
731 } |
|
732 #related_posts ul { |
|
733 padding:3px 10px 8px; |
|
734 } |
|
735 #related_posts ul li { |
|
736 list-style:none; |
|
737 padding:3px 5px; |
|
738 line-height:18px; |
|
739 border-width:0 0 1px; |
|
740 border-style:dashed; |
|
741 } |
|
742 #related_posts .count { |
|
743 font-size:10px; |
|
744 } |
|
745 #related_posts .excerpt { |
|
746 font-size:11px; |
|
747 display:block; |
|
748 } |
|
749 #related_posts .info { |
|
750 border:0; |
|
751 } |
|
752 /* related posts END */ |