XPressME Integration Kit

Trac

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

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

スタイルシートにより<p>タグの改行が正しく行われないバグ修正 fixed #212 (thx blogstar)

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