You are here

stylesheet.css in Commerce Worldpay 8

body {
  line-height: 1.5;
  font-size: 87.5%;
  padding:0;
  margin:0;
  color:#000;
  font-family: Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3, h4, h5, h6 {
  margin: 1.0em 0 0.5em;
  font-weight: inherit;
}

h1 {
  font-size: 1.571em;
  color: black;
}

h1#page-title {
  font-size: 2em;
  line-height: 1;
}

#main h2 {
  margin-bottom: 2px;
  font-size: 1.429em;
  line-height: 1.4;
}

td.title h1, td.title h2, td.title h3,
.containercell h1, .containercell h2, .containercell h3 {
  margin:0;
}

table {
  border: 0;
  border-spacing: 0;
  font-size: 1em;
  margin: 10px 0;
  width: 100%;
  border-collapse: collapse;
  border-image: initial;
}

table table {
  font-size:1em;
}

table.bartik {
  font-size: 0.857em;
}

tbody {
  border-top: 1px solid #CCC;
}

tr td, tr th {
  padding: 4px 9px;
  border: 1px solid white;
  text-align: left;
  border-image: initial;
}

table tr th {
  background: #757575;
  background: rgba(0, 0, 0, 0.51);
  border-bottom-style: none;
  color: white;
  font-weight: bold;
}

tr td.title {
  padding:12px 9px;
}

tr {
  background: #E4E4E4;
  background: rgba(0, 0, 0, 0.105);
}

.cardlabel tr {
  background:#fff;
}

.cardlabel tr td {
  text-align:center;
}

#header {
  background-color: #48A9E4;
  background-image: -moz-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  background-image: -ms-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  background-image: -o-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0779bf), color-stop(1, #48a9e4));
  background-image: -webkit-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  background-image: linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  min-height:185px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#header .section,
#main {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

#site-name {
  padding-top: 34px;
  color: #FFFEFF;
  font-weight:bold;
  font-size: 1.821em;
  line-height: 1;
}

#return-url {
  font-size:1.5em;
}

.bannercontainer, .bannercontainer tr, .bannercontainer td, .bannercontainer th {
  background:transparent;
  padding:0; margin:0;
  color:#000;
}

.error {
  color:#ff0000;
}

/* WorldPay buttons */
#op-PMMakePayment {
  vertical-align:middle;
  margin-left:5px;
}

File

worldpay page example/stylesheet.css
View source
  1. body {
  2. line-height: 1.5;
  3. font-size: 87.5%;
  4. padding:0;
  5. margin:0;
  6. color:#000;
  7. font-family: Georgia, "Times New Roman", Times, serif;
  8. }
  9. h1, h2, h3, h4, h5, h6 {
  10. margin: 1.0em 0 0.5em;
  11. font-weight: inherit;
  12. }
  13. h1 {
  14. font-size: 1.571em;
  15. color: black;
  16. }
  17. h1#page-title {
  18. font-size: 2em;
  19. line-height: 1;
  20. }
  21. #main h2 {
  22. margin-bottom: 2px;
  23. font-size: 1.429em;
  24. line-height: 1.4;
  25. }
  26. td.title h1, td.title h2, td.title h3,
  27. .containercell h1, .containercell h2, .containercell h3 {
  28. margin:0;
  29. }
  30. table {
  31. border: 0;
  32. border-spacing: 0;
  33. font-size: 1em;
  34. margin: 10px 0;
  35. width: 100%;
  36. border-collapse: collapse;
  37. border-image: initial;
  38. }
  39. table table {
  40. font-size:1em;
  41. }
  42. table.bartik {
  43. font-size: 0.857em;
  44. }
  45. tbody {
  46. border-top: 1px solid #CCC;
  47. }
  48. tr td, tr th {
  49. padding: 4px 9px;
  50. border: 1px solid white;
  51. text-align: left;
  52. border-image: initial;
  53. }
  54. table tr th {
  55. background: #757575;
  56. background: rgba(0, 0, 0, 0.51);
  57. border-bottom-style: none;
  58. color: white;
  59. font-weight: bold;
  60. }
  61. tr td.title {
  62. padding:12px 9px;
  63. }
  64. tr {
  65. background: #E4E4E4;
  66. background: rgba(0, 0, 0, 0.105);
  67. }
  68. .cardlabel tr {
  69. background:#fff;
  70. }
  71. .cardlabel tr td {
  72. text-align:center;
  73. }
  74. #header {
  75. background-color: #48A9E4;
  76. background-image: -moz-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  77. background-image: -ms-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  78. background-image: -o-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  79. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0779bf), color-stop(1, #48a9e4));
  80. background-image: -webkit-linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  81. background-image: linear-gradient(top, #0779bf 0%, #48a9e4 100%);
  82. min-height:185px;
  83. font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  84. }
  85. #header .section,
  86. #main {
  87. width: 960px;
  88. margin-left: auto;
  89. margin-right: auto;
  90. }
  91. #site-name {
  92. padding-top: 34px;
  93. color: #FFFEFF;
  94. font-weight:bold;
  95. font-size: 1.821em;
  96. line-height: 1;
  97. }
  98. #return-url {
  99. font-size:1.5em;
  100. }
  101. .bannercontainer, .bannercontainer tr, .bannercontainer td, .bannercontainer th {
  102. background:transparent;
  103. padding:0; margin:0;
  104. color:#000;
  105. }
  106. .error {
  107. color:#ff0000;
  108. }
  109. /* WorldPay buttons */
  110. #op-PMMakePayment {
  111. vertical-align:middle;
  112. margin-left:5px;
  113. }