style.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. /**
  2. HTML markup structure of an ad:
  3. <div class="wpcnt">
  4. <div class="wpa [wpmrec|wpwidesky|wpleaderboard]">
  5. <a class="wpa-about" href="http://wordpress.com/about-these-ads/" rel="nofollow">
  6. About these ads
  7. </a>
  8. <div class="u">
  9. [ad unit here]
  10. </div>
  11. </div>
  12. </div>
  13. */
  14. /* outer container */
  15. .wpcnt {
  16. text-align: center;
  17. line-height: 2;
  18. }
  19. /* inner container */
  20. .wpa {
  21. position: relative;
  22. overflow: hidden; /* this hides "about these ads" when there's no adfill */
  23. display: inline-block;
  24. max-width: 100%; /* important! this bit of CSS will *crop* any ad that's larger than the parent container! */
  25. }
  26. /* about these ads */
  27. .wpa-about {
  28. position: absolute;
  29. top: 5px;
  30. left: 0;
  31. right: 0;
  32. display: block;
  33. margin-top: 0;
  34. color: #888;
  35. font: 10px/1 "Open Sans", Arial, sans-serif !important;
  36. text-align: left !important;
  37. text-decoration: none !important;
  38. opacity: 0.85;
  39. border-bottom: none !important; /* some themes ad dotted underlines, that won't look nice */
  40. box-shadow: none !important;
  41. }
  42. /* ad unit wrapper */
  43. .wpa .u>div { /* @todo: deprecate wpdvert */
  44. display: block;
  45. margin-top: 5px; /* this makes "about these ads" visible */
  46. margin-bottom: 1em; /* every ad should have a little space below it */
  47. }
  48. div.wpa>div {
  49. margin-top: 20px;
  50. }
  51. .wpa .u .adsbygoogle {
  52. display: block;
  53. margin-top: 17px; /* this makes "about these ads" visible */
  54. margin-bottom: 1em; /* every ad should have a little space below it */
  55. background-color: transparent;
  56. }