You are here

Home » API reference » Panels 6.3

pane-rounded-shadow.css in Panels 6.3

Same filename and directory in other branches
  1. 7.3 plugins/style_bases/pane/pane_rounded_shadow/pane-rounded-shadow.css
/* Show only to IE7 */
*:first-child+html .rounded-shadow-background,
/* Show only to IE6 */
* html .rounded-shadow-background  {
  margin: 0 -10px 0 0 !important;
  padding: 10px 0 5px 0 !important;
}

.rounded-shadow-top-edge, .rounded-shadow-bottom-edge, .rounded-shadow-left-edge, .rounded-shadow-right-edge, .rounded-shadow-wrap-corner {
  position: relative;
  /* hasLayout -1 ? For IE only */
  zoom: 1;
}
%style {
  padding-top: 10px;
  margin-bottom: 30px;
  color: %text;
}

%style h2 {
  color: %header-text;
}

%style .rounded-shadow-background {
  margin: 10px;
  background: %background url(rounded-shadow-background.png) repeat;
}

%style .rounded-shadow-wrap-corner {
  margin: -10px;
}

%style .rounded-shadow-top-edge {
  top: -10px;
  background: url(rounded-shadow-top-edge.png) repeat-x 0 top;
  font-size: 1px;
}

%style .rounded-shadow-bottom-edge {
  bottom: -10px;
  background: url(rounded-shadow-bottom-edge.png) repeat-x 0 bottom;
  font-size: 1px;
}

%style .rounded-shadow-left-edge {
  background: url(rounded-shadow-left-edge.png) repeat-y 0 0;
}

%style .rounded-shadow-right-edge {
  background: url(rounded-shadow-right-edge.png) repeat-y right 0;
}

%style .rounded-shadow-wrap-corner .rounded-shadow-top-edge,
%style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge {
  height: 19px;
  margin: -10px 19px;
}

%style .rounded-shadow-wrap-corner .rounded-shadow-left,
%style .rounded-shadow-wrap-corner .rounded-shadow-right {
  position: absolute;
  top: 0;
  height: 19px;
  width: 19px;
  margin: 0 -19px;
}

%style .rounded-shadow-wrap-corner .rounded-shadow-left {
  background-image: url(rounded-shadow-top-left-corner.png);
}

%style .rounded-shadow-wrap-corner .rounded-shadow-right {
  right: 0;
  background-image: url(rounded-shadow-top-right-corner.png);
}

%style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge .rounded-shadow-left {
  background-image: url(rounded-shadow-bottom-left-corner.png);
}

%style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge .rounded-shadow-right {
  right: 0;
  background-image: url(rounded-shadow-bottom-right-corner.png);
}

%style .rounded-shadow-wrap-corner .rounded-shadow-right-edge {
  padding: 3px 19px;
}

%style .panel-pane {
  position: relative; top: -6px;
}

/*
%style div.admin-links {
  margin-top: -19px;
  margin-left: -12px;
}

%style .panel-separator {
  background: url(rounded-shadow-bottom-edge.png) repeat-x 0 center;
  font-size: 1px;
  height: 30px;
}
*/

File

plugins/style_bases/pane/pane_rounded_shadow/pane-rounded-shadow.css
View source 
  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. 

  9. .rounded-shadow-top-edge, .rounded-shadow-bottom-edge, .rounded-shadow-left-edge, .rounded-shadow-right-edge, .rounded-shadow-wrap-corner {

  10.   position: relative;

  11.   /* hasLayout -1 ? For IE only */

  12.   zoom: 1;

  13. }

  14. %style {

  15.   padding-top: 10px;

  16.   margin-bottom: 30px;

  17.   color: %text;

  18. }

  19. 

  20. %style h2 {

  21.   color: %header-text;

  22. }

  23. 

  24. %style .rounded-shadow-background {

  25.   margin: 10px;

  26.   background: %background url(rounded-shadow-background.png) repeat;

  27. }

  28. 

  29. %style .rounded-shadow-wrap-corner {

  30.   margin: -10px;

  31. }

  32. 

  33. %style .rounded-shadow-top-edge {

  34.   top: -10px;

  35.   background: url(rounded-shadow-top-edge.png) repeat-x 0 top;

  36.   font-size: 1px;

  37. }

  38. 

  39. %style .rounded-shadow-bottom-edge {

  40.   bottom: -10px;

  41.   background: url(rounded-shadow-bottom-edge.png) repeat-x 0 bottom;

  42.   font-size: 1px;

  43. }

  44. 

  45. %style .rounded-shadow-left-edge {

  46.   background: url(rounded-shadow-left-edge.png) repeat-y 0 0;

  47. }

  48. 

  49. %style .rounded-shadow-right-edge {

  50.   background: url(rounded-shadow-right-edge.png) repeat-y right 0;

  51. }

  52. 

  53. %style .rounded-shadow-wrap-corner .rounded-shadow-top-edge,

  54. %style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge {

  55.   height: 19px;

  56.   margin: -10px 19px;

  57. }

  58. 

  59. %style .rounded-shadow-wrap-corner .rounded-shadow-left,

  60. %style .rounded-shadow-wrap-corner .rounded-shadow-right {

  61.   position: absolute;

  62.   top: 0;

  63.   height: 19px;

  64.   width: 19px;

  65.   margin: 0 -19px;

  66. }

  67. 

  68. %style .rounded-shadow-wrap-corner .rounded-shadow-left {

  69.   background-image: url(rounded-shadow-top-left-corner.png);

  70. }

  71. 

  72. %style .rounded-shadow-wrap-corner .rounded-shadow-right {

  73.   right: 0;

  74.   background-image: url(rounded-shadow-top-right-corner.png);

  75. }

  76. 

  77. %style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge .rounded-shadow-left {

  78.   background-image: url(rounded-shadow-bottom-left-corner.png);

  79. }

  80. 

  81. %style .rounded-shadow-wrap-corner .rounded-shadow-bottom-edge .rounded-shadow-right {

  82.   right: 0;

  83.   background-image: url(rounded-shadow-bottom-right-corner.png);

  84. }

  85. 

  86. %style .rounded-shadow-wrap-corner .rounded-shadow-right-edge {

  87.   padding: 3px 19px;

  88. }

  89. 

  90. %style .panel-pane {

  91.   position: relative; top: -6px;

  92. }

  93. 

  94. /*

  95. %style div.admin-links {

  96.   margin-top: -19px;

  97.   margin-left: -12px;

  98. }

  99. 

  100. %style .panel-separator {

  101.   background: url(rounded-shadow-bottom-edge.png) repeat-x 0 center;

  102.   font-size: 1px;

  103.   height: 30px;

  104. }

  105. */