XPressME Integration Kit

Trac

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

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

bump Ver0.22 #85 トラックバックリスト表示実装 #80 デフォルトテーマデザイン完了

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