stats.less 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. #main_stats {
  2. table {
  3. margin: 0 auto 0 0;
  4. }
  5. table .engine-name {
  6. width: 20rem;
  7. }
  8. table .engine-scores {
  9. width: 7rem;
  10. }
  11. table .result-count {
  12. }
  13. table .response-time {
  14. }
  15. table .engine-reliability {
  16. text-align: right;
  17. }
  18. table.engine-error {
  19. max-width: 1280px;
  20. margin: 1rem;
  21. border: 1px solid gray;
  22. }
  23. table.engine-error th.engine-error-type,
  24. table.engine-error td.engine-error-type,
  25. failed-test {
  26. width: 10rem;
  27. }
  28. table.engine-error span.log_parameters
  29. {
  30. border-right: 1px solid gray;
  31. padding: 0 1rem 0 0;
  32. margin: 0 0 0 0.5rem;
  33. }
  34. }
  35. @media screen and (max-width: 75em) {
  36. }
  37. .bar-chart-value {
  38. width: 3em;
  39. }
  40. .bar-chart-graph {
  41. width: 300px;
  42. }
  43. .bar-chart-bar {
  44. border: 3px solid #5bc0de;
  45. margin: 1px 0;
  46. }
  47. .bar-chart-serie1 {
  48. border: 3px solid #5bc0de;
  49. margin: 1px 0;
  50. float: left;
  51. }
  52. .bar-chart-serie2 {
  53. border: 3px solid #deb15b;
  54. margin: 1px 0;
  55. float: left;
  56. }
  57. .bar0{
  58. width: 0;
  59. border: 0;
  60. }
  61. .generate-bar(100);
  62. .generate-bar(@n, @i: 1) when (@i =< @n) {
  63. .bar@{i} {
  64. width: (@i * 100% / @n);
  65. }
  66. .generate-bar(@n, (@i + 1));
  67. }