easy-charts-admin.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. /**
  2. * All of the CSS for your admin-specific functionality should be
  3. * included in this file.
  4. */
  5. #easy-charts-data-metabox-wrap{
  6. #easy-data-chart-box{
  7. .ec-data-container{
  8. .handsontable-container{
  9. }
  10. .handsontable-controls{
  11. text-align: center;
  12. padding: 30px 0;
  13. border: 1px solid #000;
  14. .button-group{
  15. margin: 0 5px;
  16. button{
  17. /*display: block;*/
  18. .dashicons{
  19. line-height: 26px;
  20. height: 28px;
  21. margin-right: 10px;
  22. }
  23. }
  24. }
  25. }
  26. div.ec-uv-chart-container{
  27. /*-webkit-box-shadow: 0px 0px 29px -4px rgba(5,5,5,1);
  28. -moz-box-shadow: 0px 0px 29px -4px rgba(5,5,5,1);
  29. box-shadow: 0px 0px 29px -4px rgba(5,5,5,1);*/
  30. }
  31. }
  32. }
  33. }
  34. #easy-charts-shortcode-metabox-wrap{
  35. #easy-chart-shortcode-box{
  36. input[name="ec-shortcode"]{
  37. width: 100%;
  38. }
  39. }
  40. }
  41. #easy-charts-configuration-metabox-wrap{
  42. #easy-chart-configuration-box{
  43. overflow: auto;
  44. #ec-tabs{
  45. /*-webkit-box-shadow: 11px 12px 37px 0px rgba(5,5,5,0.33);
  46. -moz-box-shadow: 11px 12px 37px 0px rgba(5,5,5,0.33);
  47. box-shadow: 11px 12px 37px 0px rgba(5,5,5,0.33);*/
  48. .pws_tabs_container{
  49. ul.pws_tabs_controll{
  50. li{
  51. a.pws_tab_active{
  52. -webkit-box-shadow: -1px 14px 13px -5px rgba(5,5,5,0.33);
  53. -moz-box-shadow: -1px 14px 13px -5px rgba(5,5,5,0.33);
  54. box-shadow: -1px 14px 13px -5px rgba(5,5,5,0.33);
  55. }
  56. }
  57. }
  58. }
  59. .ec-tab{
  60. &.pws_show{
  61. z-index: 100;
  62. }
  63. div.field{
  64. width: 100%;
  65. padding: 15px 0;
  66. &:first-child{
  67. padding-top: 0;
  68. }
  69. > table{
  70. width: 100%;
  71. td{
  72. &.ec-td-label{
  73. width: 40%;
  74. label{
  75. font-weight: bold;
  76. }
  77. }
  78. &.ec-td-field{
  79. width: 60%;
  80. input[type="text"],
  81. input[type="number"],
  82. select{
  83. width: 100%;
  84. }
  85. }
  86. }
  87. }
  88. }
  89. }
  90. }
  91. }
  92. }
  93. #easy-charts-preview-metabox-wrap{
  94. #easy-chart-preview-box{
  95. overflow: auto;
  96. }
  97. }