sproutcore 1.4.5-java → 1.5.0-java

data/lib/frameworks/sproutcore/themes/ace/resources/body.css

@@ -0,0 +1,13 @@
+.sc-main {
+  background: #ccc;
+}
+.sc-main {
+  background: -moz-linear-gradient(top,#ddd,#bbb);
+  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#bbb));
+  height: 100%;
+  font-family: Helvetica, sans-serif;
+}
+
+.sc-view {
+  font-family: Helvetica, sans-serif;
+}

data/lib/frameworks/sproutcore/themes/ace/resources/button/ace/18px/button.css

@@ -0,0 +1,33 @@
+@theme(sc-small-size) {
+
+  $theme.button {
+
+    .sc-button-label {
+      font-size: 11px;
+      margin-top:-4px;
+      height: 18px;
+      padding-top:2px;
+    }
+
+    @include slices("normal_button.png", $left: 3, $right: 3);
+
+    &.active {
+      @include slices("active_button.png", $left: 3, $right: 3);
+    }
+
+    &.sel, &.def {
+      @include slices("selected_button.png", $left: 3, $right: 3);
+
+    }
+
+    &.sel.active, &.def.active {
+      @include slices("selected_active_button.png", $left: 3, $right: 3);
+    }
+    
+    &.sc-static-layout .sc-button-label {
+      margin-left: 3px;
+      margin-right: 3px;
+    }
+  }
+
+}

data/lib/frameworks/sproutcore/themes/ace/resources/button/ace/24px/button.css

@@ -0,0 +1,102 @@
+@theme(sc-regular-size) {
+
+  $theme.button {
+
+    .sc-button-label {
+      height: 24px;
+      padding-top:2px;
+    }
+
+    @include slices("normal_button.png", $left: 3, $right: 3);
+
+    &.active {
+      @include slices("active_button.png", $left: 3, $right: 3);
+    }
+
+    &.sel, &.def {
+      @include slices("selected_button.png", $left: 3, $right: 3);    
+  
+      &.active {
+        @include slices("selected_active_button.png", $left: 3, $right: 3);    
+      }
+    }
+    
+    &.sc-static-layout .sc-button-label {
+      margin-left: 12px;
+      margin-right: 12px;
+    }
+  }
+
+  @theme(point-left) {
+    $theme.button {
+      @include slices("normal_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-right);
+
+      .middle { left: 12px; }
+
+      &.active {
+        @include slices("active_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-right);
+        .middle { left: 12px; }
+      }
+
+      &.sel, &.def {
+        @include slices("selected_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-right);
+        .middle { left: 12px; }
+      }
+
+      &.sel.active, &.def.active {
+        @include slices("selected_active_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-right);
+        .middle { left: 12px; }
+      }
+    }
+  }
+
+  @theme(point-right) {
+    $theme.button {
+      @include slices("normal_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-left);
+
+      .middle { right: 12px; }
+
+      &.active {
+        @include slices("active_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-left);
+        .middle { right: 12px; }
+      }
+
+      &.sel, &.def {
+        @include slices("selected_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-left);
+        .middle { right: 12px; }
+      }
+
+      &.sel.active, &.def.active {
+        @include slices("selected_active_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-left);
+        .middle { right: 12px; }
+      }
+    }
+  }
+
+  @theme(capsule) {
+    $theme.button {
+      @include slices("normal_button_capsule.png", $left: 12, $right: 12, skip-middle);
+      
+      & > .middle { left: 12px; right: 12px; }
+
+      &.active, &.sel, &.def, &.sel.active, &.sel.active.def {
+        & > .middle { left: 12px; right: 12px; }
+      }
+
+      &.active {
+        @include slices("active_button_capsule.png", $left: 12, $right: 12, skip-middle);
+        .middle { left: 12px; right: 12px; }
+      }
+
+      &.sel, &.def {
+        @include slices("selected_button_capsule.png", $left: 12, $right: 12, skip-middle);
+        .middle { left: 12px; right: 12px; }
+      }
+
+      &.sel.active, &.def.active {
+        @include slices("selected_active_button_capsule.png", $left: 12, $right: 12, skip-middle);
+        .middle { left: 12px; right: 12px; }
+      }
+    }
+  }
+}

data/lib/frameworks/sproutcore/themes/ace/resources/button/ace/30px/button.css

@@ -0,0 +1,78 @@
+@theme(sc-huge-size) {
+
+  $theme.button {
+
+    .sc-button-label {
+      margin-top:4px;
+      height: 30px;
+      font-size:13px;
+    }
+
+
+    @include slices("normal_button.png", $left: 3, $right: 3);
+
+    &.active {
+      @include slices("active_button.png", $left: 3, $right: 3);
+    }
+
+    &.sel, &.def {
+      @include slices("selected_button.png", $left: 3, $right: 3);
+
+    }
+
+    &.sel.active, &.def.active {
+      @include slices("selected_active_button.png", $left: 3, $right: 3);
+    }
+    
+    &.sc-static-layout .sc-button-label {
+      margin-left: 12px;
+      margin-right: 12px;
+    }
+  }
+
+  @theme(point-left) {
+    $theme.button {
+      @include slices("normal_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-right);
+
+      .middle { left: 12px; }
+
+      &.active {
+        @include slices("active_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-right);
+        .middle { left: 12px; }
+      }
+
+      &.sel, &.def {
+        @include slices("selected_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-right);
+        .middle { left: 12px; }
+      }
+
+      &.sel.active, &.def.active {
+        @include slices("selected_active_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-right);
+        .middle { left: 12px; }
+      }
+    }
+  }
+
+  @theme(point-right) {
+    $theme.button {
+      @include slices("normal_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-left);
+
+      .middle { right: 12px; }
+
+      &.active {
+        @include slices("active_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-left);
+        .middle { right: 12px; }
+      }
+
+      &.sel, &.def {
+        @include slices("selected_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-left);
+        .middle { right: 12px; }
+      }
+
+      &.sel.active, &.def.active {
+        @include slices("selected_active_button_pointer.png", $left: 12, $right: 12, skip-middle, skip-left);
+        .middle { right: 12px; }
+      }
+    }
+  }
+}