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
RevLine 
[1]1/*
[140]2Theme Name: XPressME Default Themes
3Theme URI: http://trac.xpressme.info/XPressME
4Description: The theme for XPressME series
[148]5Version: 1.6
6Author: toemon
7Author URI: http://www.toemon.com/
8Tags: none color, xpressme default, variable width, two columns, widgets
9
[1]10*/
[150]11
[143]12#xpress_page {
13        padding: 0;
14        width: 100%;
15        margin: 0;
16        text-align:left;
17        }
18       
[150]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
[143]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 {
[150]83        margin-right: 200px;
[143]84        }
[150]85
86
87/* Begin Header Menu */
88
[143]89#xpress-header-bar {
90        clear: both;
91}
[163]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 {
[140]100        float: left;
101        font-size: 16px;
102}
[163]103#xpress-header-bar #xpress-header-bar-top .xpress-conditional-title {
[140]104        font-size: 14px;
105        margin-bottom: 20px;
[1]106
[140]107}
108
[143]109#xpress-header-bar .xpress-description {
[140]110        clear: both;
111        font-size: 12px;
112        float: left;
113}
114
[143]115#xpress-header-bar .xpress-operation-link {
[140]116        font-size: 12px;
117        text-align: right;
118}
[150]119/* End Header Menu */
[140]120
[150]121
122/* Begin Border line */
[140]123.xpress-border {
124        clear: both;
[143]125        display: block;
126        }
[150]127/* End Border lin */
[140]128
[150]129
130/* Begin Navi */
[140]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;
[147]140        text-align: right;
[140]141}
[150]142/* End Navi */
[140]143
[150]144
145/* Begin Post */
[143]146.xpress-post {
147        width: 100%;
148        margin: 0px;
149        padding-top:20px;
150        clear: both;
151        }
[150]152.xpress-post h2 {
153        margin: 0;
154        }
155.xpress-post hr {
156        display: block;
157        }
158       
[143]159.xpress-post .xpress-post-header{
160        text-align: left;
161        font-size: 0.8em;
[140]162
[143]163        }
164
165.xpress-post .xpress-post-entry {
[140]166        clear: both;
167        padding-left: 20px;
168
169}
[147]170
171.xpress-post .xpress-link-pages {
172        padding-top:10px;
173        clear: both;
174        text-align: center;
175}
176
[143]177.xpress-post .xpress-post-footer{
[140]178        text-align: right;
179        font-size: 0.8em;
[147]180        margin-bottom: 10px;
[140]181}
[150]182/* End post */
[147]183
[150]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        }
[176]214.xpress_pings_status {
215        text-align: center;xpress_pings_status
216        margin: 0;
217        padding: 0;
218        }
[150]219/* End pings */
220
221
222/* Begin Comment */
[147]223#xpress-comments-block {
[150]224        margin-top: 0px;
[147]225        margin-bottom: 5px;
226        margin-left: 5px;
227        margin-right: 5px;
[150]228        padding-top:0px;
[143]229        padding-left:20px;
[147]230        padding-right:5px;
231        padding-bottom:10px;
[143]232        clear: both;
233        }
[150]234
[147]235#xpress_commentlist {
236        margin: 0px;
237        padding-left: 20px;
[143]238        }
[1]239
[147]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;
[150]250        padding-bottom: 0px;
[147]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;
[150]261        margin-top: 4px;
262        padding-top: 0px;
263        padding-bottom: 4px;
264        padding-left: 10px;
265        padding-right:0px
[147]266        }
267
268#xpress_commentlist .odd {
269        background:#EFEFEF none repeat scroll 0 0;
[150]270        margin-top: 4px;
271        padding-top: 0px;
272        padding-bottom: 4px;
273        padding-left: 10px;
274        padding-right:0px
[147]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
[150]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;
[147]297
[150]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 */
[143]335#xpress_footer {
336        padding-top: 0px;
337        margin: 0 auto;
338        width: 100%;
339        clear: both;
[147]340        text-align: center;
[1]341        }
[150]342#xpress_footer p {
343        font-size: 0.9em;
344}       
345
[143]346#xpress_footer .xpress_rss {
347        margin: 0;
348        padding: 0;
349        text-align: right;
350        }
[1]351
[143]352#xpress_footer .xpress_credit {
353        margin: 0;
354        padding: 0;
355        text-align: center;
[150]356        font-size: 10px;
[143]357        color: #BDBDBD;
358        }
359       
360#xpress_footer .xpress_credit a {
[150]361        font-size: 10px;
[143]362        color: #BDBDBD;
363        }
[150]364/* End Footer Title */
[143]365
366
[150]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;
[1]381        }
382       
[150]383#xpress_sidebar h2 {
384        margin: 5px 0 0;
385        padding: 0;
386        font-size: 14px;
[1]387        }
388
[150]389#xpress_sidebar form {
390        margin: 0;
[1]391        }
392
[150]393#xpress_sidebar ul ul li:before {
394        content: "\00BB \0020";
[1]395        }
396
[150]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;
[1]404        }
405
[150]406#xpress_sidebar ul li {
407        list-style-type: none;
408        list-style-image: none;
409        margin-bottom: 15px;
[1]410        }
411
[150]412#xpress_sidebar ul p, #xpress_sidebar ul select {
413        margin: 5px 0 8px;
[1]414        }
415
[150]416#xpress_sidebar ul ul, #xpress_sidebar ul ol {
417        margin: 5px 0 0 10px;
[1]418        }
[150]419
420#xpress_sidebar ul ul ul, #xpress_sidebar ul ol {
421        margin: 0 0 0 10px;
[1]422        }
423
[150]424
425#xpress_sidebar ul ul li, #xpress_sidebar ul ol li {
426        margin: 3px 0 0;
427        padding: 0;
[1]428        }
429
[150]430#xpress_sidebar #searchform {
431        margin: 0px ;
432        padding: 0px;
433        text-align: left;
[1]434        }
435
[150]436#xpress_sidebar #searchform #s {
437        width: 108px;
438        padding: 2px;
[1]439        }
440
[150]441#xpress_sidebar #searchsubmit {
442        padding: 1px;
[1]443        }
[150]444/* End Sidebar */
[1]445
[150]446
447/* Begin Calendar */
448#wp-calendar {
449        empty-cells: show;
450        margin: 10px auto 0;
451        width: 155px;
[1]452        }
453
[150]454#wp-calendar #next a {
455        padding-right: 10px;
456        text-align: right;
[1]457        font-size: 9pt;
458        }
459
[150]460#wp-calendar #prev a {
461        padding-left: 10px;
462        text-align: left;
463        font-size: 9pt;
464        }
465
[1]466#wp-calendar a {
[150]467        display: block;
[1]468        text-decoration: none;
469        }
470
471#wp-calendar caption {
[150]472        text-align: center;
473        width: 100%;
[1]474        font: bold 1.3em;
[150]475        }
476
477#wp-calendar td {
478        padding: 3px 0;
[1]479        text-align: center;
480        }
481
[150]482#wp-calendar td.pad:hover { /* Doesn't work in IE */
483        background-color: #fff; }
484
[1]485#wp-calendar th {
486        font-style: normal;
487        text-transform: capitalize;
488        }
[150]489/* End Calendar */
[1]490       
[150]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;
[1]506        font-size: 0.9em;
[150]507        }
[32]508
[1]509
[150]510#xpress_headerimg .description {
511        font-size: 1.2em;
512        }
[1]513
514
[150]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
[1]537.widecolumn {
538        width: 500px; /*width of single page*/
539        margin: 0 auto;
540        }       
[143]541
[1]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
[150]634.entry ul li:before{
[1]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       
[140]702
[1]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}
[150]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.