activation.scss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. /**
  2. * activation.scss
  3. * Styles applied to elements displayed on activation
  4. */
  5. /**
  6. * Styling begins
  7. */
  8. div.woocommerce-message {
  9. overflow: hidden;
  10. position: relative;
  11. border-left-color: #cc99c2 !important;
  12. p {
  13. max-width: 700px;
  14. }
  15. p:last-child {
  16. max-width: inherit;
  17. }
  18. }
  19. p.woocommerce-actions,
  20. .woocommerce-message {
  21. .button-primary {
  22. background: #bb77ae;
  23. border-color: #a36597;
  24. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
  25. color: #fff;
  26. text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, -1px 0 1px #a36597;
  27. &:hover, &:focus, &:active {
  28. background: #a36597;
  29. border-color: #a36597;
  30. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
  31. }
  32. }
  33. a.woocommerce-message-close {
  34. position: static;
  35. float: right;
  36. top: 0;
  37. right: 0;
  38. padding: 0px 15px 10px 28px;
  39. margin-top: -10px;
  40. font-size: 13px;
  41. line-height: 1.23076923;
  42. text-decoration: none;
  43. &::before {
  44. position: relative;
  45. top: 18px;
  46. left: -20px;
  47. transition: all 0.1s ease-in-out;
  48. }
  49. }
  50. .button-primary,
  51. .button-secondary {
  52. text-decoration: none !important;
  53. }
  54. .twitter-share-button {
  55. margin-top: -3px;
  56. margin-left: 3px;
  57. vertical-align: middle;
  58. }
  59. }
  60. p.woocommerce-actions,
  61. .woocommerce-about-text {
  62. margin-bottom: 1em !important;
  63. }
  64. div.woocommerce-legacy-shipping-notice,
  65. div.woocommerce-no-shipping-methods-notice {
  66. overflow: hidden;
  67. padding: 1px 12px;
  68. p {
  69. position: relative;
  70. z-index: 1;
  71. max-width: 700px;
  72. line-height: 1.5em;
  73. margin: 12px 0;
  74. &.main {
  75. font-size: 1.1em;
  76. }
  77. }
  78. &::before {
  79. content: '\e01b';
  80. font-family: 'WooCommerce';
  81. text-align: center;
  82. line-height: 1;
  83. color: #f7f1f6;
  84. display: block;
  85. width: 1em;
  86. font-size: 20em;
  87. top: 36px;
  88. right: 12px;
  89. position: absolute;
  90. }
  91. }