You are here

mail.css in Commerce Kickstart 7.2

.message-wrapper {
  width: 800px; }

.message-wrapper .header,
.message-wrapper .body {
  padding: 10px; }

.message-wrapper a {
  text-decoration: none; }

.message-wrapper .header {
  background-color: #FFF;
  color: #000000;
  height: 100px; }

.message-wrapper .header .logo {
  float: left; }

.message-wrapper .header .thank-you {
  float: right;
  font-size: 25px;
  font-weight: bold; }

.message-wrapper .body {
  border: solid 1px #E9E9E9;
  padding: 10px; }

.message-wrapper .detail span.order a {
  color: #009BD4; }

.message-wrapper .detail {
  color: #b2b2b2;
  padding-bottom: 15px;
  font-size: 18px; }

.message-wrapper .detail span {
  color: #00a0da; }

.message-wrapper .view-order-status {
  margin-bottom: 30px; }

.message-wrapper .view-order-status a {
  background-color: #009bd4;
  width: auto;
  color: white;
  font-weight: bold;
  padding: 10px 30px;
  border-radius: 50px; }

.message-wrapper .ship-to {
  float: left;
  margin-bottom: 30px; }

.message-wrapper .ship-to .ship-to-title,
.message-wrapper .ship-method .ship-method-title,
.message-wrapper .order-summary-wrapper p.items-title {
  font-weight: bold;
  font-size: 20px;
  color: black; }

.message-wrapper .ship-method .express-delivery,
.message-wrapper .ship-method p,
.message-wrapper .ship-to .addressfield-container-inline *,
.message-wrapper .ship-to .street-block,
.message-wrapper .ship-to .country {
  color: #90847c;
  font-size: 17px; }

.message-wrapper .shipping-wrapper p {
  margin-top: 0px; }

.message-wrapper .ship-to .first-name,
.message-wrapper .ship-to .last-name,
.message-wrapper .ship-to .name-block,
.message-wrapper .ship-method .express-delivery {
  font-weight: bold; }

.message-wrapper .ship-method {
  float: right;
  /* LTR */ }

.message-wrapper .shipping-wrapper,
.message-wrapper .order-summary-wrapper {
  clear: both; }

.message-wrapper .order-summary-wrapper .view-commerce-cart-summary table {
  border: none;
  border-collapse: collapse;
  width: 100%; }

.message-wrapper .order-summary-wrapper .view-commerce-cart-summary th {
  border: none;
  background: transparent;
  border-bottom: #AAAAAA solid 1px;
  text-transform: none;
  font-weight: bold;
  text-align: left;
  color: black; }

.message-wrapper .order-summary-wrapper .view-commerce-cart-summary tr {
  border: none;
  background: transparent;
  padding: 10px;
  text-align: left; }

.view-commerce-cart-summary .views-table tbody td {
  padding: 20px 10px; }

.message-wrapper .order-summary-wrapper table.commerce-price-formatted-components {
  width: auto;
  float: right;
  /* LTR */
  margin-bottom: 30px; }

.message-wrapper .order-summary-wrapper table.commerce-price-formatted-components td {
  text-align: right;
  /* LTR */
  padding: 10px; }

.message-wrapper .question {
  clear: both; }

.message-wrapper .question a {
  color: #009BD4; }

File

themes/commerce_kickstart_theme/css/mail.css
View source
  1. .message-wrapper {
  2. width: 800px; }
  3. .message-wrapper .header,
  4. .message-wrapper .body {
  5. padding: 10px; }
  6. .message-wrapper a {
  7. text-decoration: none; }
  8. .message-wrapper .header {
  9. background-color: #FFF;
  10. color: #000000;
  11. height: 100px; }
  12. .message-wrapper .header .logo {
  13. float: left; }
  14. .message-wrapper .header .thank-you {
  15. float: right;
  16. font-size: 25px;
  17. font-weight: bold; }
  18. .message-wrapper .body {
  19. border: solid 1px #E9E9E9;
  20. padding: 10px; }
  21. .message-wrapper .detail span.order a {
  22. color: #009BD4; }
  23. .message-wrapper .detail {
  24. color: #b2b2b2;
  25. padding-bottom: 15px;
  26. font-size: 18px; }
  27. .message-wrapper .detail span {
  28. color: #00a0da; }
  29. .message-wrapper .view-order-status {
  30. margin-bottom: 30px; }
  31. .message-wrapper .view-order-status a {
  32. background-color: #009bd4;
  33. width: auto;
  34. color: white;
  35. font-weight: bold;
  36. padding: 10px 30px;
  37. border-radius: 50px; }
  38. .message-wrapper .ship-to {
  39. float: left;
  40. margin-bottom: 30px; }
  41. .message-wrapper .ship-to .ship-to-title,
  42. .message-wrapper .ship-method .ship-method-title,
  43. .message-wrapper .order-summary-wrapper p.items-title {
  44. font-weight: bold;
  45. font-size: 20px;
  46. color: black; }
  47. .message-wrapper .ship-method .express-delivery,
  48. .message-wrapper .ship-method p,
  49. .message-wrapper .ship-to .addressfield-container-inline *,
  50. .message-wrapper .ship-to .street-block,
  51. .message-wrapper .ship-to .country {
  52. color: #90847c;
  53. font-size: 17px; }
  54. .message-wrapper .shipping-wrapper p {
  55. margin-top: 0px; }
  56. .message-wrapper .ship-to .first-name,
  57. .message-wrapper .ship-to .last-name,
  58. .message-wrapper .ship-to .name-block,
  59. .message-wrapper .ship-method .express-delivery {
  60. font-weight: bold; }
  61. .message-wrapper .ship-method {
  62. float: right;
  63. /* LTR */ }
  64. .message-wrapper .shipping-wrapper,
  65. .message-wrapper .order-summary-wrapper {
  66. clear: both; }
  67. .message-wrapper .order-summary-wrapper .view-commerce-cart-summary table {
  68. border: none;
  69. border-collapse: collapse;
  70. width: 100%; }
  71. .message-wrapper .order-summary-wrapper .view-commerce-cart-summary th {
  72. border: none;
  73. background: transparent;
  74. border-bottom: #AAAAAA solid 1px;
  75. text-transform: none;
  76. font-weight: bold;
  77. text-align: left;
  78. color: black; }
  79. .message-wrapper .order-summary-wrapper .view-commerce-cart-summary tr {
  80. border: none;
  81. background: transparent;
  82. padding: 10px;
  83. text-align: left; }
  84. .view-commerce-cart-summary .views-table tbody td {
  85. padding: 20px 10px; }
  86. .message-wrapper .order-summary-wrapper table.commerce-price-formatted-components {
  87. width: auto;
  88. float: right;
  89. /* LTR */
  90. margin-bottom: 30px; }
  91. .message-wrapper .order-summary-wrapper table.commerce-price-formatted-components td {
  92. text-align: right;
  93. /* LTR */
  94. padding: 10px; }
  95. .message-wrapper .question {
  96. clear: both; }
  97. .message-wrapper .question a {
  98. color: #009BD4; }