XPressME Integration Kit

Trac

source: trunk/extras/my_themes/style.css @ 812

Last change on this file since 812 was 641, checked in by toemon, 15 years ago

extras/my_themes をフッターサイドバー配置可能に修正
File size: 14.9 KB
RevLine 
[613]1/*
2Theme Name: My Themes for XPressME
3Theme URI: http://trac.xpressme.info/XPressME
4Description: The theme for XPressME series
5Version: 1.0
6Author: Oneself
7Author URI: http://www.exsample.com/
8Tags: none color, xpressme default, variable width, two columns, widgets
9
10*/
11
12#xpress_page {
13        padding: 0;
14        width: 100%;
15        margin: 0;
16        text-align:left;
17        }
18       
19#xpress_page .clear {
20        clear: both;
21}
22
23#xpress_page h1 {
24        padding-top: 20px;
25        margin: 0 0 5px;
26        font-size: 18px;
27        }
28       
29#xpress_page h2 {
30        font-size: 16px;
31        }
32
33#xpress_page h3 {
34        padding: 0;
35        margin: 0;
36        }
37       
38#xpress_page h3 {
39        font-size: 14px;
40        }
41       
42#xpress_page small {
43        font-family: Arial, Helvetica, Sans-Serif;
44        color: #777;
45        font-size: 0.8em;
46        line-height: 1.5em;
47        }
48       
49#xpress_page code {
50        font-size: 1.1em;
51        }
52
53#xpress_page select {
54        width: 130px;
55        }
56
57#xpress_page .hidden {
58        display: none;
59        }
60
61
62#xpress_page a img {
63        border: none;
64        }
65       
66#xpress_page .center {
67        text-align: center;
68        }
69
70
71#xpress_wrap {
72        clear: both;
73        float: left;
74        width: 100%;
75        margin-right: -205px;
76        }
77       
78#xpress_content {
79        font-size: 1.0em;
80        padding: 0px;
81        }
82       
83#xpress_content.narrowcolumn {
84        margin-right: 200px;
85        }
86
87
88/* Begin Header Menu */
89
90#xpress-header-bar {
91        clear: both;
92}
93#xpress-header-bar-top {
94        margin-bottom: 0px;
95        }
96#xpress-header-bar-top img{
97        vertical-align: top;
98}
99#xpress-header-bar #xpress-header-bar-top .xpress-header-title {
100        font-size: 24px;
101        float: left;
102}
103#xpress-header-bar #xpress-header-bar-top .xpress-description {
104        clear: both;
105        font-weight: bold;
106        font-size: 12px;
107        padding-top: 8px;
108        padding-left: 40px;
109
110}
111
112#xpress-header-bar .xpress-conditional-title {
113        font-weight: bold;
114        font-size: 12px;
115        padding-top: 14px;
116        padding-left: 40px;
117}
118
119#xpress-header-bar .xpress-operation-link {
120        font-size: 12px;
121        text-align: right;
122}
123/* End Header Menu */
124
125
126/* Begin Border line */
127.xpress-border {
128        clear: both;
129        display: block;
130        }
131/* End Border lin */
132
133
134/* Begin Navi */
135.xpress-navi-bar {
136        clear: both;
137        display: block;
138        }
139       
140.xpress_pagenavi {
141        display: block;
142        margin: 0 auto;
143        padding: 5px 0;
144        text-align: right;
145}
146/* End Navi */
147
148
149/* Begin Post */
150.xpress-post {
151        width: 100%;
152        margin: 0px;
153        padding-top:20px;
154        clear: both;
155        }
156.xpress-post h2 {
157        margin: 0;
158        }
159.xpress-post hr {
160        display: block;
161        }
162       
163.xpress-post .xpress-post-header{
164        text-align: left;
165        font-size: 0.8em;
166
167        }
168.xpress-post-title h2{
169        margin: 0;
170        color: #4478B0;
171        text-shadow: 2px 2px 3px #AAAAAA;
172        font-size: 16px;
173        font-weight: bold;
174}
175
176.xpress-post .xpress-post-entry {
177        clear: both;
178        padding-left: 20px;
179
180}
181
182.xpress-post .xpress-link-pages {
183        padding-top:10px;
184        clear: both;
185        text-align: center;
186}
187
188.xpress-post .xpress-post-footer{
189        text-align: right;
190        font-size: 0.8em;
191        margin-bottom: 10px;
192}
193a.more-link {
194        font-size: 12px;
195        margin: 0;
196        padding: 0;
197        color: #E98838;
198        text-shadow: 2px 2px 3px #AAAAAA;
199        font-style: normal;
200        font-weight: bold;
201        text-align: center;
202}
203.xpress-more-link {
204        font-size: 12px;
205        margin: 0;
206        padding: 0;
207        color: #E98838;
208        text-shadow: 2px 2px 3px #AAAAAA;
209        font-style: normal;
210        font-weight: bold;
211        text-align: center;
212}
213.xpress-more-link a{
214        color: #E98838;
215        text-shadow: 2px 2px 3px #AAAAAA;
216        font-style: normal;
217        font-weight: bold;
218        text-align: center;
219}
220
221/* End post */
222
223
224/* Begin Pings */
225#xpress-pings-block {
226        margin-top: 0px;
227        margin-bottom: 0px;
228        margin-left: 5px;
229        margin-right: 5px;
230        padding-top:0px;
231        padding-left:20px;
232        padding-right:5px;
233        padding-bottom:0px;
234        clear: both;
235        }
236#xpress-pings-block h3{
237        font-size: 12px;
238        margin: 0;
239        padding: 0;
240        color: #E98838;
241        text-shadow: 2px 2px 3px #AAAAAA;
242        font-style: normal;
243        font-weight: bold;
244}
245#xpress_pingslist ol{
246        font-size: 1em;
247        list-style-image:none;
248        list-style-position:inside;
249        list-style-type:none;
250        }
251#xpress_pingslist li{
252        margin: 0px;
253        padding-top: 0px;
254        padding-bottom: 0px;
255        padding-left: 5px;
256        padding-right: 1px;
257        font-size: 1em;
258        list-style-image:none;
259        list-style-position:inside;
260        list-style-type:none;
261        }
262.xpress_pings_status {
263        text-align: center;xpress_pings_status
264        margin: 0;
265        padding: 0;
266        }
267/* End pings */
268
269
270/* Begin Comment */
271#xpress-comments-block {
272        margin-top: 0px;
273        margin-bottom: 5px;
274        margin-left: 5px;
275        margin-right: 5px;
276        padding-top:0px;
277        padding-left:20px;
278        padding-right:5px;
279        padding-bottom:10px;
280        clear: both;
281        }
282
283#xpress_commentlist {
284        margin: 0px;
285        padding-left: 20px;
286        }
287
288#xpress_commentlist ol{
289        font-size: 1em;
290        list-style-image:none;
291        list-style-position:inside;
292        list-style-type:none;
293        }
294       
295#xpress_commentlist li{
296        margin: 0px;
297        padding-top: 5px;
298        padding-bottom: 0px;
299        padding-left: 5px;
300        padding-right: 1px;
301        font-size: 1em;
302        list-style-image:none;
303        list-style-position:inside;
304        list-style-type:none;
305        }
306       
307#xpress_commentlist .even {
308        background:#F4F4F4 none repeat scroll 0 0;
309        margin-top: 4px;
310        padding-top: 0px;
311        padding-bottom: 4px;
312        padding-left: 10px;
313        padding-right:0px
314        }
315
316#xpress_commentlist .odd {
317        background:#EFEFEF none repeat scroll 0 0;
318        margin-top: 4px;
319        padding-top: 0px;
320        padding-bottom: 4px;
321        padding-left: 10px;
322        padding-right:0px
323        }
324       
325#xpress_commentlist .avatar {
326        float: right;
327        border: 1px solid #eee;
328        padding: 2px;
329        background: #efefef;
330        }
331
332#xpress_commentlist cite, .commentlist cite a {
333        font-weight: bold;
334        font-style: normal;
335        font-size: 1.1em;
336        }
337
338#xpress-comment-form {
339        margin: 0px;
340        padding-top: 0px;
341        padding-bottom: 0px;
342        padding-left: 20px;
343        padding-right: 5px;
344        font-size: 18px;
345
346}
347
348#xpress-respond {
349        margin: 0px;
350        padding-top: 10px;
351        padding-bottom: 5px;
352        padding-left: 0px;
353        padding-right: 0px;
354}
355
356#xpress-comment-user {
357        margin: 0px;
358        padding-top: 0px;
359        padding-bottom: 0px;
360        padding-left: 20px;
361        padding-right: 0px;
362}
363
364#xpress-comment-form .xpress-comment-submit{
365        margin: 0px;
366        padding-top: 5px;
367        padding-bottom: 0px;
368        padding-left: 0px;
369        padding-right: 0px;
370        font-size: 12px;
371
372}
373
374.nocomments {
375        text-align: center;
376        margin: 0;
377        padding: 0;
378        }
379/* End Comments */
380
381
382/* Begin Footer Title */
383#xpress_footer {
384        padding-top: 0px;
385        margin: 0 auto;
386        width: 100%;
387        clear: both;
388        text-align: center;
389        }
390#xpress_footer p {
391        font-size: 0.9em;
392}       
393
394#xpress_footer .xpress_rss {
395        margin: 0;
396        padding: 0;
397        text-align: right;
398        }
399
400#xpress_footer .xpress_credit {
401        margin: 0;
402        padding: 0;
403        text-align: center;
404        font-size: 10px;
405        color: #BDBDBD;
406        }
407       
408#xpress_footer .xpress_credit a {
409        font-size: 10px;
410        color: #BDBDBD;
411        }
412/* End Footer Title */
413
414
415/* Begin Sidebar */
416#xpress_sidebar {
417        float: right;
418        display:inline;
419        margin-top: 0px;
420        margin-bottom: 0px;
421        margin-left: 10px;
422        margin-right: 0px;
423        padding-top: 0px;
424        padding-bottom: 0px;
425        padding-left: 100px
426        padding-right: 0px
427        font-size: 0.8em;
428        width: 180px;
429        }
430       
431#xpress_sidebar h2 {
432        margin: 5px 0 0;
433        padding: 0;
434        font-size: 14px;
435        }
436
437#xpress_sidebar form {
438        margin: 0;
439        }
440
441#xpress_sidebar ul ul li:before {
442        content: "\00BB \0020";
443        }
444
445#xpress_sidebar ul, #xpress_sidebar ul ol {
446        margin: 0;
447        padding: 0;
448        list-style-type: none;
449        list-style-image: none;
450        list-style: none;
451        list-style-position:inside;
452        }
453
454#xpress_sidebar ul li {
455        list-style-type: none;
456        list-style-image: none;
457        margin-bottom: 15px;
458        }
459
460#xpress_sidebar ul p, #xpress_sidebar ul select {
461        margin: 5px 0 8px;
462        }
463
464#xpress_sidebar ul ul, #xpress_sidebar ul ol {
465        margin: 5px 0 0 10px;
466        }
467
468#xpress_sidebar ul ul ul, #xpress_sidebar ul ol {
469        margin: 0 0 0 10px;
470        }
471
472
473#xpress_sidebar ul ul li, #xpress_sidebar ul ol li {
474        margin: 3px 0 0;
475        padding: 0;
476        }
477
478#xpress_sidebar #searchform {
479        margin: 0px ;
480        padding: 0px;
481        text-align: left;
482        }
483
484#xpress_sidebar #searchform #s {
485        width: 108px;
486        padding: 2px;
487        }
488
489#xpress_sidebar #searchsubmit {
490        padding: 1px;
491        }
492/* End Sidebar */
493
494
495/* Begin Calendar */
496#wp-calendar {
497        empty-cells: show;
498        margin: 10px auto 0;
499        width: 155px;
500        }
501
502#wp-calendar #next a {
503        padding-right: 10px;
504        text-align: right;
505        font-size: 9pt;
506        background-color: #fff;
507        }
508
509#wp-calendar #prev a {
510        padding-left: 10px;
511        text-align: left;
512        font-size: 9pt;
513        background-color: #fff;
514        }
515
516#wp-calendar a {
517        display: block;
518        text-decoration: none;
519        font-weight: bold;
520        font-size: 14px;
521        background-color: #ddd;
522        }
523
524#wp-calendar caption {
525        text-align: center;
526        width: 100%;
527        font: bold 1.3em;
528        }
529
530#wp-calendar td {
531        padding: 3px 0;
532        text-align: center;
533        }
534
535#wp-calendar td.pad:hover { /* Doesn't work in IE */
536        background-color: #fff; }
537
538#wp-calendar th {
539        font-style: normal;
540        text-transform: capitalize;
541        }
542/* End Calendar */
543       
544
545
546/* Nocheck Under css */
547
548
549.widecolumn .entry {
550        font-size: 1.05em;
551        }
552
553.narrowcolumn .entry,.narrowcolumn_nonside .entry, .widecolumn .entry {
554        line-height: 1.4em;
555        }
556       
557p.postmeta{
558        line-height: 1.2em;
559        font-size: 0.9em;
560        }
561
562
563#xpress_headerimg .description {
564        font-size: 1.2em;
565        }
566
567
568.xpress_pagetitle {
569        font-size: 1.5em;
570        font-weight: bold;
571        }
572       
573.xpress_commentmetadata {
574        font-size: 11px;
575        font-weight: normal;
576        }
577
578.postmetadata {
579        font-size: 0.9em;
580        }
581
582
583
584acronym, abbr, span.caps
585{
586        font-size: 0.9em;
587        letter-spacing: .07em;
588        }
589
590.widecolumn {
591        width: 500px; /*width of single page*/
592        margin: 0 auto;
593        }       
594
595.entry {
596        clear:both;
597        padding:10px 0 0;
598        }
599       
600.entry p{
601        padding: 5px 0;
602        }
603
604p.postmeta{
605        padding-top: 20px;
606        }
607       
608.narrowcolumn_nonside .postmetadata,
609.narrowcolumn .postmetadata {
610        padding-top: 10px;
611        /*text-align:center;*//*postmeta of index page*/
612        }
613
614.widecolumn .postmetadata {
615        margin: 30px 0;
616        padding:5px 10px;
617        }
618
619.widecolumn .smallattachment {
620        text-align: center;
621        float: left;
622        width: 128px;
623        margin: 5px 5px 5px 0px;
624}
625
626.widecolumn .attachment {
627        text-align: center;
628        margin: 5px 0px;
629}
630
631
632/* End Headers */
633
634/* Begin Images */
635
636/*      Using 'class="alignright"' on an image will (who would've
637        thought?!) align the image to the right. And using 'class="centered',
638        will of course center the image. This is much better than using
639        align="center", being much more futureproof (and valid) */
640
641img.centered {
642        display: block;
643        margin-left: auto;
644        margin-right: auto;
645        }
646
647img.alignright {
648        padding: 4px;
649        margin: 0 0 2px 7px;
650        display: inline;
651        }
652
653img.alignleft {
654        padding: 4px;
655        margin: 0 7px 2px 0;
656        display: inline;
657        }
658
659.alignright {
660        float: right;
661        }
662
663.alignleft {
664        float: left
665        }
666/* End Images */
667
668
669
670/* Begin Lists
671
672        Special stylized non-IE bullets
673        Do not work in Internet Explorer, which merely default to normal bullets. */
674
675html>body .entry ul {
676        margin-left: 0px;
677        padding: 0 0 0 30px;
678        list-style: none;
679        padding-left: 10px;
680        text-indent: -10px;
681        }
682
683html>body .entry li {
684        margin: 7px 0 8px 10px;
685        }
686
687.entry ul li:before{
688        content: "\00BB \0020";
689        }
690       
691.entry ol {
692        padding: 0 0 0 35px;
693        margin: 0;
694        }
695
696.entry ol li {
697        margin: 0;
698        padding: 0;
699        }
700
701.postmetadata ul, .postmetadata li {
702        display: inline;
703        list-style-type: none;
704        list-style-image: none;
705        }
706
707
708.entry form { /* This is mainly for password protected posts, makes them look better. */
709        text-align:center;
710        }
711
712       
713
714
715
716
717
718
719
720
721
722
723/* Begin Various Tags & Classes */
724acronym, abbr, span.caps {
725        cursor: help;
726        }
727
728acronym, abbr {
729        border-bottom: 1px dashed #999;
730        }
731
732blockquote {
733        margin: 15px 30px 0 10px;
734        padding-left: 20px;
735        border-left: 5px solid #ddd;
736        }
737
738blockquote cite {
739        margin: 5px 0 0;
740        display: block;
741        }
742
743.xpress_single_navigation {
744        display:block;
745        width: 500px;
746        margin: 0 auto;
747        }
748       
749.xpress_index_navigation {
750        display:block;
751        width: 100%;
752        margin: 0 auto;
753        }
754       
755
756/* End Various Tags & Classes*/
757
758
759
760/* Captions */
761.aligncenter,
762div.aligncenter {
763        display: block;
764        margin-left: auto;
765        margin-right: auto;
766}
767
768.wp-caption {
769        border: 1px solid #ddd;
770        text-align: center;
771        background-color: #f3f3f3;
772        padding-top: 4px;
773        margin: 10px;
774        -moz-border-radius: 3px;
775        -khtml-border-radius: 3px;
776        -webkit-border-radius: 3px;
777        border-radius: 3px;
778}
779
780.wp-caption img {
781        margin: 0;
782        padding: 0;
783        border: 0 none;
784}
785
786.wp-caption p.wp-caption-text {
787        font-size: 11px;
788        line-height: 17px;
789        padding: 0 4px 5px;
790        margin: 0;
791}
792.dateblock{
793        margin:-12px 0 0 -5px!important;
794        }
795
796.nocomments, .postmetadata, blockquote, strike {
797        color: #777;
798        }
799       
800
801/* =Menu
802-------------------------------------------------------------- */
803#menu_div {
804        border-bottom: 1px solid #000;
805//      background: #fff;
806        margin: 0 auto;
807        display:block;
808        clear:both;
809        height:20px;
810//      float:left;
811}
812.xpress-header-title{
813        padding-left: 5px;
814        padding-top: 5px;
815}
816#access{
817//      background: #fff;
818        margin: 0 auto;
819        display:block;
820        padding-left: 0px;
821        float:left;
822}
823#xpress-menu {
824//      background: #fff;
825        margin: 0 auto;
826        display:block;
827        float:right;
828}
829#access .menu-header,
830#access .menu,
831#xpress-menu .menu-header {
832        font-size: 11px;
833        margin-left: 12px;
834}
835#access .menu-header ul,
836#access .menu ul,
837#xpress-menu .menu-header ul {
838        list-style: none;
839        margin: 0;
840}
841#access .menu-header li,
842#access .menu li,
843#xpress-menu .menu-header li {
844        float:left;
845        list-style: none;
846        position: relative;
847}
848#access a,
849#xpress-menu a {
850        display:block;
851        text-decoration:none;
852//      color:#aaa;
853        padding:0 2px;
[627]854        line-height:16px;
[613]855}
856#access ul ul,
857#xpress-menu ul ul {
858        display:none;
859        position:absolute;
[627]860        top:16px;
[613]861        left:0;
862        float:left;
863        -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
864        -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
865        box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
866        z-index: 99999;
867}
868#access ul ul ul,
869#xpress-menu ul ul ul {
870        left:100%;
871        top:0;
872}
873#access ul ul a,
874#xpress-menu ul ul a {
[627]875        background:#AAAAAA;
[613]876        height:auto;
877        line-height:1em;
[627]878        padding:3px;
[613]879        width: 130px;
880}
881#access li:hover > a,
882#access ul ul :hover > a,
883#xpress-menu li:hover > a,
884#xpress-menu ul ul :hover > a {
885        color:#fff;
886        background:#333;
887}
888
889#access ul li:hover > ul,
890#xpress-menu ul li:hover > ul {
891        display:block;
892}
893
[641]894#ed_toolbar input
895{
896        background: #14181B;
897        color: white;
898        border:2px dashed #323136;
899        padding: 0px;
900        width: 65px;
901}
902#ed_toolbar input:hover
903{
904        background: #323136;
905        color: white;
906        border:2px dashed #14181B;
907        padding: 0px;
908        width: 65px;
909}
910
911#footer-widget-area {
912        overflow: hidden;
913        margin-top: 5px;
914        text-align: left;
915}
916#footer-widget-area .widget-area-type1 {
917        float: left;
918        padding-top: 0;
919        width:100%;
920}
921#footer-widget-area .widget-area-type2 {
922        float: left;
923        padding-top: 0;
924        width:49%;
925}
926#footer-widget-area .widget-area-type3 {
927        float: left;
928        padding-top: 0;
929        width:33%;
930}
931#footer-widget-area .widget-area-type4 {
932        float: left;
933        padding-top: 0;
934        width:24%;
935}
936#footer-widget-area .widget-area-type5 {
937        float: left;
938        padding-top: 0;
939        width:19%;
940}
941
942#footer-widget-area ul {
943        margin-top: 0;
944        list-style-type:none;
945        padding-left: 20px;
946
947}
948#footer-widget-area .widget-title {
949        margin-top: 0;
950        margin-bottom: 2px;
951}
Note: See TracBrowser for help on using the repository browser.