UsageStatistics_Page_View.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. .ustats_ad {
  2. max-width: 600px;
  3. margin: auto;
  4. padding-top: 50px;
  5. }
  6. .ustats_ad_metabox .inside {
  7. background: url('./pub/img/stats-bg.png');
  8. background-repeat: no-repeat;
  9. background-size: cover;
  10. min-height: 400px;
  11. font-weight: bold;
  12. }
  13. .ustats_content {
  14. text-align: right;
  15. }
  16. .ustats_p {
  17. text-align: center;
  18. }
  19. .ustats_block {
  20. width: 100%;
  21. display: none;
  22. margin-bottom: 10px;
  23. }
  24. .ustats_block_data {
  25. width: 30%;
  26. padding-bottom: 10px;
  27. }
  28. .ustats_block_data div {
  29. display: none;
  30. }
  31. .ustats_block_data .ustats_header {
  32. font-weight: bold;
  33. display: block;
  34. }
  35. .ustats_block_chart {
  36. width: 70%;
  37. height: 200px;
  38. }
  39. .ustats_block_chart canvas {
  40. display: block;
  41. height: 200px;
  42. width: 800px;
  43. }
  44. .ustats_table {
  45. width: 100%;
  46. padding-left: 20px;
  47. padding-right: 20px;
  48. }
  49. td.ustats_td {
  50. padding: 0;
  51. padding-right: 10px;
  52. font-weight: bold;
  53. color: #333;
  54. }
  55. td.ustats_td_header_name {
  56. padding: 0;
  57. padding-right: 5px;
  58. padding-top: 5px;
  59. text-align: left;
  60. font-weight: bold;
  61. color: #333;
  62. }
  63. td.ustats_td_header {
  64. padding: 0;
  65. padding-right: 5px;
  66. padding-top: 5px;
  67. text-align: right;
  68. font-weight: bold;
  69. color: #333;
  70. }
  71. td.ustats_td_value {
  72. padding: 0;
  73. padding-right: 8px;
  74. text-align: right;
  75. color: #333;
  76. }
  77. /* specific cache areas */
  78. .ustats_php_php_requests_pagecache_hit,
  79. .ustats_php_php_requests_pagecache_miss {
  80. padding-left: 20px;
  81. }
  82. .ustats_block_data div.ustats_php_php_requests_pagecache_miss_level2_wrap {
  83. display: flex;
  84. padding-left: 40px;
  85. flex-wrap: wrap;
  86. }
  87. .ustats_php_php_requests_pagecache_miss_level2 {
  88. width: 50%;
  89. }
  90. @media (max-width: 1500px) {
  91. .ustats_php_php_requests_pagecache_miss_level2 {
  92. width: 100%
  93. }
  94. }