widget.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. .w3tc-manual-link {
  2. background-color: #efefef;
  3. }
  4. .w3tc-manual-link p {
  5. margin: 10px;
  6. padding:0;
  7. font-size:12px;
  8. }
  9. #w3tc-dashboard-widgets ul {
  10. margin: 0;
  11. padding: 0;
  12. }
  13. #w3tc-dashboard-widgets li {
  14. list-style-type: none;
  15. margin-bottom: 15px;
  16. }
  17. #w3tc-dashboard-widgets ul.w3tc-visible-ul li {
  18. list-style-type: disc;
  19. margin-bottom: 0;
  20. }
  21. #w3tc-dashboard-widgets #normal-sortables #w3tc_spreadtheword label{
  22. display: block;
  23. width: 70px;
  24. float: left;
  25. line-height: 30px;
  26. }
  27. #w3tc-dashboard-widgets h3.hndle img {
  28. vertical-align: middle;
  29. margin-right:10px;
  30. }
  31. .w3tc_generic_widgetservice_label {
  32. font-weight: bold;
  33. margin-left: 10px;
  34. display: inline-block;
  35. width: 270px;
  36. }
  37. .w3tc_generic_widgetservice_radio_outer {
  38. float: left;
  39. margin-top: 1px;
  40. }
  41. #w3tc_spreadtheword .inside {
  42. margin-right: 30px;
  43. }
  44. #w3tc_services p {
  45. margin-left: 30px;
  46. }
  47. .widgets-container .meta-box-sortables {
  48. display: flex;
  49. flex-direction: row;
  50. flex-wrap: wrap;
  51. gap: 20px;
  52. margin-bottom: 20px;
  53. justify-content: center;
  54. }
  55. /* 1/3 width widget column - calc(33.33% - 13.5px)*/
  56. .widgets-container .meta-box-sortables .postbox {
  57. width: calc(33.33% - 13.5px);
  58. min-height: 300px;
  59. box-sizing: border-box;
  60. margin: 0;
  61. }
  62. /* 1/2 width widget column - calc(50% - 10.5px)*/
  63. /* 2/3 width widget column - calc(66.66% - 7px)*/
  64. .widgets-container .meta-box-sortables #w3tc_settings,
  65. .widgets-container .meta-box-sortables #w3tc_pagespeed {
  66. width: calc(66.66% - 7px);
  67. }
  68. #w3tc-dashboard-widgets .handle-actions {
  69. display: none; /* WP 5.5 - Dashboard widget reordering not working, so disable. */
  70. }
  71. #w3tc-dashboard-widgets .hndle {
  72. display: block; /* WP 5.5 */
  73. }
  74. .w3tc-enabled {
  75. color: #090;
  76. font-weight: 700
  77. }
  78. .w3tc-disabled {
  79. color: #f00;
  80. font-weight: 700
  81. }
  82. @media only screen and (max-width: 1200px) {
  83. .widgets-container .meta-box-sortables .postbox {
  84. width: calc(50% - 10.5px) !important;
  85. }
  86. }
  87. @media only screen and (max-width: 782px) {
  88. .widgets-container .meta-box-sortables .postbox {
  89. width: 100% !important;
  90. }
  91. }