style.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. body, table.body, h1, h2, h3, h4, h5, h6, p, td {
  2. font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
  3. -webkit-font-smoothing: antialiased;
  4. -webkit-text-size-adjust: none;
  5. }
  6. table.facebook td {
  7. background: #3b5998;
  8. border-color: #2d4473;
  9. }
  10. table.facebook:hover td {
  11. background: #2d4473 !important;
  12. }
  13. table.twitter td {
  14. background: #00acee;
  15. border-color: #0087bb;
  16. }
  17. table.twitter:hover td {
  18. background: #0087bb !important;
  19. }
  20. table.google-plus td {
  21. background-color: #DB4A39;
  22. border-color: #CC0000;
  23. }
  24. table.google-plus:hover td {
  25. background: #CC0000 !important;
  26. }
  27. .template-label {
  28. color: #ffffff;
  29. font-weight: bold;
  30. font-size: 11px;
  31. }
  32. .callout .wrapper {
  33. padding-bottom: 20px;
  34. }
  35. .callout .panel {
  36. background: #ECF8FF;
  37. border-color: #b9e5ff;
  38. }
  39. .header {
  40. background: #333;
  41. }
  42. .footer {
  43. margin-top: 20px;
  44. }
  45. @media only screen and (max-width: 600px) {
  46. table[class="body"] .right-text-pad {
  47. padding-left: 10px !important;
  48. }
  49. table[class="body"] .left-text-pad {
  50. padding-right: 10px !important;
  51. }
  52. }