Açıklama Yok

woocustomemails-admin-styles.css 9.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454
  1. <style>
  2. /* WCE SETTINGS PAGE
  3. ---------------------------------------------- */
  4. textarea#display_classes {
  5. width: 100%;
  6. max-width: 300px;
  7. height: 60px;
  8. }
  9. /* WCE MESSAGES EDIT PAGE
  10. ---------------------------------------------- */
  11. th.column-messageid,
  12. td.column-messageid {
  13. width: 3em !important;
  14. }
  15. /* WOO PRODUCT EDIT PAGE
  16. ---------------------------------------------- */
  17. #woocommerce-product-data ul.wc-tabs li.woo-custom-emails_options a:before {
  18. font-family: WooCommerce;
  19. content: '\e02d';
  20. }
  21. #woocommerce-product-data #woo_custom_emails_product_data textarea {
  22. height: 170px;
  23. }
  24. #woocommerce-product-data #woo_custom_emails_product_data textarea#custom_content {
  25. min-height: 170px;
  26. font-size: 12px;
  27. font-family: 'Courier', serif;
  28. line-height: normal;
  29. }
  30. #old-customcontent-meta {
  31. font-family: 'Courier New', serif;
  32. font-size: 12px;
  33. line-height: normal;
  34. }
  35. .button.show-oldcustomcontent,
  36. .button.hide-oldcustomcontent {
  37. padding: 4px 7px;
  38. line-height: 20px;
  39. font-size: 10px;
  40. height: auto;
  41. }
  42. .wcemessage_search_results_field {
  43. display: block;
  44. position: relative;
  45. overflow: hidden;
  46. padding: 5px 20px 5px 162px !important;
  47. }
  48. .wcemessage_search_results_field .wcemessage_search_results {
  49. display: inline-block;
  50. position: relative;
  51. overflow-y: scroll;
  52. width: 90%;
  53. height: 100px;
  54. border: 1px solid #ddd;
  55. }
  56. .wcemessage_search_results_field .wcemessage_search_results .wcemessage_search_results_wrap {
  57. overflow: hidden;
  58. }
  59. .wcemessage_search_results_field .wcemessage_search_results p {
  60. margin-top: 0;
  61. margin-bottom: 2px;
  62. padding: 0;
  63. }
  64. .wcemessage_search_results_wrap p:hover {
  65. background: #eee;
  66. }
  67. .wcemessage_search_results_field .wcemessage_search_results p a {
  68. display: block;
  69. padding: 5px;
  70. font-size: 11px;
  71. background: #f4f4f4;
  72. }
  73. .wcemessage_search_results_field .wcemessage_search_results .placeholder {
  74. background: #fff;
  75. color: #ccc;
  76. padding: 5px;
  77. font-style: italic;
  78. margin-right: 1px;
  79. }
  80. .wcemessage_search_results_field .wcemessage_search_results .placeholder.error,
  81. .wcemessage_search_results_field .wcemessage_search_results .placeholder.error a {
  82. color: #ff0000;
  83. line-height: normal;
  84. }
  85. .wcemessage_search_results_field .wcemessage_search_results .placeholder.error a {
  86. display: inline;
  87. padding: 0;
  88. background: none;
  89. }
  90. input#wcemessage_search {
  91. padding: 6px;
  92. }
  93. input#wcemessage_search::placeholder {
  94. font-size: 12px;
  95. color: #999;
  96. line-height: normal;
  97. }
  98. .wcemessage_search_saved {
  99. display: block;
  100. position: relative;
  101. overflow: hidden;
  102. font-size: 17px;
  103. font-weight: bold;
  104. line-height: 24px;
  105. color: #0073aa;
  106. }
  107. .wcemessage_search_saved .just-added {
  108. color: #00a651;
  109. font-style: italic;
  110. }
  111. .wcemessage_search_saved .color-gray {
  112. color: #aaa;
  113. }
  114. .wcemessage_controls {
  115. display: block;
  116. position: relative;
  117. overflow: hidden;
  118. padding-bottom: 2px;
  119. }
  120. .wcemessage_controls .button {
  121. font-size: 10px;
  122. font-weight: normal;
  123. }
  124. #woo_custom_emails_product_data .button .dashicons {
  125. line-height: inherit;
  126. }
  127. .wcemessage_controls .button.remove-wcemessage {
  128. color: #ff0000;
  129. margin-left: 10px;
  130. }
  131. .wcemessage_controls .button.select-wcemessage {
  132. display: inline-block;
  133. }
  134. .wcemessage_search_results_field .button.cancel-select-wcemessage {
  135. padding: 4px 7px;
  136. line-height: 20px;
  137. font-size: 11px;
  138. height: auto;
  139. }
  140. .wcemessage_controls .hide,
  141. .wcemessage_search_results_field.hide,
  142. .wce-product-options-table .hide {
  143. display: none !important;
  144. }
  145. /* 2.2.0 */
  146. .wce-product-options-table {
  147. margin: 13px;
  148. }
  149. .wce-product-options-table .table-header,
  150. .wce-product-options-table .table-row {
  151. display: flex;
  152. justify-content: space-between;
  153. align-items: center;
  154. padding: 15px;
  155. }
  156. .wce-product-options-table .table-header {
  157. border: 1px solid #e1e1e1;
  158. }
  159. .wce-product-options-table > :nth-child(even):not(.table-header) {
  160. background-color: #f9f9f9;
  161. }
  162. .wce-product-options-table .status {
  163. flex: 0 0 110px;
  164. padding-right: 30px;
  165. }
  166. .wce-product-options-table .message {
  167. width: 100%;
  168. padding-right: 30px;
  169. display: flex;
  170. align-items: center;
  171. position: relative;
  172. }
  173. .wce-product-options-table .message > .form-field {
  174. width: 100%;
  175. }
  176. .wce-product-options-table .message > .form-field input {
  177. width: 100%;
  178. padding: 6px 10px;
  179. border: 1px solid #d8d8d8;
  180. border-radius: 4px;
  181. cursor: text;
  182. }
  183. .wce-product-options-table .message > .form-field input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  184. color: #999 !important;
  185. }
  186. .wce-product-options-table .message > .form-field input::-moz-placeholder { /* Firefox 19+ */
  187. color: #999 !important;
  188. }
  189. .wce-product-options-table .message > .form-field input:-ms-input-placeholder { /* IE 10+ */
  190. color: #999 !important;
  191. }
  192. .wce-product-options-table .message > .form-field input:-moz-placeholder { /* Firefox 18- */
  193. color: #999 !important;
  194. }
  195. .wce-product-options-table .message .wcemessage_search_results {
  196. position: absolute;
  197. top: 30px;
  198. left: 0;
  199. width: calc(100% - 100px);
  200. max-height: 180px;
  201. overflow-y: auto;
  202. background: #fff;
  203. box-shadow: 0 1px 1px rgba(0,0,0,.1);
  204. z-index: 99;
  205. }
  206. .wce-product-options-table .message #wcemessage_processing_search_results {
  207. max-height: 120px;
  208. }
  209. .wce-product-options-table .message #wcemessage_completed_search_results {
  210. bottom: 30px;
  211. top: auto;
  212. }
  213. .wce-product-options-table .message .wcemessage_search_results .placeholder {
  214. margin: 0;
  215. padding: 8px;
  216. }
  217. a.wce-search-result {
  218. display: block;
  219. }
  220. .wce-product-options-table .message .button-container {
  221. flex: 0 0 70px;
  222. margin-left: 10px;
  223. }
  224. .wce-product-options-table .message .button-container .button {
  225. display: inline-block;
  226. width: 30px;
  227. height: 30px;
  228. line-height: 30px;
  229. padding: 0;
  230. text-align: center;
  231. color: #fff;
  232. border: none;
  233. box-shadow: none;
  234. }
  235. .wce-product-options-table .message .button-container .button.edit-wcemessage {
  236. background-color: #5badeb;
  237. margin-left: 5px;
  238. }
  239. .wce-product-options-table .message .button-container .button.edit-wcemessage:hover {
  240. background-color: #4887b8;
  241. }
  242. .wce-product-options-table .message .button-container .button.remove-wcemessage {
  243. background-color: #da4d4d;
  244. }
  245. .wce-product-options-table .message .button-container .button.remove-wcemessage:hover {
  246. background-color: #a63a3a;
  247. }
  248. .wce-product-options-table .location {
  249. width: 66%;
  250. }
  251. .wce-product-options-table .location select {
  252. width: 100%;
  253. }
  254. .wce-product-options-table .location p.form-field {
  255. padding-left: 0 !important;
  256. }
  257. .wce-product-options-table .location p.form-field > label {
  258. display: none;
  259. }
  260. .fullwidth-text {
  261. width: 100%;
  262. }
  263. /* WCE ASSIGNED MESSAGES PAGE
  264. ---------------------------------------------- */
  265. /* .woocustomemails_page_woocustomemails_assigned .post-count {
  266. margin: 30px 0;
  267. }
  268. .wp-list-table {
  269. width: 100%;
  270. }
  271. .wp-list-table thead.header {
  272. background-color: rgba(0,0,0,0.15);
  273. font-weight: bold;
  274. }
  275. .wp-list-table tbody tr:nth-child(even) {
  276. background-color: rgba(0,0,0,0.05);
  277. }
  278. .wp-list-table td {
  279. padding: 5px;
  280. text-align: left;
  281. }
  282. .wp-list-table tbody td > div {
  283. padding: 5px;
  284. }
  285. .wp-list-table td.product-count,
  286. .wp-list-table td.orderstatus {
  287. text-align: center;
  288. }
  289. .wp-list-table td.producttitle > div,
  290. .wp-list-table td.assignedmsgs > div,
  291. .wp-list-table td.orderstatus > div,
  292. .wp-list-table td.msglocation > div {
  293. margin-top: 5px;
  294. white-space: nowrap;
  295. overflow: hidden;
  296. text-overflow: ellipsis;
  297. }
  298. .wp-list-table td.producttitle > div:first-child,
  299. .wp-list-table td.assignedmsgs > div:first-child,
  300. .wp-list-table td.orderstatus > div:first-child,
  301. .wp-list-table td.msglocation > div:first-child {
  302. margin-top: 0;
  303. }
  304. .wp-list-table td.producttitle a {
  305. display: flex;
  306. flex-direction: row;
  307. align-items: center;
  308. font-weight: bold;
  309. }
  310. .wp-list-table td.producttitle a img {
  311. display: block;
  312. width: 30px;
  313. height: 30px;
  314. margin-right: 10px;
  315. }
  316. .wp-list-table td.orderstatus div {
  317. border-radius: 3px;
  318. }
  319. .wp-list-table td.orderstatus span {
  320. padding: 0px 10px;
  321. margin: 0;
  322. overflow: hidden;
  323. text-overflow: ellipsis;
  324. display: inline-flex;
  325. }
  326. .wp-list-table td.orderstatus .on-hold {
  327. background: #f8dda7;
  328. color: #94660c;
  329. }
  330. .wp-list-table td.orderstatus .processing {
  331. background: #c6e1c6;
  332. color: #5b841b;
  333. }
  334. .wp-list-table td.orderstatus .completed {
  335. background: #c8d7e1;
  336. color: #2e4453;
  337. }
  338. .wp-list-table td,
  339. .wp-list-table th.check-column {
  340. vertical-align: middle;
  341. }
  342. .wp-list-table .column-ID {
  343. width: 50px;
  344. }
  345. .wp-list-table .column-thumb {
  346. width: 5%;
  347. text-align: center;
  348. }
  349. .wp-list-table .column-thumb .thumb {
  350. width: 60px;
  351. height: auto;
  352. }
  353. .wp-list-table .column-producttitle {
  354. width: 25%;
  355. }
  356. .wp-list-table .column-producttitle .product-title {
  357. width: auto;
  358. font-weight: bold;
  359. }
  360. .wp-list-table .column-producttitle .row-actions {
  361. width: auto;
  362. }
  363. .wp-list-table .column-assignedmsgs {
  364. width: 30%;
  365. }
  366. .wp-list-table .column-orderstatus {
  367. width: 10%;
  368. }
  369. .wp-list-table .column-msglocation {
  370. width: 15%;
  371. } */
  372. </style>