Changeset 150 for trunk/wp-content/themes/xpress_default/style.css
- Timestamp:
- Apr 2, 2009, 6:37:19 PM (15 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/wp-content/themes/xpress_default/style.css
r148 r150 9 9 10 10 */ 11 11 12 #xpress_page { 12 13 padding: 0; … … 16 17 } 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 18 71 #xpress_wrap { 19 72 float: left; … … 28 81 29 82 #xpress_content.narrowcolumn { 30 margin-right: 205px; 31 } 32 83 margin-right: 200px; 84 } 85 86 87 /* Begin Header Menu */ 88 33 89 #xpress-header-bar { 34 90 clear: both; … … 57 113 text-align: right; 58 114 } 59 115 /* End Header Menu */ 116 117 118 /* Begin Border line */ 60 119 .xpress-border { 61 120 clear: both; 62 121 display: block; 63 122 } 64 123 /* End Border lin */ 124 125 126 /* Begin Navi */ 65 127 .xpress-navi-bar { 66 128 clear: both; … … 74 136 text-align: right; 75 137 } 76 138 /* End Navi */ 139 140 141 /* Begin Post */ 77 142 .xpress-post { 78 143 width: 100%; … … 81 146 clear: both; 82 147 } 83 148 .xpress-post h2 { 149 margin: 0; 150 } 151 .xpress-post hr { 152 display: block; 153 } 154 84 155 .xpress-post .xpress-post-header{ 85 156 text-align: left; … … 105 176 margin-bottom: 10px; 106 177 } 107 108 #xpress-comments-block { 109 margin-top: 5px; 110 margin-bottom: 5px; 178 /* End post */ 179 180 181 /* Begin Pings */ 182 #xpress-pings-block { 183 margin-top: 0px; 184 margin-bottom: 0px; 111 185 margin-left: 5px; 112 186 margin-right: 5px; 113 padding-top: 10px;187 padding-top:0px; 114 188 padding-left:20px; 115 189 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{ 190 padding-bottom:0px; 191 clear: both; 192 } 193 #xpress_pingslist ol{ 125 194 font-size: 1em; 126 195 list-style-image:none; … … 128 197 list-style-type:none; 129 198 } 130 131 #xpress_commentlist li{ 199 #xpress_pingslist li{ 132 200 margin: 0px; 133 padding-top: 5px;134 padding-bottom: 100px;201 padding-top: 0px; 202 padding-bottom: 0px; 135 203 padding-left: 5px; 136 204 padding-right: 1px; … … 140 208 list-style-type:none; 141 209 } 210 /* End pings */ 211 212 213 /* Begin Comment */ 214 #xpress-comments-block { 215 margin-top: 0px; 216 margin-bottom: 5px; 217 margin-left: 5px; 218 margin-right: 5px; 219 padding-top:0px; 220 padding-left:20px; 221 padding-right:5px; 222 padding-bottom:10px; 223 clear: both; 224 } 225 226 #xpress_commentlist { 227 margin: 0px; 228 padding-left: 20px; 229 } 230 231 #xpress_commentlist ol{ 232 font-size: 1em; 233 list-style-image:none; 234 list-style-position:inside; 235 list-style-type:none; 236 } 237 238 #xpress_commentlist li{ 239 margin: 0px; 240 padding-top: 5px; 241 padding-bottom: 0px; 242 padding-left: 5px; 243 padding-right: 1px; 244 font-size: 1em; 245 list-style-image:none; 246 list-style-position:inside; 247 list-style-type:none; 248 } 142 249 143 250 #xpress_commentlist .even { 144 251 background:#F4F4F4 none repeat scroll 0 0; 252 margin-top: 4px; 253 padding-top: 0px; 254 padding-bottom: 4px; 255 padding-left: 10px; 256 padding-right:0px 145 257 } 146 258 147 259 #xpress_commentlist .odd { 148 260 background:#EFEFEF none repeat scroll 0 0; 261 margin-top: 4px; 262 padding-top: 0px; 263 padding-bottom: 4px; 264 padding-left: 10px; 265 padding-right:0px 149 266 } 150 267 … … 161 278 font-size: 1.1em; 162 279 } 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 202 p.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 255 acronym, abbr, span.caps256 {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 */288 p{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 316 p.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've375 thought?!) align the image to the right. And using 'class="centered',376 will of course center the image. This is much better than using377 align="center", being much more futureproof (and valid) */378 379 img.centered {380 display: block;381 margin-left: auto;382 margin-right: auto;383 }384 385 img.alignright {386 padding: 4px;387 margin: 0 0 2px 7px;388 display: inline;389 }390 391 img.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: left403 }404 /* End Images */405 406 407 408 /* Begin Lists409 410 Special stylized non-IE bullets411 Do not work in Internet Explorer, which merely default to normal bullets. */412 413 html>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 421 html>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 280 518 281 #xpress-comment-form { … … 526 289 } 527 290 291 #xpress-respond { 292 margin: 0px; 293 padding-top: 10px; 294 padding-bottom: 5px; 295 padding-left: 0px; 296 padding-right: 0px; 297 } 298 299 #xpress-comment-user { 300 margin: 0px; 301 padding-top: 0px; 302 padding-bottom: 0px; 303 padding-left: 20px; 304 padding-right: 0px; 305 } 306 528 307 #xpress-comment-form .xpress-comment-submit{ 529 308 margin: 0px; … … 536 315 } 537 316 538 539 317 .nocomments { 540 318 text-align: center; … … 542 320 padding: 0; 543 321 } 544 545 322 /* End Comments */ 546 323 547 324 325 /* Begin Footer Title */ 326 #xpress_footer { 327 padding-top: 0px; 328 margin: 0 auto; 329 width: 100%; 330 clear: both; 331 text-align: center; 332 } 333 #xpress_footer p { 334 font-size: 0.9em; 335 } 336 337 #xpress_footer .xpress_rss { 338 margin: 0; 339 padding: 0; 340 text-align: right; 341 } 342 343 #xpress_footer .xpress_credit { 344 margin: 0; 345 padding: 0; 346 text-align: center; 347 font-size: 10px; 348 color: #BDBDBD; 349 } 350 351 #xpress_footer .xpress_credit a { 352 font-size: 10px; 353 color: #BDBDBD; 354 } 355 /* End Footer Title */ 356 548 357 549 358 /* Begin Sidebar */ 550 #xpress_ page .xpress_sidebar {359 #xpress_sidebar { 551 360 float: right; 552 361 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; 362 margin-top: 0px; 363 margin-bottom: 0px; 364 margin-left: 10px; 365 margin-right: 0px; 366 padding-top: 0px; 367 padding-bottom: 0px; 368 padding-left: 100px 369 padding-right: 0px 370 font-size: 0.8em; 371 width: 180px; 372 } 373 374 #xpress_sidebar h2 { 375 margin: 5px 0 0; 376 padding: 0; 377 font-size: 14px; 378 } 379 380 #xpress_sidebar form { 381 margin: 0; 382 } 383 384 #xpress_sidebar ul ul li:before { 385 content: "\00BB \0020"; 386 } 387 388 #xpress_sidebar ul, #xpress_sidebar ul ol { 389 margin: 0; 390 padding: 0; 391 list-style-type: none; 392 list-style-image: none; 393 list-style: none; 394 list-style-position:inside; 395 } 396 397 #xpress_sidebar ul li { 398 list-style-type: none; 399 list-style-image: none; 400 margin-bottom: 15px; 401 } 402 403 #xpress_sidebar ul p, #xpress_sidebar ul select { 404 margin: 5px 0 8px; 405 } 406 407 #xpress_sidebar ul ul, #xpress_sidebar ul ol { 408 margin: 5px 0 0 10px; 409 } 410 411 #xpress_sidebar ul ul ul, #xpress_sidebar ul ol { 412 margin: 0 0 0 10px; 413 } 414 415 416 #xpress_sidebar ul ul li, #xpress_sidebar ul ol li { 417 margin: 3px 0 0; 418 padding: 0; 419 } 420 421 #xpress_sidebar #searchform { 422 margin: 0px ; 423 padding: 0px; 424 text-align: left; 425 } 426 427 #xpress_sidebar #searchform #s { 428 width: 108px; 429 padding: 2px; 430 } 431 432 #xpress_sidebar #searchsubmit { 433 padding: 1px; 560 434 } 561 435 /* End Sidebar */ 562 563 436 564 437 … … 573 446 padding-right: 10px; 574 447 text-align: right; 448 font-size: 9pt; 575 449 } 576 450 … … 578 452 padding-left: 10px; 579 453 text-align: left; 454 font-size: 9pt; 580 455 } 581 456 582 457 #wp-calendar a { 583 458 display: block; 459 text-decoration: none; 584 460 } 585 461 … … 587 463 text-align: center; 588 464 width: 100%; 465 font: bold 1.3em; 589 466 } 590 467 … … 596 473 #wp-calendar td.pad:hover { /* Doesn't work in IE */ 597 474 background-color: #fff; } 475 476 #wp-calendar th { 477 font-style: normal; 478 text-transform: capitalize; 479 } 598 480 /* End Calendar */ 481 482 483 484 /* Nocheck Under css */ 485 486 487 .widecolumn .entry { 488 font-size: 1.05em; 489 } 490 491 .narrowcolumn .entry,.narrowcolumn_nonside .entry, .widecolumn .entry { 492 line-height: 1.4em; 493 } 494 495 p.postmeta{ 496 line-height: 1.2em; 497 font-size: 0.9em; 498 } 499 500 501 #xpress_headerimg .description { 502 font-size: 1.2em; 503 } 504 505 506 .xpress_pagetitle { 507 font-size: 1.5em; 508 font-weight: bold; 509 } 510 511 .xpress_commentmetadata { 512 font-size: 11px; 513 font-weight: normal; 514 } 515 516 .postmetadata { 517 font-size: 0.9em; 518 } 519 520 521 522 acronym, abbr, span.caps 523 { 524 font-size: 0.9em; 525 letter-spacing: .07em; 526 } 527 528 p{ 529 margin:0; 530 padding:0; 531 } 532 533 .widecolumn { 534 width: 500px; /*width of single page*/ 535 margin: 0 auto; 536 } 537 538 .entry { 539 clear:both; 540 padding:10px 0 0; 541 } 542 543 .entry p{ 544 padding: 5px 0; 545 } 546 547 p.postmeta{ 548 padding-top: 20px; 549 } 550 551 .narrowcolumn_nonside .postmetadata, 552 .narrowcolumn .postmetadata { 553 padding-top: 10px; 554 /*text-align:center;*//*postmeta of index page*/ 555 } 556 557 .widecolumn .postmetadata { 558 margin: 30px 0; 559 padding:5px 10px; 560 } 561 562 .widecolumn .smallattachment { 563 text-align: center; 564 float: left; 565 width: 128px; 566 margin: 5px 5px 5px 0px; 567 } 568 569 .widecolumn .attachment { 570 text-align: center; 571 margin: 5px 0px; 572 } 573 574 575 /* End Headers */ 576 577 /* Begin Images */ 578 579 /* Using 'class="alignright"' on an image will (who would've 580 thought?!) align the image to the right. And using 'class="centered', 581 will of course center the image. This is much better than using 582 align="center", being much more futureproof (and valid) */ 583 584 img.centered { 585 display: block; 586 margin-left: auto; 587 margin-right: auto; 588 } 589 590 img.alignright { 591 padding: 4px; 592 margin: 0 0 2px 7px; 593 display: inline; 594 } 595 596 img.alignleft { 597 padding: 4px; 598 margin: 0 7px 2px 0; 599 display: inline; 600 } 601 602 .alignright { 603 float: right; 604 } 605 606 .alignleft { 607 float: left 608 } 609 /* End Images */ 610 611 612 613 /* Begin Lists 614 615 Special stylized non-IE bullets 616 Do not work in Internet Explorer, which merely default to normal bullets. */ 617 618 html>body .entry ul { 619 margin-left: 0px; 620 padding: 0 0 0 30px; 621 list-style: none; 622 padding-left: 10px; 623 text-indent: -10px; 624 } 625 626 html>body .entry li { 627 margin: 7px 0 8px 10px; 628 } 629 630 .entry ul li:before{ 631 content: "\00BB \0020"; 632 } 633 634 .entry ol { 635 padding: 0 0 0 35px; 636 margin: 0; 637 } 638 639 .entry ol li { 640 margin: 0; 641 padding: 0; 642 } 643 644 .postmetadata ul, .postmetadata li { 645 display: inline; 646 list-style-type: none; 647 list-style-image: none; 648 } 649 650 651 .entry form { /* This is mainly for password protected posts, makes them look better. */ 652 text-align:center; 653 } 654 655 656 657 658 659 660 661 662 599 663 600 664 … … 620 684 } 621 685 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 686 .xpress_single_navigation { 636 687 display:block; … … 682 733 margin: 0; 683 734 } 684 /* End captions */ 735 .dateblock{ 736 margin:-12px 0 0 -5px!important; 737 } 738 739 .nocomments, .postmetadata, blockquote, strike { 740 color: #777; 741 }
Note: See TracChangeset
for help on using the changeset viewer.