rack_elevation.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /* Stylesheet for rendering SVG rack elevations */
  2. * {
  3. font-family: sans-serif;
  4. font-size: 13px;
  5. }
  6. rect {
  7. box-sizing: border-box;
  8. }
  9. text {
  10. text-anchor: middle;
  11. dominant-baseline: middle;
  12. }
  13. .rack {
  14. background-color: #f0f0f0;
  15. fill: none;
  16. stroke: black;
  17. stroke-width: 2px;
  18. }
  19. .slot {
  20. fill: #f7f7f7;
  21. stroke: #a0a0a0;
  22. }
  23. .slot:hover {
  24. fill: #fff;
  25. }
  26. .slot+.add-device {
  27. fill: none;
  28. }
  29. .slot:hover+.add-device {
  30. fill: blue;
  31. }
  32. .add-device:hover {
  33. fill: blue;
  34. }
  35. .add-device:hover+.slot {
  36. fill: #fff;
  37. }
  38. .reserved {
  39. fill: url(#reserved);
  40. }
  41. .reserved:hover {
  42. fill: url(#reserved);
  43. }
  44. .occupied {
  45. fill: url(#occupied);
  46. }
  47. .occupied:hover {
  48. fill: url(#occupied);
  49. }
  50. .blocked {
  51. fill: url(#blocked);
  52. }
  53. .blocked:hover {
  54. fill: url(#blocked);
  55. }
  56. .blocked:hover+.add-device {
  57. fill: none;
  58. }
  59. .unit {
  60. margin: 0;
  61. padding: 5px 0px;
  62. fill: #c0c0c0;
  63. font-size: 10px;
  64. font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  65. }
  66. .hidden {
  67. visibility: hidden;
  68. }