alpha-debug.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. .alpha-grid-debug .grid-1:hover, .alpha-grid-debug .grid-2:hover,
  2. .alpha-grid-debug .grid-3:hover, .alpha-grid-debug .grid-4:hover,
  3. .alpha-grid-debug .grid-5:hover, .alpha-grid-debug .grid-6:hover,
  4. .alpha-grid-debug .grid-7:hover, .alpha-grid-debug .grid-8:hover,
  5. .alpha-grid-debug .grid-9:hover, .alpha-grid-debug .grid-10:hover,
  6. .alpha-grid-debug .grid-11:hover, .alpha-grid-debug .grid-12:hover,
  7. .alpha-grid-debug .grid-13:hover, .alpha-grid-debug .grid-14:hover,
  8. .alpha-grid-debug .grid-15:hover, .alpha-grid-debug .grid-16:hover,
  9. .alpha-grid-debug .grid-17:hover, .alpha-grid-debug .grid-18:hover,
  10. .alpha-grid-debug .grid-19:hover, .alpha-grid-debug .grid-21:hover,
  11. .alpha-grid-debug .grid-21:hover, .alpha-grid-debug .grid-22:hover,
  12. .alpha-grid-debug .grid-23:hover, .alpha-grid-debug .grid-24:hover {
  13. background-color: rgba(0, 115, 186, .2);
  14. }
  15. .region {
  16. min-height: 1px;
  17. }
  18. .alpha-debug-block {
  19. display: none;
  20. }
  21. .alpha-region-debug .alpha-debug-block {
  22. display: block;
  23. margin: 0 0 10px 0;
  24. padding: 9px 12px;
  25. border: 1px solid #ccc;
  26. background-color: rgba(255, 255, 255, .25);
  27. }
  28. .alpha-region-debug .alpha-debug-block h2,
  29. .alpha-region-debug .alpha-debug-block p {
  30. margin: 0;
  31. padding: 0;
  32. font-family: Verdana, Helvetica, Arial, sans-serif;
  33. font-size: 12px;
  34. font-weight: normal;
  35. }
  36. .alpha-region-debug .alpha-debug-block h2 {
  37. color: #888;
  38. }
  39. .alpha-region-debug .alpha-debug-block p {
  40. color: #000;
  41. display: none;
  42. }
  43. .alpha-region-debug .region:hover .alpha-debug-block {
  44. border: 1px solid #888;
  45. background-color: rgba(255, 255, 255, .75);
  46. }
  47. .alpha-region-debug .region:hover .alpha-debug-block p {
  48. display: block !important;
  49. }
  50. .alpha-region-debug .region:hover .alpha-debug-block h2 {
  51. display: none;
  52. }
  53. .alpha-resize-indicator {
  54. background: url(../images/resize-handle.png) no-repeat 0 0;
  55. width: 80px;
  56. height: 80px;
  57. position: fixed;
  58. z-index: 998;
  59. right: 0;
  60. bottom: 0;
  61. }
  62. .alpha-grid-toggle,
  63. .alpha-block-toggle {
  64. width: 24px;
  65. height: 22px;
  66. position: fixed;
  67. z-index: 999;
  68. right: 0;
  69. }
  70. .alpha-grid-toggle {
  71. background: url(../images/grid-toggle.png) no-repeat 0 -22px;
  72. top: 80px;
  73. }
  74. .alpha-block-toggle {
  75. background: url(../images/block-toggle.png) no-repeat 0 -22px;
  76. top: 110px;
  77. }
  78. .alpha-grid-debug .alpha-grid-toggle,
  79. .alpha-region-debug .alpha-block-toggle {
  80. background-position: 0 0;
  81. }
  82. .alpha-grid-toggle:hover,
  83. .alpha-grid-toggle:focus,
  84. .alpha-grid-toggle:active {
  85. width: 55px;
  86. }
  87. .alpha-block-toggle:hover,
  88. .alpha-block-toggle:focus,
  89. .alpha-block-toggle:active {
  90. width: 72px;
  91. }