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