sproutcore 1.0.1049.pre.2 → 1.4.0.rc

data/lib/frameworks/sproutcore/themes/ace/src/controls/radio/radio.css

@@ -1,61 +0,0 @@
-@view(sc-radio-view) {
-  line-height: 18px;
-  vertical-align: middle;
-}
-
-@view(sc-radio-view) .sc-radio-button {
-  position: relative;
-  display:block;
-  height:18px;
-  padding-left: 18px;
-  margin-bottom:3px;
-}
-
-@view(sc-radio-view) .sc-button-label {
-  position: absolute;
-  left: 20px;
-  line-height: 18px;
-}
-
-/* Unchecked */
-@view(sc-radio-view) span.button {
-  background: sprite("radio_unselected.png");
-  width: 16px;
-  height:16px;
-  vertical-align:middle;
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  margin: 0px;
-}
-
-@view(sc-radio-view) input {
-  visibility: hidden;
-}
-
-/* Checked */
-@view(sc-radio-view) .sel span.button {
-  background: sprite("radio_selected.png");
-}
-
-@view(sc-radio-view) .mixed span.button {
-  background: sprite("radio_mixed.png");
-}
-
-/* Active */
-@view(sc-radio-view) .active span.button {
-  background: sprite("radio_active.png");
-}
-
-@view(sc-radio-view) .sel.active span.button {
-  background: sprite("radio_selected_active.png");
-}
-
-@view(sc-radio-view) .mixed.active span.button {
-  background: sprite("radio_mixed_active.png");
-}
-
-/* Disabled */
-@view(sc-radio-view).disabled {
-  opacity: .5;
-}

data/lib/frameworks/sproutcore/themes/ace/src/controls/scroll/horizontal/horizontal.css

@@ -1,77 +0,0 @@
-/* Track */
-@view(sc-scroller-view).sc-horizontal {
-  .track {
-	  position: absolute;
-  	left: 0px;
-  	right: 0px;
-  	top: 0;
-  	bottom: 0;
-  	background: sprite("track_and_arrows.png" repeat-x [16 0 1 14]);
-  }
-
-  /* Cap */
-  .cap {
-  	position:absolute;
-  	width: 16;
-  	height: 14px;
-  	width: 16px;
-  	left: 0px;
-  	background: sprite("track_and_arrows.png" [0 0 16 14]);
-  }
-
-  /* Buttons */
-  .button-left, .button-top {
-	  position:absolute;
-  	background: sprite("track_and_arrows.png" [-40 0 26 14]);
-  	width: 26px;
-    height: 14px;
-    right: 15px;
-  }
-
-
-  .button-right, .button-bottom {
-  	position:absolute;
-  	background: sprite("track_and_arrows.png" [-15 0 15 14]);
-  	width: 15px;
-    height: 14px;
-    right: 0px;
-  }
-
-  /* Active */
-  .button-left:active, .button-top:active {
-  	background: sprite("track_and_arrows_active.png" [-40 0 26 14]);
-  }
-
-  .button-right:active, .button-bottom:active {
-  	background: sprite("track_and_arrows_active.png" [-15 0 15 14]);
-  }
-
-  /* Thumb */
-  .thumb {
-  	position:absolute;
-  }
-
-  .thumb-center {
-  	position: absolute;
-  	height: 14px;
-  	left: 10px;
-  	right: 10px;
-  	background: sprite("thumb.png" repeat-x [10 0 1 14]);
-  }
-
-  .thumb-left, .thumb-top {
-  	position: absolute;
-  	height: 14px;
-  	left: 0px;
-  	width: 10px;
-  	background: sprite("thumb.png" [0 0 10 14]);
-  }
-
-  .thumb-right, .thumb-bottom {
-  	position: absolute;
-  	height: 14px;
-  	right: 0px;
-  	width: 10px;
-  	background: sprite("thumb.png" [-10 0 10 14]);
-  }
-}

data/lib/frameworks/sproutcore/themes/ace/src/controls/scroll/vertical/vertical.css

@@ -1,74 +0,0 @@
-/* Track */
-@view(sc-scroller-view).sc-vertical .track {
-	position: absolute;
-	top: 0px;
-	bottom: 0px;
-	left: 0;
-	right: 0;
-	background: sprite("track_and_arrows.png" repeat-y [0 16 14 1]);
-}
-
-/* Cap */
-@view(sc-scroller-view).sc-vertical .cap {
-	position:absolute;
-	height: 16;
-	width: 14px;
-	height: 16px;
-	top: 0px;
-	background: sprite("track_and_arrows.png" [0 0 14 16]);
-}
-
-/* Buttons */
-@view(sc-scroller-view).sc-vertical .button-top {
-	position:absolute;
-	background: sprite("track_and_arrows.png" [0 -40 14 26]);
-	height: 26px;
-    width: 14px;
-    bottom: 16px;
-}
-
-@view(sc-scroller-view).sc-vertical .button-bottom {
-	position:absolute;
-	background: sprite("track_and_arrows.png" [0 -15 14 15]);
-	height: 16px;
-    width: 14px;
-    bottom: 0px;
-}
-
-/* Active */
-@view(sc-scroller-view).sc-vertical .button-top:active {
-	background: sprite("track_and_arrows_active.png" [0 -40 14 26]);
-}
-
-@view(sc-scroller-view).sc-vertical .button-bottom:active {
-	background: sprite("track_and_arrows_active.png" [0 -15 14 15]);
-}
-
-/* Thumb */
-@view(sc-scroller-view).sc-vertical .thumb {
-	position:absolute;
-}
-
-@view(sc-scroller-view).sc-vertical .thumb-center {
-	position: absolute;
-	width: 14px;
-	top: 10px;
-	bottom: 10px;
-	background: sprite("thumb.png" repeat-y [0 10 14 1]);
-}
-
-@view(sc-scroller-view).sc-vertical .thumb-top {
-	position: absolute;
-	width: 14px;
-	top: 0px;
-	height: 10px;
-	background: sprite("thumb.png" [0 0 14 10]);
-}
-
-@view(sc-scroller-view).sc-vertical .thumb-bottom {
-	position: absolute;
-	width: 14px;
-	bottom: 0px;
-	height: 10px;
-	background: sprite("thumb.png" [0 -10 14 10]);
-}

data/lib/frameworks/sproutcore/themes/ace/src/controls/segmented/18px/segmented.css

@@ -1,92 +0,0 @@
-@theme(sc-small-size)
-
-@view(sc-segmented-view) {
-  
-  /*
-    DEFAULT STATE
-  */
-  .sc-segment {
-    height: 18px;
-    
-    .button-left {
-      width: 8px;
-      height: 18px;
-      background: sprite("segmented_normal.png" [100 8]);
-    }
-    
-    .button-right {
-      width: 8px;
-      height: 18px;
-      background: sprite("segmented_normal.png" [92 8]);
-    }
-    
-    .button-middle {
-      height: 18px;
-      background: sprite("segmented_normal.png" repeat-x [8, 1]);
-    }
-    
-    .sc-button-label {
-      font-size: 11px;
-      margin-top: -2px;
-    }
-  }
-  
-  .sc-segment.sc-first-segment .button-left {
-    background: sprite("segmented_normal.png" [0 8]);  
-  }
-    
-  .sc-segment.sc-last-segment .button-right {
-    background: sprite("segmented_normal.png" [-8]);  
-  }
-  
-  
-  /* ACTIVE STATE */
-  .sc-segment.active {
-    .button-left { background: sprite("segmented_active.png" [100 8]); }
-    .button-right { background: sprite("segmented_active.png" [92 8]); }
-    .button-middle { background: sprite("segmented_active.png" repeat-x [8, 1]); }
-  }
-  
-  .sc-segment.active.sc-first-segment {
-    .button-left { background: sprite("segmented_active.png" [0 8]); }  
-  }
-  
-  .sc-segment.active.sc-last-segment {
-    .button-right { background: sprite("segmented_active.png" [-8]); }
-  }
-  
-  
-  /* SELECTED STATE */
-  .sc-segment.sel {
-    .button-left { background: sprite("segmented_selected.png" [100 8]); }
-    .button-right { background: sprite("segmented_selected.png" [92 8]); }  
-    .button-middle { background: sprite("segmented_selected.png" repeat-x [8, 1]); }
-  }
-
-  .sc-segment.sel.sc-first-segment .button-left {
-    background: sprite("segmented_selected.png" [0 8]);  
-  }
-
-  .sc-segment.sel.sc-last-segment .button-right {
-    background: sprite("segmented_selected.png" [-8]);
-  }
-  
-  
-  /* SELECTED ACTIVE STATE */
-  .sc-segment.sel.active {
-    .button-left { background: sprite("segmented_selected_active.png" [100 8]); }
-    .button-right { background: sprite("segmented_selected_active.png" [92 8]); }  
-    .button-middle { background: sprite("segmented_selected_active.png" repeat-x [8, 1]); }
-  }
-
-  .sc-segment.sel.active.sc-first-segment .button-left {
-    background: sprite("segmented_selected_active.png" [0 8]);  
-  }
-
-  .sc-segment.sel.active.sc-last-segment .button-right {
-    background: sprite("segmented_selected_active.png" [-8]);
-  }
-
-}
-
-@end

data/lib/frameworks/sproutcore/themes/ace/src/controls/segmented/24px/segmented.css

@@ -1,87 +0,0 @@
-@theme(sc-regular-size)
-
-@view(sc-segmented-view) {
-    
-  /*
-    DEFAULT STATE
-  */
-  .sc-segment {
-    height: 24px;
-    
-    .button-left {
-      width: 8px;
-      height: 24px;
-      background: sprite("segmented_normal.png" [100 8]);
-    }
-    
-    .button-right {
-      width: 8px;
-      height: 24px;
-      background: sprite("segmented_normal.png" [92 8]);
-    }
-    
-    .button-middle {
-      height: 24px;
-      background: sprite("segmented_normal.png" repeat-x [8, 1]);
-    }
-  }
-  
-  .sc-segment.sc-first-segment .button-left {
-    background: sprite("segmented_normal.png" [0 8]);  
-  }
-    
-  .sc-segment.sc-last-segment .button-right {
-    background: sprite("segmented_normal.png" [-8]);  
-  }
-  
-  
-  /* ACTIVE STATE */
-  .sc-segment.active {
-    .button-left { background: sprite("segmented_active.png" [100 8]); }
-    .button-right { background: sprite("segmented_active.png" [92 8]); }
-    .button-middle { background: sprite("segmented_active.png" repeat-x [8, 1]); }
-  }
-  
-  .sc-segment.active.sc-first-segment {
-    .button-left { background: sprite("segmented_active.png" [0 8]); }  
-  }
-  
-  .sc-segment.active.sc-last-segment {
-    .button-right { background: sprite("segmented_active.png" [-8]); }
-  }
-  
-  
-  /* SELECTED STATE */
-  .sc-segment.sel {
-    .button-left { background: sprite("segmented_selected.png" [100 8]); }
-    .button-right { background: sprite("segmented_selected.png" [92 8]); }  
-    .button-middle { background: sprite("segmented_selected.png" repeat-x [8, 1]); }
-  }
-
-  .sc-segment.sel.sc-first-segment .button-left {
-    background: sprite("segmented_selected.png" [0 8]);  
-  }
-
-  .sc-segment.sel.sc-last-segment .button-right {
-    background: sprite("segmented_selected.png" [-8]);
-  }
-  
-  
-  /* SELECTED ACTIVE STATE */
-  .sc-segment.sel.active {
-    .button-left { background: sprite("segmented_selected_active.png" [100 8]); }
-    .button-right { background: sprite("segmented_selected_active.png" [92 8]); }  
-    .button-middle { background: sprite("segmented_selected_active.png" repeat-x [8, 1]); }
-  }
-
-  .sc-segment.sel.active.sc-first-segment .button-left {
-    background: sprite("segmented_selected_active.png" [0 8]);  
-  }
-
-  .sc-segment.sel.active.sc-last-segment .button-right {
-    background: sprite("segmented_selected_active.png" [-8]);
-  }
-
-}
-
-@end