暂无描述

menu.scss 3.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  1. /**
  2. * menu.scss
  3. * Styles applied to dashboard menu items added via WooCommerce.
  4. * Adds icons to top level menu items, etc.
  5. */
  6. /**
  7. * Imports
  8. */
  9. @import "mixins";
  10. @import "variables";
  11. @import "fonts";
  12. /**
  13. * Styling begins
  14. */
  15. span.mce_woocommerce_shortcodes_button {
  16. background-image: none !important;
  17. @include ir();
  18. &::before {
  19. @include icon("\e01d");
  20. font-size: 0.9em;
  21. line-height: 1.2;
  22. }
  23. }
  24. #woocommerce-update {
  25. .updating-message {
  26. .wc_plugin_upgrade_notice {
  27. display: none;
  28. }
  29. }
  30. .dummy {
  31. display: none;
  32. }
  33. .wc_plugin_upgrade_notice {
  34. font-weight: normal;
  35. background: #fff8e5 !important;
  36. border-left: 4px solid #ffb900;
  37. border-top: 1px solid #ffb900;
  38. padding: 9px 0 9px 12px !important;
  39. margin: 0 -12px 0 -16px !important;
  40. &::before {
  41. content: "\f348";
  42. display: inline-block;
  43. font: 400 18px/1 dashicons;
  44. speak: never;
  45. margin: 0 8px 0 -2px;
  46. vertical-align: top;
  47. }
  48. &.minor,
  49. &.major {
  50. padding: 20px 0 !important;
  51. &::before {
  52. display: none;
  53. }
  54. p {
  55. padding: 0 20px;
  56. margin: 0;
  57. max-width: 700px;
  58. line-height: 1.5em;
  59. &::before {
  60. content: "";
  61. display: none;
  62. }
  63. }
  64. table.plugin-details-table {
  65. margin: 0.75em 0 0;
  66. tr {
  67. background: transparent none !important;
  68. border: 0 !important;
  69. }
  70. th,
  71. td {
  72. background: transparent none !important;
  73. margin: 0;
  74. padding: 0.75em 20px 0;
  75. border: 0 !important;
  76. font-size: 1em;
  77. box-shadow: none;
  78. }
  79. th {
  80. font-weight: bold;
  81. }
  82. }
  83. }
  84. }
  85. }
  86. #wc_untested_extensions_modal {
  87. display: none;
  88. }
  89. .wc_untested_extensions_modal_container {
  90. border-radius: 4px;
  91. padding: 0;
  92. #TB_closeAjaxWindow {
  93. display: none;
  94. }
  95. #TB_title {
  96. display: none;
  97. }
  98. #TB_ajaxContent {
  99. height: 100% !important;
  100. padding: 0;
  101. margin: 0;
  102. width: 100% !important;
  103. p {
  104. margin: 0 0 1em;
  105. }
  106. }
  107. }
  108. .wc_untested_extensions_modal--content {
  109. h1 {
  110. margin: 2px 2px 0.5em;
  111. padding: 0.75em 1em;
  112. line-height: 1.5em;
  113. font-size: 2em;
  114. border-bottom: 1px solid #eee;
  115. color: #fff;
  116. background: #96578a;
  117. border-top-left-radius: 4px;
  118. border-top-right-radius: 4px;
  119. text-shadow: none;
  120. }
  121. .extensions_warning {
  122. padding: 0 2em;
  123. }
  124. .plugin-details-table-container {
  125. max-height: 40vh;
  126. overflow-y: auto;
  127. }
  128. table.plugin-details-table {
  129. margin: 20px 0;
  130. th,
  131. td {
  132. background: transparent none !important;
  133. margin: 0;
  134. padding: 0.75em 20px 0;
  135. border: 0 !important;
  136. font-size: 1em;
  137. box-shadow: none;
  138. }
  139. th {
  140. font-weight: bold;
  141. margin-top: 0;
  142. }
  143. }
  144. .actions {
  145. border-top: 1px solid #eee;
  146. margin: 0;
  147. padding: 1em 0 2em 0;
  148. overflow: hidden;
  149. .woocommerce-actions {
  150. display: inline-block;
  151. }
  152. a.button-primary {
  153. float: right;
  154. background: #bb77ae;
  155. border-color: #a36597;
  156. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
  157. color: #fff;
  158. text-shadow:
  159. 0 -1px 1px #a36597,
  160. 1px 0 1px #a36597,
  161. 0 1px 1px #a36597,
  162. -1px 0 1px #a36597;
  163. &:hover,
  164. &:focus,
  165. &:active {
  166. background: #a36597;
  167. border-color: #a36597;
  168. box-shadow:
  169. inset 0 1px 0 rgba(255, 255, 255, 0.25),
  170. 0 1px 0 #a36597;
  171. }
  172. }
  173. }
  174. }