RubyGems - sproutcore - Versions diffs - 1.0.1046 → 1.0.1049.pre.1 - Mend

sproutcore 1.0.1046 → 1.0.1049.pre.1

Files changed (1498) hide show

data/frameworks/sproutcore/themes/ace/scroll_test/resources/images/1.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/ace/scroll_test/resources/images/2.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/ace/scroll_test/resources/images/3.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/ace/scroll_test/resources/theme.css ADDED Viewed

@@ -0,0 +1,147 @@
+/* Track */
+.sc-theme .sc-view.sc-scroller-view.vertical .track {
+	position: absolute;
+	top: 0px;
+	bottom: 0px;
+	left: 0;
+	right: 0;
+	background: url("images/3.png") -0px -0px repeat-y;
+}
+/* Cap */
+.sc-theme .sc-view.sc-scroller-view.vertical .cap {
+	position:absolute;
+	height: 16;
+	width: 14px;
+	height: 16px;
+	top: 0px;
+	background: url("images/1.png") -58px -14px no-repeat;
+}
+/* Buttons */
+.sc-theme .sc-view.sc-scroller-view.vertical .button-top {
+	position:absolute;
+	background: url("images/1.png") -30px -14px no-repeat;
+	height: 26px;
+    width: 14px;
+    bottom: 14px;
+}
+.sc-theme .sc-view.sc-scroller-view.vertical .button-bottom {
+	position:absolute;
+	background: url("images/1.png") -0px -40px no-repeat;
+	height: 15px;
+    width: 14px;
+    bottom: 0px;
+}
+/* Active */
+.sc-theme .sc-view.sc-scroller-view.vertical .button-top:active {
+	background: url("images/1.png") -44px -14px no-repeat;
+}
+.sc-theme .sc-view.sc-scroller-view.vertical .button-bottom:active {
+	background: url("images/1.png") -14px -40px no-repeat;
+}
+/* Thumb */
+.sc-theme .sc-view.sc-scroller-view.vertical .thumb {
+	position:absolute;
+}
+.sc-theme .sc-view.sc-scroller-view.vertical .thumb-center {
+	position: absolute;
+	width: 14px;
+	top: 10px;
+	bottom: 10px;
+	background: url("images/3.png") -14px -0px repeat-y;
+}
+.sc-theme .sc-view.sc-scroller-view.vertical .thumb-top {
+	position: absolute;
+	width: 14px;
+	top: 0px;
+	height: 10px;
+	background: url("images/1.png") -42px -40px no-repeat;
+}
+.sc-theme .sc-view.sc-scroller-view.vertical .thumb-bottom {
+	position: absolute;
+	width: 14px;
+	bottom: 0px;
+	height: 10px;
+	background: url("images/1.png") -28px -40px no-repeat;
+}/* Track */
+.sc-theme .sc-view.sc-scroller-view.horizontal .track {
+	position: absolute;
+	left: 0px;
+	right: 0px;
+	top: 0;
+	bottom: 0;
+	background: url("images/2.png") -0px -0px repeat-x;
+}
+/* Cap */
+.sc-theme .sc-view.sc-scroller-view.horizontal .cap {
+	position:absolute;
+	width: 16;
+	height: 14px;
+	width: 16px;
+	left: 0px;
+	background: url("images/1.png") -52px -0px no-repeat;
+}
+/* Buttons */
+.sc-theme .sc-view.sc-scroller-view.horizontal .button-left {
+	position:absolute;
+	background: url("images/1.png") -0px -0px no-repeat;
+	width: 26px;
+    height: 14px;
+    right: 14px;
+}
+.sc-theme .sc-view.sc-scroller-view.horizontal .button-right {
+	position:absolute;
+	background: url("images/1.png") -15px -14px no-repeat;
+	width: 15px;
+    height: 14px;
+    right: 0px;
+}
+/* Active */
+.sc-theme .sc-view.sc-scroller-view.horizontal .button-left:active {
+	background: url("images/1.png") -26px -0px no-repeat;
+}
+.sc-theme .sc-view.sc-scroller-view.horizontal .button-right:active {
+	background: url("images/1.png") -0px -14px no-repeat;
+}
+/* Thumb */
+.sc-theme .sc-view.sc-scroller-view.horizontal .thumb {
+	position:absolute;
+}
+.sc-theme .sc-view.sc-scroller-view.horizontal .thumb-center {
+	position: absolute;
+	height: 14px;
+	left: 10px;
+	right: 10px;
+	background: url("images/2.png") -0px -14px repeat-x;
+}
+.sc-theme .sc-view.sc-scroller-view.horizontal .thumb-left {
+	position: absolute;
+	height: 14px;
+	left: 0px;
+	width: 10px;
+	background: url("images/1.png") -68px -0px no-repeat;
+}
+.sc-theme .sc-view.sc-scroller-view.horizontal .thumb-right {
+	position: absolute;
+	height: 14px;
+	right: 0px;
+	width: 10px;
+	background: url("images/1.png") -56px -40px no-repeat;
+}

data/frameworks/sproutcore/themes/ace/scroll_test/scrollbars.html ADDED Viewed

@@ -0,0 +1,326 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<style>
+	.sc-view {
+		overflow:hidden;
+		position:absolute;
+	}
+	</style>
+	<link href = "resources/theme.css" rel="stylesheet" type="text/css">
+    <title>
+      SC Scrollbars
+    </title>
+  </head>
+  <body class = "sc-theme">
+    <div style="BOTTOM: 0px; TOP: 0px; RIGHT: 0px; LEFT: 0px" id="sc335" class="sc-view sc-scroll-view sc-gray-border">
+      <div style="BOTTOM: 0px; TOP: 0px; RIGHT: 13px; LEFT: 0px" id="sc336" class="sc-view sc-container-view">
+        <div style="MIN-HEIGHT: 4652px; BOTTOM: 0px; TOP: 0px; RIGHT: 0px; LEFT: 0px" id="sc337" class="sc-view sc-collection-view sc-list-view focus">
+          <div style="HEIGHT: 80px; TOP: 0px; RIGHT: 0px; LEFT: 0px" id="sc337-0" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Alabama</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 83px; RIGHT: 0px; LEFT: 0px" id="sc337-1" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Alaska</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 166px; RIGHT: 0px; LEFT: 0px" id="sc337-2" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>American Samoa</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 249px; RIGHT: 0px; LEFT: 0px" id="sc337-3" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Arizona</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 332px; RIGHT: 0px; LEFT: 0px" id="sc337-4" class="sc-view sc-list-item-view sc-collection-item even sel sc-regular-size">
+            <div class="sc-outline">
+              <label>Arkansas</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 415px; RIGHT: 0px; LEFT: 0px" id="sc337-5" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>California</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 498px; RIGHT: 0px; LEFT: 0px" id="sc337-6" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Colorado</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 581px; RIGHT: 0px; LEFT: 0px" id="sc337-7" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Connecticut</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 664px; RIGHT: 0px; LEFT: 0px" id="sc337-8" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Delaware</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 747px; RIGHT: 0px; LEFT: 0px" id="sc337-9" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>District of Columbia</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 830px; RIGHT: 0px; LEFT: 0px" id="sc337-10" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Florida</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 913px; RIGHT: 0px; LEFT: 0px" id="sc337-11" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Georgia</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 996px; RIGHT: 0px; LEFT: 0px" id="sc337-12" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Guam</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 1079px; RIGHT: 0px; LEFT: 0px" id="sc337-13" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Hawaii</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 1162px; RIGHT: 0px; LEFT: 0px" id="sc337-14" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Idaho</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 1245px; RIGHT: 0px; LEFT: 0px" id="sc337-15" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Illinois</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 1328px; RIGHT: 0px; LEFT: 0px" id="sc337-16" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Indiana</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 1411px; RIGHT: 0px; LEFT: 0px" id="sc337-17" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Iowa</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 1494px; RIGHT: 0px; LEFT: 0px" id="sc337-18" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Kansas</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 1577px; RIGHT: 0px; LEFT: 0px" id="sc337-19" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Kentucky</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 1660px; RIGHT: 0px; LEFT: 0px" id="sc337-20" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Louisiana</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 1743px; RIGHT: 0px; LEFT: 0px" id="sc337-21" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Maine</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 1826px; RIGHT: 0px; LEFT: 0px" id="sc337-22" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Maryland</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 1909px; RIGHT: 0px; LEFT: 0px" id="sc337-23" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Massachusetts</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 1992px; RIGHT: 0px; LEFT: 0px" id="sc337-24" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Michigan</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 2075px; RIGHT: 0px; LEFT: 0px" id="sc337-25" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Minnesota</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 2158px; RIGHT: 0px; LEFT: 0px" id="sc337-26" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Mississippi</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 2241px; RIGHT: 0px; LEFT: 0px" id="sc337-27" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Missouri</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 2324px; RIGHT: 0px; LEFT: 0px" id="sc337-28" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Montana</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 2407px; RIGHT: 0px; LEFT: 0px" id="sc337-29" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Nebraska</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 2490px; RIGHT: 0px; LEFT: 0px" id="sc337-30" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Nevada</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 2573px; RIGHT: 0px; LEFT: 0px" id="sc337-31" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>New Hampshire</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 2656px; RIGHT: 0px; LEFT: 0px" id="sc337-32" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>New Jersey</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 2739px; RIGHT: 0px; LEFT: 0px" id="sc337-33" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>New Mexico</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 2822px; RIGHT: 0px; LEFT: 0px" id="sc337-34" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>New York</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 2905px; RIGHT: 0px; LEFT: 0px" id="sc337-35" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>North Carolina</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 2988px; RIGHT: 0px; LEFT: 0px" id="sc337-36" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>North Dakota</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 3071px; RIGHT: 0px; LEFT: 0px" id="sc337-37" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Northern Marianas Islands</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 3154px; RIGHT: 0px; LEFT: 0px" id="sc337-38" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Ohio</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 3237px; RIGHT: 0px; LEFT: 0px" id="sc337-39" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Oklahoma</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 3320px; RIGHT: 0px; LEFT: 0px" id="sc337-40" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Oregon</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 3403px; RIGHT: 0px; LEFT: 0px" id="sc337-41" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Pennsylvania</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 3486px; RIGHT: 0px; LEFT: 0px" id="sc337-42" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Puerto Rico</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 3569px; RIGHT: 0px; LEFT: 0px" id="sc337-43" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Rhode Island</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 3652px; RIGHT: 0px; LEFT: 0px" id="sc337-44" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>South Carolina</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 3735px; RIGHT: 0px; LEFT: 0px" id="sc337-45" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>South Dakota</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 3818px; RIGHT: 0px; LEFT: 0px" id="sc337-46" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Tennessee</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 3901px; RIGHT: 0px; LEFT: 0px" id="sc337-47" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Texas</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 3984px; RIGHT: 0px; LEFT: 0px" id="sc337-48" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Utah</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 4067px; RIGHT: 0px; LEFT: 0px" id="sc337-49" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Vermont</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 4150px; RIGHT: 0px; LEFT: 0px" id="sc337-50" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Virginia</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 4233px; RIGHT: 0px; LEFT: 0px" id="sc337-51" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Virgin Islands</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 4316px; RIGHT: 0px; LEFT: 0px" id="sc337-52" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Washington</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 4399px; RIGHT: 0px; LEFT: 0px" id="sc337-53" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>West Virginia</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 4482px; RIGHT: 0px; LEFT: 0px" id="sc337-54" class="sc-view sc-list-item-view sc-collection-item even sc-regular-size">
+            <div class="sc-outline">
+              <label>Wisconsin</label>
+            </div>
+          </div>
+          <div style="HEIGHT: 80px; TOP: 4565px; RIGHT: 0px; LEFT: 0px" id="sc337-55" class="sc-view sc-list-item-view sc-collection-item odd sc-regular-size">
+            <div class="sc-outline">
+              <label>Wyoming</label>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div style="BOTTOM: 0px; HEIGHT: 14px; RIGHT: 14px; LEFT: 0px;" id="sc342" class="sc-view sc-scroller-view hidden horizontal">
+        <div class="track"></div>
+        <div class="button-left"></div>
+        <div class="button-right"></div>
+        <div class="cap"></div>
+        <div style="LEFT: 4px; WIDTH: 507px" class="thumb">
+          <div style="HEIGHT: 487px" class="thumb-center"></div>
+          <div class="thumb-left"></div>
+          <div class="thumb-right"></div>
+        </div>
+      </div>
+      <div style="WIDTH: 14px; BOTTOM: 14px; TOP: 0px; RIGHT: 0px" id="sc344" class="sc-view sc-scroller-view vertical">
+        <div class="track"></div>
+        <div class="button-bottom"></div>
+        <div class="button-top active"></div>
+        <div class="cap"></div>
+        <div style="HEIGHT: 165px; TOP: 4px" class="thumb">
+          <div style="HEIGHT: 145px" class="thumb-center"></div>
+          <div class="thumb-top"></div>
+          <div class="thumb-bottom"></div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>