You are here

Home » API reference » Panels 7.3

pane-rounded-shadow.css in Panels 7.3

Same filename and directory in other branches
  1. 6.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,

  10. .rounded-shadow-bottom-edge,

  11. .rounded-shadow-left-edge,

  12. .rounded-shadow-right-edge,

  13. .rounded-shadow-wrap-corner {

  14.   position: relative;

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

  16.   zoom: 1;

  17. }

  18. %style {

  19.   padding-top: 10px;

  20.   margin-bottom: 30px;

  21.   color: %text;

  22. }

  23. 

  24. %style h2 {

  25.   color: %header-text;

  26. }

  27. 

  28. %style .rounded-shadow-background {

  29.   margin: 10px;

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

  31. }

  32. 

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

  34.   margin: -10px;

  35. }

  36. 

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

  38.   top: -10px;

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

  40.   font-size: 1px;

  41. }

  42. 

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

  44.   bottom: -10px;

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

  46.   font-size: 1px;

  47. }

  48. 

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

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

  51. }

  52. 

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

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

  55. }

  56. 

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

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

  59.   height: 19px;

  60.   margin: -10px 19px;

  61. }

  62. 

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

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

  65.   position: absolute;

  66.   top: 0;

  67.   height: 19px;

  68.   width: 19px;

  69.   margin: 0 -19px;

  70. }

  71. 

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

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

  74. }

  75. 

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

  77.   right: 0;

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

  79. }

  80. 

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

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

  83. }

  84. 

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

  86.   right: 0;

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

  88. }

  89. 

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

  91.   padding: 3px 19px;

  92. }

  93. 

  94. %style .panel-pane {

  95.   position: relative;

  96.   top: -6px;

  97. }

  98. 

  99. /*

  100. %style div.admin-links {

  101.   margin-top: -19px;

  102.   margin-left: -12px;

  103. }

  104. 

  105. %style .panel-separator {

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

  107.   font-size: 1px;

  108.   height: 30px;

  109. }

  110. */