XPressME Integration Kit

Trac

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

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

デフォルトテーマxpress_defaultの調整

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