region-rounded-shadow.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. /* Show only to IE7 */
  2. *:first-child+html .rounded-shadow-background,
  3. /* Show only to IE6 */
  4. * html .rounded-shadow-background {
  5. margin: 0 -10px 0 0 !important;
  6. padding: 10px 0 5px 0 !important;
  7. }
  8. .rounded-shadow-top-edge,
  9. .rounded-shadow-bottom-edge,
  10. .rounded-shadow-left-edge,
  11. .rounded-shadow-right-edge,
  12. .rounded-shadow-wrap-corner {
  13. position: relative;
  14. /* hasLayout -1 ? For IE only */
  15. zoom: 1;
  16. }
  17. %style {
  18. padding-top: 10px;
  19. margin-bottom: 30px;
  20. color: %text;
  21. }
  22. %style .rounded-shadow-background {
  23. margin: 10px;
  24. background: %background url(rounded-shadow-background.png) repeat;
  25. }
  26. %style .rounded-shadow-wrap-corner {
  27. margin: -10px;
  28. }
  29. %style .rounded-shadow-top-edge {
  30. top: -10px;
  31. background: url(rounded-shadow-top-edge.png) repeat-x 0 top;
  32. font-size: 1px;
  33. }
  34. %style .rounded-shadow-bottom-edge {
  35. bottom: -10px;
  36. background: url(rounded-shadow-bottom-edge.png) repeat-x 0 bottom;
  37. font-size: 1px;
  38. }
  39. %style .rounded-shadow-left-edge {
  40. background: url(rounded-shadow-left-edge.png) repeat-y 0 0;
  41. }
  42. %style .rounded-shadow-right-edge {
  43. background: url(rounded-shadow-right-edge.png) repeat-y right 0;
  44. }
  45. %style .rounded-shadow-wrap-corner .rounded-shadow-top-edge,
  46. %style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge {
  47. height: 19px;
  48. margin: -10px 19px;
  49. }
  50. %style .rounded-shadow-wrap-corner .rounded-shadow-left,
  51. %style .rounded-shadow-wrap-corner .rounded-shadow-right {
  52. position: absolute;
  53. top: 0;
  54. height: 19px;
  55. width: 19px;
  56. margin: 0 -19px;
  57. }
  58. %style .rounded-shadow-wrap-corner .rounded-shadow-left {
  59. background-image: url(rounded-shadow-top-left-corner.png);
  60. }
  61. %style .rounded-shadow-wrap-corner .rounded-shadow-right {
  62. right: 0;
  63. background-image: url(rounded-shadow-top-right-corner.png);
  64. }
  65. %style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge .rounded-shadow-left {
  66. background-image: url(rounded-shadow-bottom-left-corner.png);
  67. }
  68. %style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge .rounded-shadow-right {
  69. right: 0;
  70. background-image: url(rounded-shadow-bottom-right-corner.png);
  71. }
  72. %style .rounded-shadow-wrap-corner .rounded-shadow-right-edge {
  73. padding: 3px 19px;
  74. }
  75. /*
  76. %style div.admin-links {
  77. margin-top: -19px;
  78. margin-left: -12px;
  79. }
  80. %style .panel-separator {
  81. background: url(rounded-shadow-bottom-edge.png) repeat-x 0 center;
  82. font-size: 1px;
  83. height: 30px;
  84. }
  85. */