XPressME Integration Kit

Trac

source: trunk/xpressme_integration_kit/wp-content/themes/xpress_default/style.css @ 561

Last change on this file since 561 was 561, checked in by toemon, 14 years ago

デフォルトテーマをWP3から導入されるカスタムメニュー対応にする Fixes #320
また、「ヘッダーの背景と文字の色」の編集に対応させる。

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