pane-rounded-shadow.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  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 h2 {
  23. color: %header-text;
  24. }
  25. %style .rounded-shadow-background {
  26. margin: 10px;
  27. background: %background url(rounded-shadow-background.png) repeat;
  28. }
  29. %style .rounded-shadow-wrap-corner {
  30. margin: -10px;
  31. }
  32. %style .rounded-shadow-top-edge {
  33. top: -10px;
  34. background: url(rounded-shadow-top-edge.png) repeat-x 0 top;
  35. font-size: 1px;
  36. }
  37. %style .rounded-shadow-bottom-edge {
  38. bottom: -10px;
  39. background: url(rounded-shadow-bottom-edge.png) repeat-x 0 bottom;
  40. font-size: 1px;
  41. }
  42. %style .rounded-shadow-left-edge {
  43. background: url(rounded-shadow-left-edge.png) repeat-y 0 0;
  44. }
  45. %style .rounded-shadow-right-edge {
  46. background: url(rounded-shadow-right-edge.png) repeat-y right 0;
  47. }
  48. %style .rounded-shadow-wrap-corner .rounded-shadow-top-edge,
  49. %style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge {
  50. height: 19px;
  51. margin: -10px 19px;
  52. }
  53. %style .rounded-shadow-wrap-corner .rounded-shadow-left,
  54. %style .rounded-shadow-wrap-corner .rounded-shadow-right {
  55. position: absolute;
  56. top: 0;
  57. height: 19px;
  58. width: 19px;
  59. margin: 0 -19px;
  60. }
  61. %style .rounded-shadow-wrap-corner .rounded-shadow-left {
  62. background-image: url(rounded-shadow-top-left-corner.png);
  63. }
  64. %style .rounded-shadow-wrap-corner .rounded-shadow-right {
  65. right: 0;
  66. background-image: url(rounded-shadow-top-right-corner.png);
  67. }
  68. %style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge .rounded-shadow-left {
  69. background-image: url(rounded-shadow-bottom-left-corner.png);
  70. }
  71. %style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge .rounded-shadow-right {
  72. right: 0;
  73. background-image: url(rounded-shadow-bottom-right-corner.png);
  74. }
  75. %style .rounded-shadow-wrap-corner .rounded-shadow-right-edge {
  76. padding: 3px 19px;
  77. }
  78. %style .panel-pane {
  79. position: relative;
  80. top: -6px;
  81. }
  82. /*
  83. %style div.admin-links {
  84. margin-top: -19px;
  85. margin-left: -12px;
  86. }
  87. %style .panel-separator {
  88. background: url(rounded-shadow-bottom-edge.png) repeat-x 0 center;
  89. font-size: 1px;
  90. height: 30px;
  91. }
  92. */