XPressME Integration Kit

Trac

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

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

デフォルトテーマのメニュー部list-styleがXOOPSのものが適応されレイアウト崩れするバグ修正

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