XPressME Integration Kit

Trac

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

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

デフォルトテーマxpress_defaultの調整 bump Ver0.18
メインメニューにwordPress管理とXPressME設定を追加

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