Generic_Page_Dashboard_View.css 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
  1. #w3tc-dashboard-widgets.metabox-holder {
  2. margin:0;
  3. padding:0;
  4. }
  5. #w3tc-dashboard-widgets .hndle {
  6. height: 36px;
  7. line-height: 36px;
  8. }
  9. #w3tc-dashboard-widgets .hndle,
  10. #w3tc-dashboard-widgets .hndle .w3tc-widget-w3tc-logo,
  11. #w3tc-dashboard-widgets .hndle .w3tc-widget-text {
  12. cursor: default;
  13. }
  14. #w3tc-dashboard-widgets .hndle, #w3tc-dashboard-widgets .hndle span {
  15. font-family: Arial, sans-serif;
  16. font-weight: bold;
  17. text-shadow: none;
  18. -webkit-box-shadow: none;
  19. box-shadow: none;
  20. }
  21. #w3tc-dashboard-widgets #postbox-container {
  22. border: none;
  23. }
  24. #w3tc-dashboard-widgets .handlediv {
  25. display: none;
  26. }
  27. .w3tc-widget-newrelic-logo {
  28. float: left;
  29. width: 150px;
  30. height: 35px;
  31. background: url("pub/img/w3tc_newrelic-logo.png") 0 3px no-repeat;
  32. }
  33. .w3tc-widget-configure {
  34. float: left;
  35. }
  36. .w3tc-widget-text {
  37. float: left;
  38. padding-right: 10px;
  39. }
  40. .w3tc-widget-w3tc-logo {
  41. float: left;
  42. width: 50px;
  43. height: 35px;
  44. background: url("pub/img/w3tc_w3tc-logo.png") 0 0 no-repeat;
  45. }
  46. .w3tc-widget-services-logo {
  47. float: left;
  48. width: 50px;
  49. height: 35px;
  50. background: url("pub/img/w3tc_w3edge-logo.png") 0 0 no-repeat;
  51. }
  52. .w3tc-widget-pagespeed-logo {
  53. float: left;
  54. width: 110px;
  55. height: 35px;
  56. background: url("pub/img/w3tc_google-logo.png") 0 3px no-repeat;
  57. }
  58. .w3tc-widget-boldgrid-logo {
  59. width: 70%;
  60. height: 100%;
  61. background: url("Generic_WidgetBoldGrid_Logo.svg") 0 0px no-repeat;
  62. float: left;
  63. margin-right: 10px;
  64. }
  65. .general-settings-container {
  66. padding: 8px 10px;
  67. display: flex;
  68. flex-direction: row;
  69. flex-wrap: wrap;
  70. column-gap: 70px;
  71. row-gap: 10px;
  72. }
  73. .general-settings-container .general-setting {
  74. width: calc(33% - 45px);
  75. border-bottom: 2px solid #F0F0F0;
  76. }
  77. .general-settings-container .general-setting .general-setting-enabled {
  78. float: right;
  79. color: #B9C6CB;
  80. }
  81. .general-settings-container .general-setting .general-setting-enabled.setting-enabled {
  82. color: #006D4B;
  83. }
  84. .general-settings-description {
  85. text-align: center;
  86. }
  87. #w3tc-webp-widget-stats-container,
  88. #w3tc-webp-widget-stats-container table {
  89. width: 100%;
  90. }
  91. #w3tc-webp-widget-stats-container table tr th {
  92. padding: 0 0 18px 0;
  93. }
  94. #w3tc-webp-widget-stats-container table tr td {
  95. padding: 0;
  96. }
  97. .w3tc-webp-widget-stats-title {
  98. text-align: center;
  99. }
  100. .w3tc-webp-widget-stats-stat {
  101. margin: 5px;
  102. }
  103. .w3tc-webp-widget-stats-stat-total,
  104. .w3tc-webp-widget-stats-stat-totalbytes {
  105. max-width: 120px;
  106. text-align: right;
  107. }
  108. #w3tc_page_cache,
  109. #w3tc_object_cache,
  110. #w3tc_database_cache,
  111. #w3tc_imageservice {
  112. display: flex;
  113. flex-direction: column;
  114. justify-content: center;
  115. }
  116. #w3tc_page_cache #page_cache_chart,
  117. #w3tc_object_cache #object_cache_chart,
  118. #w3tc_database_cache #database_cache_chart {
  119. width: 100%;
  120. }
  121. #w3tc_page_cache #page_cache_chart_ad,
  122. #w3tc_page_cache #page_cache_chart_enable,
  123. #w3tc_page_cache #page_cache_chart_subenable,
  124. #w3tc_object_cache #object_cache_chart_ad,
  125. #w3tc_object_cache #object_cache_chart_enable,
  126. #w3tc_object_cache #object_cache_chart_subenable,
  127. #w3tc_database_cache #database_cache_chart_ad,
  128. #w3tc_database_cache #database_cache_chart_enable,
  129. #w3tc_database_cache #database_cache_chart_subenable {
  130. display: flex;
  131. align-items: center;
  132. justify-content: center;
  133. background-size: contain;
  134. background-repeat: no-repeat;
  135. background-position: right;
  136. width: 100%;
  137. height: 100%;
  138. }
  139. #w3tc_page_cache #page_cache_chart_ad,
  140. #w3tc_page_cache #page_cache_chart_enable,
  141. #w3tc_page_cache #page_cache_chart_subenable {
  142. background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("pub/img/w3tc-stats-page-cache.png");
  143. }
  144. #w3tc_object_cache #object_cache_chart_ad,
  145. #w3tc_object_cache #object_cache_chart_enable,
  146. #w3tc_object_cache #object_cache_chart_subenable {
  147. background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("pub/img/w3tc-stats-object-cache.png");
  148. }
  149. #w3tc_database_cache #database_cache_chart_ad,
  150. #w3tc_database_cache #database_cache_chart_enable,
  151. #w3tc_database_cache #database_cache_chart_subenable {
  152. background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("pub/img/w3tc-stats-database-cache.png");
  153. }
  154. #w3tc_page_cache .postbox-header,
  155. #w3tc_object_cache .postbox-header,
  156. #w3tc_database_cache .postbox-header,
  157. #w3tc_imageservice .postbox-header {
  158. flex: 0 0 auto;
  159. }
  160. #w3tc_page_cache .inside,
  161. #w3tc_object_cache .inside,
  162. #w3tc_database_cache .inside,
  163. #w3tc_imageservice .inside {
  164. flex: 1 1 auto;
  165. display: flex;
  166. align-items: center;
  167. justify-content: center;
  168. }
  169. #api_charts {
  170. display: flex;
  171. justify-content: center;
  172. flex-wrap: wrap;
  173. }
  174. #api_charts #apihourly_chart,
  175. #api_charts #apimonthly_chart {
  176. width: 50%;
  177. }
  178. #api_charts #apihourly_chart table tr td > div > div,
  179. #api_charts #apimonthly_chart table tr td > div > div {
  180. width: 100%;
  181. margin: 0 auto;
  182. }
  183. svg > g:last-child > g:last-child { pointer-events: none }
  184. div.google-visualization-tooltip { pointer-events: none }
  185. #w3tc_imageservice .w3tc-webp-widget-stats-inactive {
  186. display: flex;
  187. align-items: center;
  188. justify-content: center;
  189. background-size: contain;
  190. background-repeat: no-repeat;
  191. background-position: center;
  192. width: 100%;
  193. height: 100%;
  194. }
  195. #w3tc_imageservice .w3tc-webp-widget-stats-inactive {
  196. background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url("pub/img/w3tc-webp-converter.png");
  197. }
  198. #w3tc_partners #partner-list li {
  199. display: flex;
  200. align-items: center;
  201. margin-bottom: 5px;
  202. }
  203. #w3tc_partners #partner-list li .partner-logo {
  204. margin-right: 10px;
  205. display: flex;
  206. align-items: center;
  207. }
  208. #w3tc_partners #partner-list li .partner-logo img {
  209. display: block;
  210. height: auto;
  211. }
  212. #w3tc_partners #partner-bottom {
  213. text-align: right;
  214. }
  215. @media only screen and (max-width: 1200px) {
  216. .general-settings-container {
  217. column-gap: 35px;
  218. }
  219. .general-settings-container .general-setting {
  220. width: calc(50% - 18px);
  221. }
  222. }
  223. @media only screen and (max-width: 980px) {
  224. .general-settings-container .general-setting {
  225. width: 100%;
  226. }
  227. }
  228. @media only screen and (max-width: 782px) {
  229. .general-settings-container {
  230. column-gap: 35px;
  231. }
  232. .general-settings-container .general-setting {
  233. width: calc(50% - 18px);
  234. }
  235. }
  236. @media only screen and (max-device-width: 480px) {
  237. .w3tc_generic_widgetservice_label {
  238. display: inline;
  239. }
  240. .general-settings-container .general-setting {
  241. width: 100%;
  242. }
  243. #api_charts #apihourly_chart,
  244. #api_charts #apimonthly_chart {
  245. width: 100%;
  246. }
  247. }