You are here

payment.css in Payment 7

Same filename and directory in other branches
  1. 8.2 css/payment.css
/* @group CTools */

/* @group Buttons */

.ctools-dropbutton-processed {
  margin-top: -1em;
  background-image:
    -moz-linear-gradient(
      -90deg,
      #ffffff 0px,
      #f9f9f9 100%);
  background-image:
    -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.0, rgba(255, 255, 255, 1.0)),
      color-stop(1.0, rgba(249, 249, 249, 1.0))
    );
  background-image:
    -webkit-linear-gradient(
      -90deg,
      #ffffff 0px,
      #f9f9f9 100%);
  background-image:
    linear-gradient(
      -90deg,
      #ffffff 0px,
      #f9f9f9 100%);
  -moz-border-radius: 11px 11px 11px 11px;
  -webkit-border-radius: 11px 11px 11px 11px;
  border-radius: 11px 11px 11px 11px;
  border-color: #D0D0D0;
  position: absolute !important;
}

.ctools-dropbutton-processed .ctools-content {
  border-right: 1px solid #e8e8e8;
}

.ctools-dropbutton-processed .ctools-content ul {
  margin: 0;
  padding: 0;
}

.ctools-button-processed .ctools-content a {
  background-image: none;
  border: medium none;
}

.ctools-dropbutton-processed.open {
  z-index: 100;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}

.ctools-dropbutton-processed .ctools-link {
  border-left: 1px solid #ffffff;
}

.ctools-dropbutton-processed.open .ctools-content {
    padding-bottom: 4px;
}

.ctools-dropbutton-processed li a,
.ctools-dropbutton-processed li input {
  padding-right: 9px;
}

.ctools-dropbutton-processed.open li + li {
  border-top: 1px solid #efefef;
  margin-top: 4px;
  padding-bottom: 0;
  padding-top: 4px;
}

.ctools-twisty:focus {
  outline: medium none;
}

/* @end */

/* @end */

/* @group Payment Method overview */

.view-payment-methods .payment-method-disabled td{
  color: #999;
}

/* @end */

/* @group Payment line item form element */

.payment-line-item-container .form-item {
  float: left;
  margin-right: 1em;
}
.payment-line-item-container {
  padding: 0 1em;
}
.payment-line-item-container.odd {
  background-color: #f8f8f8;
}
.payment-line-item-container .clear {
  clear: both;
}
.payment-add-more {
  margin-top: 1em;
}

/* @end */

File

css/payment.css
View source
  1. /* @group CTools */
  2. /* @group Buttons */
  3. .ctools-dropbutton-processed {
  4. margin-top: -1em;
  5. background-image:
  6. -moz-linear-gradient(
  7. -90deg,
  8. #ffffff 0px,
  9. #f9f9f9 100%);
  10. background-image:
  11. -webkit-gradient(
  12. linear,
  13. left top,
  14. left bottom,
  15. color-stop(0.0, rgba(255, 255, 255, 1.0)),
  16. color-stop(1.0, rgba(249, 249, 249, 1.0))
  17. );
  18. background-image:
  19. -webkit-linear-gradient(
  20. -90deg,
  21. #ffffff 0px,
  22. #f9f9f9 100%);
  23. background-image:
  24. linear-gradient(
  25. -90deg,
  26. #ffffff 0px,
  27. #f9f9f9 100%);
  28. -moz-border-radius: 11px 11px 11px 11px;
  29. -webkit-border-radius: 11px 11px 11px 11px;
  30. border-radius: 11px 11px 11px 11px;
  31. border-color: #D0D0D0;
  32. position: absolute !important;
  33. }
  34. .ctools-dropbutton-processed .ctools-content {
  35. border-right: 1px solid #e8e8e8;
  36. }
  37. .ctools-dropbutton-processed .ctools-content ul {
  38. margin: 0;
  39. padding: 0;
  40. }
  41. .ctools-button-processed .ctools-content a {
  42. background-image: none;
  43. border: medium none;
  44. }
  45. .ctools-dropbutton-processed.open {
  46. z-index: 100;
  47. -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  48. -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  49. box-shadow: 1px 1px 2px rgba(0,0,0,0.25);
  50. }
  51. .ctools-dropbutton-processed .ctools-link {
  52. border-left: 1px solid #ffffff;
  53. }
  54. .ctools-dropbutton-processed.open .ctools-content {
  55. padding-bottom: 4px;
  56. }
  57. .ctools-dropbutton-processed li a,
  58. .ctools-dropbutton-processed li input {
  59. padding-right: 9px;
  60. }
  61. .ctools-dropbutton-processed.open li + li {
  62. border-top: 1px solid #efefef;
  63. margin-top: 4px;
  64. padding-bottom: 0;
  65. padding-top: 4px;
  66. }
  67. .ctools-twisty:focus {
  68. outline: medium none;
  69. }
  70. /* @end */
  71. /* @end */
  72. /* @group Payment Method overview */
  73. .view-payment-methods .payment-method-disabled td{
  74. color: #999;
  75. }
  76. /* @end */
  77. /* @group Payment line item form element */
  78. .payment-line-item-container .form-item {
  79. float: left;
  80. margin-right: 1em;
  81. }
  82. .payment-line-item-container {
  83. padding: 0 1em;
  84. }
  85. .payment-line-item-container.odd {
  86. background-color: #f8f8f8;
  87. }
  88. .payment-line-item-container .clear {
  89. clear: both;
  90. }
  91. .payment-add-more {
  92. margin-top: 1em;
  93. }
  94. /* @end */