XPressME Integration Kit

Trac

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

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

bump ver0.21 デフォルトテーマのイメージをチョイ変更

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
5Version: 1.6
6Author: toemon
7Author URI: http://www.toemon.com/
8Tags: none color, xpressme default, variable width, two columns, widgets
9
10*/
11#xpress_page {
12        padding: 0;
13        width: 100%;
14        margin: 0;
15        text-align:left;
16        }
17       
18#xpress_wrap {
19        float: left;
20        width: 100%;
21        margin-right: -205px;
22        }
23       
24#xpress_content {
25        font-size: 1.0em;
26        padding: 0px;
27        }
28       
29#xpress_content.narrowcolumn {
30        margin-right: 205px;
31        }
32       
33#xpress-header-bar {
34        clear: both;
35}
36
37#xpress-header-bar .xpress-header-title {
38        float: left;
39        margin-bottom: 20px;
40
41        font-size: 16px;
42}
43#xpress-header-bar .xpress-conditional-title {
44        font-size: 14px;
45        margin-bottom: 20px;
46
47}
48
49#xpress-header-bar .xpress-description {
50        clear: both;
51        font-size: 12px;
52        float: left;
53}
54
55#xpress-header-bar .xpress-operation-link {
56        font-size: 12px;
57        text-align: right;
58}
59
60.xpress-border {
61        clear: both;
62        display: block;
63        }
64
65.xpress-navi-bar {
66        clear: both;
67        display: block;
68        }
69       
70.xpress_pagenavi {
71        display: block;
72        margin: 0 auto;
73        padding: 5px 0;
74        text-align: right;
75}
76
77.xpress-post {
78        width: 100%;
79        margin: 0px;
80        padding-top:20px;
81        clear: both;
82        }
83               
84.xpress-post .xpress-post-header{
85        text-align: left;
86        font-size: 0.8em;
87
88        }
89
90.xpress-post .xpress-post-entry {
91        clear: both;
92        padding-left: 20px;
93
94}
95
96.xpress-post .xpress-link-pages {
97        padding-top:10px;
98        clear: both;
99        text-align: center;
100}
101
102.xpress-post .xpress-post-footer{
103        text-align: right;
104        font-size: 0.8em;
105        margin-bottom: 10px;
106}
107
108#xpress-comments-block {
109        margin-top: 5px;
110        margin-bottom: 5px;
111        margin-left: 5px;
112        margin-right: 5px;
113        padding-top:10px;
114        padding-left:20px;
115        padding-right:5px;
116        padding-bottom:10px;
117        clear: both;
118        }
119#xpress_commentlist {
120        margin: 0px;
121        padding-left: 20px;
122        }
123
124#xpress_commentlist ol{
125        font-size: 1em;
126        list-style-image:none;
127        list-style-position:inside;
128        list-style-type:none;
129        }
130       
131#xpress_commentlist li{
132        margin: 0px;
133        padding-top: 5px;
134        padding-bottom: 100px;
135        padding-left: 5px;
136        padding-right: 1px;
137        font-size: 1em;
138        list-style-image:none;
139        list-style-position:inside;
140        list-style-type:none;
141        }
142       
143#xpress_commentlist .even {
144        background:#F4F4F4 none repeat scroll 0 0;
145        }
146
147#xpress_commentlist .odd {
148        background:#EFEFEF none repeat scroll 0 0;
149        }
150       
151#xpress_commentlist .avatar {
152        float: right;
153        border: 1px solid #eee;
154        padding: 2px;
155        background: #efefef;
156        }
157
158#xpress_commentlist cite, .commentlist cite a {
159        font-weight: bold;
160        font-style: normal;
161        font-size: 1.1em;
162        }
163
164
165#xpress_footer {
166        padding-top: 0px;
167        margin: 0 auto;
168        width: 100%;
169        clear: both;
170        text-align: center;
171        }
172#xpress_footer .xpress_rss {
173        margin: 0;
174        padding: 0;
175        text-align: right;
176        }
177
178#xpress_footer .xpress_credit {
179        margin: 0;
180        padding: 0;
181        text-align: center;
182        font-size: 0.9em;
183        color: #BDBDBD;
184        }
185       
186#xpress_footer .xpress_credit a {
187        font-size: 0.9em;
188        color: #BDBDBD;
189        }
190       
191/* Begin Typography & Colors */
192
193
194.widecolumn .entry {
195        font-size: 1.05em;
196        }
197
198.narrowcolumn .entry,.narrowcolumn_nonside .entry, .widecolumn .entry {
199        line-height: 1.4em;
200        }
201       
202p.postmeta{
203        line-height: 1.2em;
204        font-size: 0.9em;
205        }
206
207#xpress_page small {
208        font-family: Arial, Helvetica, Sans-Serif;
209        font-size: 0.8em;
210        line-height: 1.5em;
211        }
212
213#xpress_headerimg .description {
214        font-size: 1.2em;
215        }
216
217#xpress_page h1,
218#xpress_page h2 {
219        font-size: 1.4em;
220        }
221
222.xpress_pagetitle {
223        font-size: 1.5em;
224        font-weight: bold;
225        }
226
227.xpress_sidebar h2 {
228        font-size: 1.1em;
229        }
230
231#xpress_page h3 {
232        font-size: 1.6em;
233        }
234.xpress_commentmetadata {
235        font-size: 11px;
236        font-weight: normal;
237        }
238
239.postmetadata {
240        font-size: 0.9em;
241        }
242
243.xpress_sidebar {
244        font-size: 0.8em;
245        }
246
247#xpress_page small, .xpress_sidebar ul ul li, .xpress_sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
248        color: #777;
249        }
250
251#xpress_page code {
252        font-size: 1.1em;
253        }
254
255acronym, abbr, span.caps
256{
257        font-size: 0.9em;
258        letter-spacing: .07em;
259        }
260
261#wp-calendar #prev a, #wp-calendar #next a {
262        font-size: 9pt;
263        }
264
265#wp-calendar a {
266        text-decoration: none;
267        }
268
269#wp-calendar caption {
270        font: bold 1.3em;
271        text-align: center;
272        }
273
274#wp-calendar th {
275        font-style: normal;
276        text-transform: capitalize;
277        }
278       
279#xpress_footer p {
280        font-size: 0.9em;
281}       
282
283/* End Typography & Colors */
284
285
286
287/* Begin Structure */
288p{
289        margin:0;
290        padding:0;
291}
292       
293.widecolumn {
294        width: 500px; /*width of single page*/
295        margin: 0 auto;
296        }       
297
298       
299       
300.xpress-post h2 {
301        margin: 0;
302        }
303.xpress-post hr {
304        display: block;
305        }
306
307.entry {
308        clear:both;
309        padding:10px 0 0;
310        }
311       
312.entry p{
313        padding: 5px 0;
314        }
315
316p.postmeta{
317        padding-top: 20px;
318        }
319       
320.narrowcolumn_nonside .postmetadata,
321.narrowcolumn .postmetadata {
322        padding-top: 10px;
323        /*text-align:center;*//*postmeta of index page*/
324        }
325
326.widecolumn .postmetadata {
327        margin: 30px 0;
328        padding:5px 10px;
329        }
330
331.widecolumn .smallattachment {
332        text-align: center;
333        float: left;
334        width: 128px;
335        margin: 5px 5px 5px 0px;
336}
337
338.widecolumn .attachment {
339        text-align: center;
340        margin: 5px 0px;
341}
342
343#xpress_page .clear {
344        clear: both;
345}
346
347.dateblock{
348        margin:-12px 0 0 -5px!important;
349        }
350
351/* End Structure */
352
353
354/*      Begin Headers */
355#xpress_page h1 {
356        padding-top: 20px;
357        margin: 0 0 5px;
358        }
359
360.xpress_sidebar h2 {
361        margin: 5px 0 0;
362        padding: 0;
363        }
364
365#xpress_page h3 {
366        padding: 0;
367        margin: 0;
368        }
369
370/* End Headers */
371
372/* Begin Images */
373
374/*      Using 'class="alignright"' on an image will (who would've
375        thought?!) align the image to the right. And using 'class="centered',
376        will of course center the image. This is much better than using
377        align="center", being much more futureproof (and valid) */
378
379img.centered {
380        display: block;
381        margin-left: auto;
382        margin-right: auto;
383        }
384
385img.alignright {
386        padding: 4px;
387        margin: 0 0 2px 7px;
388        display: inline;
389        }
390
391img.alignleft {
392        padding: 4px;
393        margin: 0 7px 2px 0;
394        display: inline;
395        }
396
397.alignright {
398        float: right;
399        }
400
401.alignleft {
402        float: left
403        }
404/* End Images */
405
406
407
408/* Begin Lists
409
410        Special stylized non-IE bullets
411        Do not work in Internet Explorer, which merely default to normal bullets. */
412
413html>body .entry ul {
414        margin-left: 0px;
415        padding: 0 0 0 30px;
416        list-style: none;
417        padding-left: 10px;
418        text-indent: -10px;
419        }
420
421html>body .entry li {
422        margin: 7px 0 8px 10px;
423        }
424
425.entry ul li:before, .xpress_sidebar ul ul li:before {
426        content: "\00BB \0020";
427        }
428       
429.entry ol {
430        padding: 0 0 0 35px;
431        margin: 0;
432        }
433
434.entry ol li {
435        margin: 0;
436        padding: 0;
437        }
438
439.postmetadata ul, .postmetadata li {
440        display: inline;
441        list-style-type: none;
442        list-style-image: none;
443        }
444
445.xpress_sidebar ul, .xpress_sidebar ul ol {
446        margin: 0;
447        padding: 0;
448        }
449
450.xpress_sidebar ul li {
451        list-style-type: none;
452        list-style-image: none;
453        margin-bottom: 15px;
454        }
455
456.xpress_sidebar ul p, .xpress_sidebar ul select {
457        margin: 5px 0 8px;
458        }
459
460.xpress_sidebar ul ul, .xpress_sidebar ul ol {
461        margin: 5px 0 0 10px;
462        }
463
464.xpress_sidebar ul ul ul, .xpress_sidebar ul ol {
465        margin: 0 0 0 10px;
466        }
467
468
469.xpress_sidebar ul ul li, .xpress_sidebar ul ol li {
470        margin: 3px 0 0;
471        padding: 0;
472        }
473/* End Entry Lists */
474
475
476
477/* Begin Form Elements */
478.xpress_sidebar #searchform {
479        margin: 10px auto;
480        padding: 5px 3px;
481        text-align: center;
482        }
483
484.xpress_sidebar #searchform #s {
485        width: 108px;
486        padding: 2px;
487        }
488
489.xpress_sidebar #searchsubmit {
490        padding: 1px;
491        }
492
493.entry form { /* This is mainly for password protected posts, makes them look better. */
494        text-align:center;
495        }
496
497#xpress_page select {
498        width: 130px;
499        }
500       
501
502#xpress-respond {
503        margin: 0px;
504        padding-top: 10px;
505        padding-bottom: 5px;
506        padding-left: 0px;
507        padding-right: 0px;
508}
509
510#xpress-comment-user {
511        margin: 0px;
512        padding-top: 0px;
513        padding-bottom: 0px;
514        padding-left: 20px;
515        padding-right: 0px;
516}
517
518#xpress-comment-form {
519        margin: 0px;
520        padding-top: 0px;
521        padding-bottom: 0px;
522        padding-left: 20px;
523        padding-right: 5px;
524        font-size: 18px;
525
526}
527
528#xpress-comment-form .xpress-comment-submit{
529        margin: 0px;
530        padding-top: 5px;
531        padding-bottom: 0px;
532        padding-left: 0px;
533        padding-right: 0px;
534        font-size: 12px;
535
536}
537
538       
539.nocomments {
540        text-align: center;
541        margin: 0;
542        padding: 0;
543        }
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.