sproutcore 1.0.1049.pre.2 → 1.4.0.rc

data/lib/frameworks/sproutcore/themes/ace/src/controls/buttons/button_view/44px/button_view.css

@@ -1,57 +0,0 @@
-@theme(sc-jumbo-size)
-
-@view(sc-button-view) {
-  
-  /* NORMAL STATE */
-  .button-left {
-    margin-top:-22px;
-    height: 44px;
-    background: sprite("normal_button.png" [0 8]);
-  }
-  
-  .button-right {
-    margin-top:-22px;
-    height: 44px;
-    background: sprite("normal_button.png" [-8]);
-  }
-  
-  .button-middle {
-    margin-top:-22px;
-    height: 44px;
-    background: sprite("normal_button.png" repeat-x [8, 1]);
-  }
-  
-  .sc-button-label {
-    margin-top:-10px;
-    height: 24px;
-    font-size: 16px;
-    font-weight: bold;
-    color:#777;
-    text-shadow: 0px 1px 1px white;
-  }
-}
-
-@view(sc-button-view).active {
-  .button-left { background: sprite("active_button.png" [0 8]); }
-  .button-right { background: sprite("active_button.png" [-8]); }
-  .button-middle { background: sprite("active_button.png" [8 1] repeat-x); }
-}
-
-@view(sc-button-view).sel, @view(sc-button-view).def {
-  .button-left { background: sprite("selected_button.png" [0 8]); }
-  .button-right { background: sprite("selected_button.png" [-8]); }
-  .button-middle { background: sprite("selected_button.png" [8 1] repeat-x); }
-  
-  .sc-button-label {
-    color:white;
-    text-shadow: 0px -1px 1px black;
-  }
-}
-
-@view(sc-button-view).sel.active, @view(sc-button-view).def.active {
-  .button-left { background: sprite("selected_active_button.png" [0 8]); }
-  .button-right { background: sprite("selected_active_button.png" [-8]); }
-  .button-middle { background: sprite("selected_active_button.png" [8 1] repeat-x); }
-}
-
-@end

data/lib/frameworks/sproutcore/themes/ace/src/controls/buttons/button_view/button_view.css

@@ -1,56 +0,0 @@
-@view(sc-button-view) {
-  border: 0px none;
-  color: #555;
-  text-shadow: 0px 1px 1px white;
-  
-  .button-left {
-    position: absolute;
-    top: 50%;
-    left: 0px;
-    width: 8px;
-    /* Implementations must provide: 
-    margin-top:-12px;
-    height: 24px;
-    background: spr ite("normal_button.png" [0 8]);
-    */
-  }
-  
-  .button-right {
-    position: absolute;
-    top: 50%;
-    right: 0px;
-    width: 8px;
-  }
-  
-  .button-middle {
-    position: absolute;
-    top: 50%;
-    left: 8px;
-    right: 8px;
-  }
-  
-  .sc-button-label {
-    position: absolute;
-    top: 50%;
-    left: 8px;
-    right: 8px;
-  }
-}
-
-/* Active */
-@view(sc-button-view).active {
-  color: #333;
-  text-shadow: 0px 1px 1px white;
-}
-
-/* Selected */
-@view(sc-button-view).sel, @view(sc-button-view).def {
-  color: #fff;
-  font-weight:200;
-  text-shadow: 0px -1px 1px rgba(0,0,0,.5);
-}
-
-/* Disabled */
-@view(sc-button-view).disabled {
-  opacity: .5;
-}

data/lib/frameworks/sproutcore/themes/ace/src/controls/buttons/disclosure_view/disclosure_view.css

@@ -1,64 +0,0 @@
-/* Main */
-@view(sc-button-view.sc-disclosure-view) {
-  color: black;
-  text-shadow: white 0px 1px 1px;
-}
-
-@view(sc-button-view.sc-disclosure-view) .sc-button-label {
-  left: 18px;
-}
-
-@view(sc-button-view.sc-disclosure-view).sel {
-  color: black;
-  text-shadow: white 0px 1px 1px;
-}
-
-@view(sc-button-view.sc-disclosure-view).sel.active {
-  color: black;
-  text-shadow: white 0px 1px 1px;
-}
-
-@view(sc-button-view.sc-disclosure-view).active {
-  color: black;
-  text-shadow: white 0px 1px 1px;
-}
-
-@view(sc-button-view.sc-disclosure-view) img {
-  position: absolute; top: 3px;
-  background:sprite("disclosure_closed.png");  
-  width: 14px; height: 14px;
-}
-
-@view(sc-button-view.sc-disclosure-view).sel img {
-  background:sprite("disclosure_open.png");
-}
-
-@view(sc-button-view.sc-disclosure-view).active img {
-  background:sprite("disclosure_closed_active.png");
-}
-
-@view(sc-button-view.sc-disclosure-view).sel.active img {
-  background:sprite("disclosure_open_active.png");
-}
-
-/* As a generic sprite */
-img.disclosure.button {
-  width: 14px;
-  height: 14px;
-}
-
-img.disclosure.button.open {
-  background:sprite("disclosure_open.png");
-}
-
-img.disclosure.button.open.active {
-  background:sprite("disclosure_open_active.png");
-}
-
-img.disclosure.button.closed {
-  background:sprite("disclosure_closed.png");
-}
-
-img.disclosure.button.closed.active {
-  background:sprite("disclosure_closed_active.png");
-}

data/lib/frameworks/sproutcore/themes/ace/src/controls/checkboxes/14px/checkbox.css

@@ -1,25 +0,0 @@
-.sc-checkbox.sc-small-size span.button {
-  background: sprite("checkbox_unchecked.png");
-  width: 14px;
-  height:14px;
-}
-
-.sc-checkbox.sc-small-size.sel span.button {
-  background: sprite("checkbox_checked.png");
-}
-
-.sc-checkbox.sc-small-size.mixed span.button {
-  background: sprite("checkbox_mixed.png");
-}
-
-.sc-checkbox.sc-small-size.active span.button {
-  background: sprite("checkbox_unchecked_active.png");
-}
-
-.sc-checkbox.sc-small-size.sel.active span.button {
-  background: sprite("checkbox_checked_active.png");
-}
-
-.sc-checkbox.sc-small-size.mixed.active span.button {
-  background: sprite("checkbox_mixed_active.png");
-}

data/lib/frameworks/sproutcore/themes/ace/src/controls/checkboxes/16px/checkbox.css

@@ -1,25 +0,0 @@
-.sc-checkbox.sc-regular-size span.button {
-  background: sprite("checkbox_unchecked.png");
-  width: 16px;
-  height:16px;
-}
-
-.sc-checkbox.sc-regular-size.sel span.button {
-  background: sprite("checkbox_checked.png");
-}
-
-.sc-checkbox.sc-regular-size.mixed span.button {
-  background: sprite("checkbox_mixed.png");
-}
-
-.sc-checkbox.sc-regular-size.active span.button {
-  background: sprite("checkbox_unchecked_active.png");
-}
-
-.sc-checkbox.sc-regular-size.sel.active span.button {
-  background: sprite("checkbox_checked_active.png");
-}
-
-.sc-checkbox.sc-regular-size.mixed.active span.button {
-  background: sprite("checkbox_mixed_active.png");
-}

data/lib/frameworks/sproutcore/themes/ace/src/controls/checkboxes/checkbox.css

@@ -1,4 +0,0 @@
-.sc-checkbox span.button {
-  position:absolute;
-  margin-right: 8px;
-}

data/lib/frameworks/sproutcore/themes/ace/src/controls/checkboxes/checkbox_control.css

@@ -1,31 +0,0 @@
-@view(sc-button-view.sc-checkbox-view),
-.sc-checkbox-control {
-  color: black;
-  text-shadow: white 0px 1px 1px;
-  line-height: 18px;
-  vertical-align: middle;
-}
-
-@view(sc-checkbox-view) .label,
-.sc-checkbox-control .label {
-  position: absolute;
-  left: 20px;
-  line-height: 16px;
-}
-
-@view(sc-checkbox-view) input,
-.sc-checkbox-control input {
-  visibility: hidden;
-  z-index: 1;
-}
-
-@view(sc-button-view.sc-checkbox-view).sel, @view(sc-button-view.sc-checkbox-view).active,
-.sc-checkbox-control.sel, .sc-checkbox-control.active {
-  color: black;
-  text-shadow: white 0px 1px 1px;
-}
-
-@view(sc-checkbox-view).disabled,
-.sc-checkbox-control.disabled {
-  opacity: .5;
-}

data/lib/frameworks/sproutcore/themes/ace/src/controls/progress/progress_view/progress_view.css

@@ -1,70 +0,0 @@
-/* 
-Syntax Notes: 
-@view(view-name) is replaced with .sc-view.view-name.theme-name
-
-theme-name is specified as an argument when building.
-
-[8] means a rectangle starting at x=8, the whole height, to the right edge.
-[8, 1] means rectangle starting at x=8, width 1px, whole height
-[8, 2, 1, 1] means a 1x1 rectangle at 8, 2.
-*/
-
-/* Track */
-@view(sc-progress-view) {
-  /* anchor right so noise won't show below rounded corners of right piece */
-  background: sprite("progress_view_track.png" clear [0, 8]);
-  z-index:0;
-  border:0px none;
-}
-
-@view(sc-progress-view) .sc-outer-head {
-  left: 8px;
-  right: 8px;
-  position:absolute;
-  height:20px;
-  background: sprite("progress_view_track.png" repeat-x [8, 1]);
-  z-index:0;
-  border:0px none;
-}
-
-@view(sc-progress-view) .sc-outer-tail {
-  right: 0px;
-  width: 8px;
-  position:absolute;
-  height:20px;
-  background: sprite("progress_view_track.png" [-8]);
-  z-index:0;
-  border:0px none;
-}
-
-
-
-/* Inner */
-@view(sc-progress-view) .sc-inner {
-  background: sprite("progress_view_content.png" clear [0, 4]);
-  z-index:1;
-  border:0px none;
-}
-
-@view(sc-progress-view) .sc-inner-head {
-  width: 4px;
-  right: 0px;
-  position:absolute;
-  height:20px;
-  background: sprite("progress_view_content.png" anchor-right [-4]);
-  border:0px none;
-}
-
-@view(sc-progress-view) .sc-inner-tail {
-  left: 4px;
-  right: 4px;
-  position:absolute;
-  height:20px;
-  background: sprite("progress_view_content.png" repeat-x [8, 1]);
-  border:0px none;
-}
-
-/* Disabled */
-@view(sc-progress-view).disabled {
-  opacity:.5;
-}