style.css

   1
   2 /*
   3 Theme Name: Aerodrome
   4 Theme URI: http://thebuckmaker.com/aerodrome
   5 Description: Beautiful light and professional designed, ad ready WordPress theme by <a href="http://thebuckmaker.com">TheBuckmaker.com</a>. Custom background image menu by <a href="http://missionsplace.com">Aaron Edwards</a>. Ready for WordPress 2.7
   6 Author: Joe Fischler
   7 Author URI: http://thebuckmaker.com
   8 Tags: blue, green, light, three-columns, fixed-width, theme-options, threaded-comments
   9 Version: 1.0.5
  10 */
  11
  12
  13
  14
  15 /*       ++++++++++++++++++++++++++++++++++++++++++++++++++++++
  16          ++++++++++++++++++ General Stylings ++++++++++++++++++
  17          +++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  18
  19
  20 a {
  21         color: #000;
  22         text-decoration:underline;
  23         font-weight:bold;
  24 }
  25
  26 a img {
  27         border: none;
  28 }
  29
  30 img {}
  31
  32
  33
  34 a:hover {
  35         color:#000;
  36         text-decoration:none;
  37 }
  38
  39
  40
  41 blockquote {
  42         border-left: 5px solid #ccc;
  43         margin-left: 1.5em;
  44         padding-left: 5px;
  45 }
  46
  47
  48 /*++++++++++++++++++ The BACKGROUND IMAGE +++++++++++++++++++++*/
  49 /*+++++ replace "(images/default.jpg)" with another image from the /images directory of the theme ++++*/
  50
  51 body {
  52         background: url(http://2012.stateofthemap.org/wp-content/uploads/2012/04/background_japan_red.jpg) no-repeat 0 0 #d99179;
  53         background-attachment:fixed;
  54         background-position: center center;
  55         color: #000;
  56         font-family: Arial, Verdana, sans-serif;
  57         margin: 0;
  58         padding: 0;
  59 }
  60
  61 cite {
  62         font-size: 90%;
  63         font-style: normal;
  64 }
  65
  66 h1 {    font: 20px 'Arial', Verdana, sans-serif;
  67         margin: 15px 0 2px 0;
  68         padding-bottom: 2px;
  69         font-weight:bold;
  70 }
  71
  72 h2 {
  73         font: 95% 'Arial', Verdana, sans-serif;
  74         margin: 15px 0 2px 0;
  75         padding-bottom: 2px;
  76 }
  77
  78 h3 {
  79         font-family: Arial, Verdana, sans-serif;
  80         margin: 0 0 5px 0;
  81 }
  82
  83
  84
  85 p, li {
  86         font: 12px 'Arial', Verdana, sans-serif;
  87         line-height:17px;
  88 }
  89
  90
  91
  92 /*       ++++++++++++++++++++++++++++++++++++++++++++++++++++++
  93         ++++++++++++++ Containers and Headers ++++++++++++++++
  94          +++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  95
  96
  97 /* ++++++++++++++++++ The Main Container ++++++++++++++++++ */
  98
  99 #rap {
 100         width:970px;
 101         margin:0 auto;
 102
 103 }
 104
 105 /* ++++++++++++++++++ The Content Container - where your posts are ++++++++++++++++++ */
 106
 107 #content {
 108         width: 580px;
 109         float:left;
 110         overflow:hidden;
 111 }
 112
 113
 114 /* ++++++++++++++++++ The Header Section ++++++++++++++++++ */
 115
 116 #headernew {
 117         position:relative;
 118         background: url('http://2012.stateofthemap.org/wp-content/uploads/2011/02/11header_background.png');
 119         height:174px;
 120         width: 935px;
 121         margin:0px 0px 14px 35px;
 122         padding: 0px;
 123 }
 124
 125 #headernew a {
 126         color: #fff;
 127 }
 128
 129 #headernew h1 {
 130         text-decoration: none;
 131         position:absolute;
 132         left: 225px;
 133         top: 70px;
 134         color: #fff;
 135         font-size:20px;
 136         font-weight: bold;
 137         margin:0px;
 138         padding:0px;
 139 }
 140
 141 #headernew h2 {
 142         position:absolute;
 143         left: 225px;
 144         top: 92px;
 145         color: #ff0000;
 146         width: 400px;
 147         margin:0px;
 148         padding:0px;
 149         font-weight:bold;
 150 }
 151
 152 .navlink {
 153         margin:0px 48px 20px 40px;
 154         color:#808080;
 155         text-align:center;
 156         font-size:10px;
 157 }
 158
 159 .navlink a {
 160         padding:10px;
 161         font-size:10px;
 162         background:#fff;
 163         opacity: 0.7;filter:alpha(opacity=70);zoom:1;
 164 }
 165
 166 .navlink a:hover {
 167         color:#000;
 168
 169 }
 170
 171
 172 #headmenu {
 173         position:absolute;
 174         left: 134px;
 175         top: 6px;
 176         margin:0px;
 177         padding:0px;
 178         font-size: 12px;
 179         z-index:200;
 180 }
 181
 182 #headmenu a {
 183         margin-right:15px;
 184         color: #202420;
 185 }
 186
 187
 188 #headmenu ul {margin:0; padding:0}
 189 #headmenu ul li {
 190         float:left;
 191         list-style-type:none;
 192 }
 193
 194 #headmenu2 {
 195 font-family: verdana, arial, sans-serif;
 196 font-size:14px;
 197 width:100%;
 198 font-weight:bold;
 199 float:none;
 200 margin: 0 0 15px 0;
 201 color:#fff;
 202 overflow:hidden;
 203 }
 204
 205
 206 #headmenu2 a {
 207          color:#000;
 208          background:#fff;
 209          padding:4px 10px 4px 10px;
 210          margin:0 3px 0 0;
 211          line-height:21px;
 212
 213
 214 }
 215
 216
 217 #headmenu2 a:hover {text-decoration:none; color:#fff; background:#000;}
 218 #headmenu2 ul {margin:0;padding:0;}
 219 #headmenu2 ul li {float:left;
 220             list-style-type:none;
 221 }
 222
 223 .headlip {
 224          color:#fff;
 225          background:#6b8994;
 226          padding:0px 10px 0px 10px;
 227          margin:0 3px 0 0;
 228          line-height:21px;
 229          font-weight:bold;
 230
 231 }
 232
 233 /*++++++ 468x60 px Ad in the Header ++++++ */
 234 #headad {
 235          width:468px;
 236          height:60px;
 237          overflow:hidden;
 238          float:left;
 239          margin:8px 0 0 0;
 240
 241 }
 242
 243
 244
 245 /*++++++ The Post wrap without its heading (storytitle) ++++++ */
 246
 247
 248 .datecomrap {
 249         float:left;
 250         width:35px;
 251         overflow:hidden;
 252 }
 253
 254 .date {
 255          color:#fff;
 256          background:#333731;
 257          width:35px;
 258          height:60px;
 259          text-align:center;
 260          font-size:0.7em;
 261          padding:3px 0 0 0;
 262
 263 }
 264
 265 .commy {
 266          color:#fff;
 267          background:#ff0000;
 268          width:35px;
 269          height:30px;
 270          text-align:center;
 271          font-size:1.1em;
 272          padding:7px 0 0 0;
 273          margin-top:10px;
 274
 275 }
 276
 277 .commy a, .commy a:hover {color:#fff;}
 278
 279 .storywrap {
 280         padding:10px 20px;
 281         font-size:13px;
 282         float:left;
 283         width:505px;
 284         margin-bottom:15px;
 285         background:#fff;
 286         overflow:hidden;
 287
 288         opacity: 0.95;filter:alpha(opacity=95);zoom:1;
 289
 290 }
 291
 292
 293 /* ++++++++++++++++++ The Sidebar Section ++++++++++++++++++ */
 294
 295 #sidebarleft {
 296  width:180px;
 297         float:left;
 298         color:#000;
 299         font-size: 9px;
 300         padding-bottom:50px;
 301         padding-top:10px;
 302         margin-top:0px;
 303         margin-left:15px;
 304         background:#fff;
 305         overflow:hidden;
 306         opacity: 0.9;filter:alpha(opacity=90);zoom:1;
 307
 308 }
 309
 310 #sidebarleft form {
 311         margin: 0;
 312        padding:0;
 313         list-style-type:none;
 314 }
 315
 316 #sidebarleft input#s {
 317         text-align:left;
 318         margin-left:0px;
 319         width: 77%;
 320         color: #000;
 321         font-weight:bold;
 322         font-family: verdana, arial,sans-serif;
 323         font-size:12px;
 324 }
 325
 326 #sidebarleft a {font-weight:normal; color:#000;}
 327
 328 #sidebarleft a:hover {
 329          color:#000;
 330          text-decoration:underline;
 331 }
 332
 333
 334 #sidebarleft h3 {font-weight:bold; font-size:15px; margin:17px 0 6px 5px;}
 335
 336 #sidebarleft ul {
 337         color: #000;
 338         font-weight: bold;
 339         list-style-type: none;
 340         margin: 0;
 341         padding-left: 0px;
 342 }
 343
 344 #sidebarleft ul li {
 345         font-family: Arial, Verdana, sans-serif;
 346         padding:0 10px 1px 10px;
 347         margin:3px 0 0 0;
 348         list-style-type: none;
 349         font-size:11px;
 350 }
 351
 352 #sidebarleft div p {
 353         font-size: 12px;
 354         line-height: 18px;
 355 }
 356
 357 #sidebar {
 358         width:180px;
 359         min-height:1200px;
 360         float:right;
 361         color:#fff;
 362         padding-bottom:50px;
 363         padding-top:10px;
 364         margin-top:0px;
 365         background:#000;
 366         overflow:hidden;
 367
 368         opacity: 0.8;filter:alpha(opacity=80);zoom:1;
 369
 370 }
 371
 372
 373
 374 #search {list-style-type:none;
 375          padding:5px 5px 5px 0;
 376
 377 }
 378
 379 .notfound {
 380          margin:40px 100px 0 100px;
 381          text-align:center;
 382          font-weight:bold;
 383          background:#fff;
 384          padding:20px 10px;}
 385
 386
 387 .notfound a {
 388          text-decoration:underline;}
 389
 390 #sidebar form {
 391         margin: 0;
 392        padding:0;
 393         list-style-type:none;
 394 }
 395
 396 #sidebar input#s {
 397         text-align:left;
 398         margin-left:0px;
 399         width: 77%;
 400         color: #000;
 401         font-weight:bold;
 402         font-family: verdana, arial,sans-serif;
 403         font-size:12px;
 404 }
 405
 406 #sidebar a {font-weight:normal; color:#fff;}
 407
 408 #sidebar a:hover {
 409          color:#fff;
 410          text-decoration:underline;
 411 }
 412
 413
 414 #sidebar h3 {font-weight:bold; font-size:15px; margin:17px 0 6px 5px;}
 415
 416 #sidebar ul {
 417         color: #fff;
 418         font-weight: bold;
 419         list-style-type: none;
 420         margin: 0;
 421         padding-left: 0px;
 422 }
 423
 424 #sidebar ul li {
 425         font-family: Arial, Verdana, sans-serif;
 426         padding:0 10px 1px 10px;
 427         margin:3px 0 0 0;
 428         list-style-type: none;
 429         font-size:11px;
 430 }
 431
 432
 433
 434 /*       ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 435         ++++++++++++++++++ Special Stylings ++++++++++++++++++
 436          +++++++++++++++++++++++++++++++++++++++++++++++++++++*/
 437
 438
 439
 440 /* +++++++++++++++ The Heading of your Posts and Pages ++++++++++++++++++ */
 441
 442 .storytitle {
 443         color:#000;
 444         padding-bottom:2px;
 445         border-bottom:1px solid #808080;
 446         text-align:left;
 447 }
 448
 449 .storytitle h3 {text-align:left;}
 450
 451 .storytitle a {
 452         text-decoration: none;
 453         color:#000;
 454         font-size:18px;
 455         font-weight:bold;
 456 }
 457
 458 .storytitle a:hover {
 459         text-decoration:none;
 460 }
 461
 462 .storytitle a:visited {
 463 }
 464
 465
 466 .post {
 467        clear:both;
 468        padding-bottom:10px;
 469        overflow:visible;
 470        padding-left:1px;
 471
 472 }
 473
 474 .feedback {
 475        float:left;
 476        font-size:10px;
 477        margin-bottom:20px;
 478 }
 479
 480 .feedback a {font-weight:normal;}
 481
 482 .storycontent p a {text-decoration:underline;}
 483
 484 .meta {
 485         font-size: 10px;
 486         font-family: Arial, Verdana, sans-serif;
 487         color: #808080;
 488         clear:both;
 489         padding-top:2px;
 490         border-top:1px solid #808080;
 491         margin:30px 0 0 0;
 492 }
 493
 494 .meta li, ul.post-meta li {
 495         display: inline;
 496
 497 }
 498
 499 .meta ul {
 500         display: inline;
 501         list-style: none;
 502         margin: 0;
 503         padding: 0;
 504
 505 }
 506
 507
 508 .meta a, .meta a:visited {
 509         color: #808080;
 510         font-weight: bold;
 511 }
 512
 513
 514 .meta a:hover {
 515         border-bottom:1px solid #808080;
 516 }
 517
 518 ul.post-meta {
 519         list-style: none;
 520 }
 521
 522 ul.post-meta span.post-meta-key {
 523         font-weight: bold;
 524 }
 525
 526 .footprint {
 527
 528         border-top: 3px double #fff;
 529         color: #fff;
 530         font-size: 11px;
 531         margin: 10px 0 0 0;
 532         background:#000;
 533         padding: 3px;
 534         text-align: center;
 535         clear:both;
 536
 537         opacity: 0.6;filter:alpha(opacity=60);zoom:1;
 538
 539
 540
 541 }
 542
 543 .footprint a {
 544         color:#fff;
 545
 546 }
 547
 548
 549 /* +++++++++++++++ The comment section +++++++++++++++++ */
 550
 551
 552 #commentform #author, #commentform #email, #commentform #url, #commentform textarea {
 553
 554         border: 1px solid #808080;
 555         padding: .2em;
 556         margin-left:10px;
 557 }
 558
 559 #commentform textarea {
 560         width:96%;
 561 }
 562
 563 #commentlist {
 564         width: 97%;
 565         font-size:11px;
 566         color:#000;
 567         margin:0 0 20px 0;
 568         padding: 0 0 0 10px;
 569 }
 570
 571 #commentlist li {
 572         border:5px solid #dcdcdc;
 573         margin:0 0 20px 0;
 574         list-style-type:none;
 575         padding:0px;
 576         background:#f5f5f5;
 577
 578          -webkit-border-radius:5px;
 579          -khtml-border-radius:5px;
 580          -moz-border-radius:5px;
 581
 582 }
 583
 584 #commentlist ul {margin:0; padding:0;}
 585
 586 #commentlist li p {font-size:12px;
 587         padding:5px 10px 5px 80px;
 588         margin:0;
 589
 590 }
 591
 592 #commentlist a {
 593         text-decoration:underline;
 594         font-weight:bold;
 595 }
 596
 597 #commentlist li div.meta {padding:0; margin:0; text-align:center;}
 598
 599 #commentlist li .avatar {
 600         float:left;
 601         padding:0;
 602         margin:5px;
 603
 604 }
 605
 606
 607 #commentlist2 {
 608         width: 97%;
 609         font-size:11px;
 610         color:#000;
 611         margin:0 0 20px 0;
 612         padding: 0 0 0 10px;
 613 }
 614
 615 #commentlist2 li {
 616         border:5px solid #dcdcdc;
 617         margin:0 0 20px 0;
 618                 padding:5px;
 619         list-style-type:none;
 620         padding:5px 10px 5px 63px;
 621         background:#f5f5f5;
 622
 623          -webkit-border-radius:5px;
 624          -khtml-border-radius:5px;
 625          -moz-border-radius:5px;
 626
 627 }
 628
 629
 630
 631 #commentlist2 ul {margin:0; padding:0;}
 632
 633 #commentlist2 li p {font-size:12px;
 634         margin:0;
 635 }
 636
 637 #commentlist2 a {
 638         text-decoration:underline;
 639         font-weight:bold;
 640 }
 641
 642 #commentlist2 li div.meta {padding:0; margin:0; text-align:center;}
 643
 644 #commentlist2 li .avatar {
 645         float:left;
 646         padding:0;
 647         margin-left:-58px;
 648                 width:50px;
 649                 height:50px;
 650 }
 651
 652 #commentlist2 li ul li {
 653         margin-right: -15px;
 654         margin-left: -50px;
 655         margin-bottom: -10px;
 656 }
 657
 658
 659 .children { padding: 0; }
 660
 661 .authorcomm {float:left;
 662             margin:0;
 663             padding:0;
 664             width:70px;
 665             text-align:center;
 666             line-height:12px;
 667             font-size:10px;
 668 }
 669
 670 .authorcomm a {text-decoration:none; font-weight:bold;}
 671
 672 .reply {text-align:right; padding:5px;}
 673 .navigation {width:100%; height:20px;}
 674 .cancel-comment-reply{text-align:right; float:none; font-size:12px;}
 675 .comment-meta  a{font-size:8px; float:right; margin-top:-18px; color:#757575;}
 676 .fn {font-size:15px; font-weight:bold;}
 677 .says {display:none;}
 678 #comments {font-size:16px;}
 679 #respond h3 {font-size:16px;}
 680
 681
 682 /* ++++++++++++++++++             MISC                 ++++++++++++++++++ */
 683
 684 fieldset {padding:5px 10px;}
 685 th { border:1px solid #000; vertical-align:top; overflow:hidden; padding:3px;}
 686 td { border:1px solid #000; vertical-align:top; overflow:hidden; padding:3px;}
 687
 688
 689
 690
 691 /* ++++++++++++++++++ Not to much css for the Calendar ++++++++++++++++++ */
 692
 693 #wp-calendar {
 694
 695         border: 1px solid #999;
 696
 697
 698
 699         empty-cells: show;
 700         font-size: 11px;
 701         width:90%;
 702         text-align:center;
 703 }
 704
 705 #wp-calendar a {text-decoration:underline; font-weight:bold;}
 706 #wp-calendar a:hover {border:none; color:#fff;}
 707 #wp-calendar caption {text-align:left;}
 708
 709
 710
 711 /* ++++++++++++++++++ IMAGES Size & aligment ++++++++++++++++++ */
 712
 713 img.alignleft {
 714         float: left;
 715         margin:0 10px 5px 0;
 716
 717 }
 718
 719 img.aligncenter {
 720         margin-top:10px;
 721         margin-bottom:10px;
 722         display: block;
 723         margin-left: auto;
 724         margin-right: auto;
 725
 726 }
 727
 728 img.alignright {
 729         float: right;
 730         margin:0 0 5px 10px;
 731
 732 }
 733
 734 img.size-thumbnail {
 735 }
 736
 737 img.size-medium{
 738 }
 739
 740 img.size-full {
 741 }
 742
 743 /* ++++++++++++++++++ WORDPRESS Captions & aligment ++++++++++++++++++ */
 744
 745
 746 .aligncenter,
 747 div.aligncenter {
 748         display: block;
 749         margin-left: auto;
 750         margin-right: auto;
 751 }
 752
 753 .alignleft {
 754         float: left;
 755 }
 756
 757 .alignright {
 758         float: right;
 759 }
 760
 761 .wp-caption {
 762         border: 1px solid #ddd;
 763         text-align: center;
 764         padding-top: 4px;
 765         margin: 10px;
 766 }
 767
 768 .wp-caption img {
 769
 770
 771         margin: 0;
 772         padding: 0;
 773         border: 0 none;
 774 }
 775
 776 .wp-caption p.wp-caption-text {
 777         font-size: 11px;
 778         line-height: 17px;
 779         padding: 0 4px 5px;
 780
 781         margin: 0;
 782 }