style.css

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