sheet.css in rsence-pre-3.0.0.10

- old
+ new
@@ -1,68 +1,63 @@
-.sheet_bg,
-.sheet_body,
-.sheet_dimmer,
-/*.sheet_center,*/
-.sheet_content,
-.sheet_body_edge_left,
-.sheet_body_edge_right,
-.sheet_body_corner_left,
-.sheet_body_corner_right,
-.sheet_body_edge_bottom,
-.sheet_subview {
+.default.sheet > .content > .bg,
+.default.sheet > .content > .body,
+.default.sheet > .dimmer,
+.default.sheet > .content,
+.default.sheet > .content > .body > .w,
+.default.sheet > .content > .body > .e,
+.default.sheet > .content > .body > .sw,
+.default.sheet > .content > .body > .se,
+.default.sheet > .content > .body > .s,
+.default.sheet > .content > .subview {
   position: absolute;
   display: block;
   overflow: hidden;
   cursor: inherit;
   background-repeat: no-repeat;
 }
-.sheet_dimmer {
+.default.sheet > .dimmer {
   top: 0; left: 0; right: 0; bottom: 0;
   background-repeat: repeat;
-  background-image: #{this.getCssFilePath('sheet_dim.png')};
+  background-image: #url(sheet_dim.png)
 }
-/*.sheet_center {
-  top: 0; left: 50%; overflow: visible; width: 0; height: 0;
-}
-*/
-.sheet_content {
+.default.sheet > .content {
   top: 0; left: -2px; right: -2px; bottom: -2px; overflow: visible;
 }
-.sheet_bg {
+.default.sheet > .content > .bg {
   left: 24px; top: 0; right: 24px; bottom: 24px;
   background-repeat: repeat;
-  background-image: #{this.getCssFilePath('sheet_bg.png')};
+  background-image: #url(sheet_bg.png)
 }
-.sheet_body {
+.default.sheet > .content > .body {
   left: 0; top: 0; right: 0; bottom: 0; overflow: visible;
 }
-.sheet_body > * {
-  background-image: #{this.getCssFilePath('sheet_parts1.png')};
+.default.sheet > .content > .body > * {
+  background-image: #url(sheet_parts1.png)
 }
-.sheet_body_edge_left {
+.default.sheet > .content > .body > .w {
   left: 0; top: 0; bottom: 24px; width: 24px;
   background-repeat: repeat-y;
   background-position: -48px 0;
 }
-.sheet_body_edge_right {
+.default.sheet > .content > .body > .e {
   right: 0; top: 0; bottom: 24px; width: 24px;
   background-repeat: repeat-y;
   background-position: -72px 0;
 }
-.sheet_body_corner_left {
+.default.sheet > .content > .body > .sw {
   left: 0; bottom: 0; height: 24px; width: 24px;
   background-position: 0 0;
 }
-.sheet_body_corner_right {
+.default.sheet > .content > .body > .se {
   right: 0; bottom: 0; height: 24px; width: 24px;
   background-position: -24px 0;
 }
-.sheet_body_edge_bottom {
+.default.sheet > .content > .body > .s {
   left: 24px; bottom: 0; right: 24px; height: 24px;
   background-repeat: repeat-x;
   background-position: 0 0;
-  background-image: #{this.getCssFilePath('sheet_parts2.png')};
+  background-image: #url(sheet_parts2.png)
 }
-.sheet_subview {
+.default.sheet > .content > .subview {
   left: 2px; top: 0; right: 2px; bottom: 2px;
 }
 