RubyGems - sproutit-sproutcore - Versions diffs - 1.0.20090721145236 → 1.0.20090721145251 - Mend

sproutit-sproutcore 1.0.20090721145236 → 1.0.20090721145251

Files changed (933) hide show

data/frameworks/sproutcore/lib/index.rhtml ADDED Viewed

@@ -0,0 +1,121 @@
+<% # SPROUTCORE DEFAULT INDEX TEMPLATE
+   # This template provide provides a basic wrapper for a SproutCore client.
+   # Most of the time, it will be sufficient for your own needs.  However, if
+   # you need to create your own template, you can do so by copying this file
+   # into your client, naming it 'index.rhtml' and then adding the options
+   # :layout => 'lib/index' to your Buildfile.
+   #
+   # See the comments in this file for more information on what you can
+   # change.
+-%>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
+	<meta http-equiv="X-UA-Compatible" content="IE=8" />
+<% # Set the 'title' in your config to alter this setting %>
+    <title><%= title %></title>
+<% #
+   # You may choose to load one or more bootstrap resources.  These are
+   # JS targets that you would like to load at the top of the page.  Specify
+   # these in your Buildfile with the 'bootstrap' config.
+-%>
+ <% if config.bootstrap %>
+  <script src="<%= static_url(config.bootstrap) %>" type="text/javascript"></script>
+  <% end -%>
+<% #
+   # Bootstrap code is loaded at the top of your page to do any early setup
+   # you might need, including basic browser detection.  The default
+   # bootstrap code provided by SproutCore simply detects your browser
+   # platform.  Add more by including templates targeting the bootstrap
+-%>
+  <% if @content_for_bootstrap %>
+  <script type="text/javascript">
+  <%= @content_for_bootstrap %>
+  </script>
+  <% end -%>
+<% #
+   # This line should appear in your head area to include the stylesheets
+   # generated by your client.  If you need to include your own
+   # stylesheets, you don't need to change it here.  Instead use the
+   # required option in your config.
+-%>
+   <%= stylesheets_for_client %>
+   <%= @content_for_page_styles %>
+  </head>
+<% # The theme CSS class is added automatically based on your chosen theme.
+   # If you need to specify a custom theme name, use CONFIG.theme_name
+-%>
+  <body class="<%= [theme_name(:default => 'sc-theme'), 'focus'].compact.join(' ') %>">
+<% # This section is used to setup additional optional class names on the
+   # body content based on JS-selected conditions.  Use this to make sure you
+   # show the proper CSS as soon as the page appears.
+-%>
+<% unless @content_for_setup_body_class_names.blank? %>
+    <script type="text/javascript">
+    <%= @content_for_setup_body_class_names %>
+    </script>
+<% end -%>
+<% #
+   # This is where you root body element will appear.  To cause your
+   # content to appear here, just declare content_for('body') in one of
+   # your partials.
+-%>
+<%= @content_for_body %>
+<% #
+   # This is where your loading screen will appear.  To add a loading screen
+   # just declare content_for('loading') in one of your partials. If you use
+   # sc-gen to generate your app, it will create a file called loading.rhtml
+   # under english.lproj. You can insert the desired content there.
+-%>
+<% unless @content_for_loading.blank? %>
+<div id="loading">
+<%= @content_for_loading %>
+</div>
+<% end -%>
+<% #
+   # This is where the resources you declare will appear.  By default anything
+   # you add to partials will be added to this section unless you specify
+   # otherwise.  Note that resources are initially hidden so you can pull them
+   # apart as needed on page load.
+-%>
+<% unless @content_for_resources.blank? %>
+    <!-- Resources to be removed from DOM on page load -->
+    <div id="resources" style="display:none; visibility: hidden;">
+      <%= @content_for_resources -%>
+    </div>
+<% end -%>
+<% #
+   # This line should appear at the bottom of your page to include your
+   # generated JavaScript and any libraries you reference.  If you need
+   # to include other javascripts, add them to the :requires option of
+   # your client in routes.rb instead of changing it here.
+-%>
+<%= javascripts_for_client %>
+<% unless @content_for_page_javascript.blank? %>
+<%= @content_for_page_javascript %>
+<% end -%>
+<% #
+   # If you use old-style view helpers in your page, this method must be
+   # called to actually add the page views to your HTML.  Normally this will
+   # not generate any content.
+-%>
+<% #render_page_views -%>
+<% # Older SproutCore applications need SC.didLoad to be called after onload.
+   # This is no longer required by SproutCore so it is off by default.  To
+   # reenable set use_window_onload = true in yur config.
+-%>
+<% if config.use_window_onload %>
+<!-- Start SproutCore on Page Load -->
+    <script type="text/javascript">window.onload = SC.didLoad;</script>
+<% end -%>
+<% #
+   # The final content section can be used to add any last minute setup you
+   # need to do before the page ends.  This is required for loading unit
+   # tests among other things.
+-%>
+<%= @content_for_final -%>
+	</body>
+</html>

data/frameworks/sproutcore/license.js ADDED Viewed

@@ -0,0 +1,28 @@
+/*! @license
+==========================================================================
+SproutCore -- JavaScript Application Framework
+copyright 2006-2008, Sprout Systems, Inc. and contributors.
+Permission is hereby granted, free of charge, to any person obtaining a
+copy of this software and associated documentation files (the "Software"),
+to deal in the Software without restriction, including without limitation
+the rights to use, copy, modify, merge, publish, distribute, sublicense,
+and/or sell copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following conditions:
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+DEALINGS IN THE SOFTWARE.
+For more information about SproutCore, visit http://www.sproutcore.com
+==========================================================================
+@license */

data/frameworks/sproutcore/themes/empty_theme/tests/mini_icons.rhtml ADDED Viewed

@@ -0,0 +1,69 @@
+<style>
+table.mini td {
+  border: 1px #ccc solid;
+}
+table.mini td div {
+  width: 20px;
+  height: 20px;
+}
+table.mini td div img {
+  position: relative;
+  left: 2px;
+  top: 2px;
+}
+#qunit { display: none; }
+.invert {
+  background-color: #003f85;
+}
+</style>
+<script>
+function setClass(classNames) {
+  console.log('setClass ' + classNames);
+  Q$('table').attr('class', 'mini ' + classNames);
+};
+</script>
+<% @icon_names = %w(carat-1-n carat-1-ne carat-1-e carat-1-se carat-1-s carat-1-sw carat-1-w carat-1-nw carat-2-n-s carat-2-e-w triangle-1-n triangle-1-ne triangle-1-e triangle-1-se triangle-1-s triangle-1-sw triangle-1-w triangle-1-nw triangle-2-n-s triangle-2-e-w arrow-1-n arrow-1-ne arrow-1-e arrow-1-se arrow-1-s arrow-1-sw arrow-1-w arrow-1-nw arrow-2-n-s arrow-2-ne-sw arrow-2-e-w arrow-2-se-nw arrowstop-1-n arrowstop-1-e arrowstop-1-s arrowstop-1-w arrowthick-1-n arrowthick-1-ne arrowthick-1-e arrowthick-1-se arrowthick-1-s arrowthick-1-sw arrowthick-1-w arrowthick-1-nw arrowthick-2-n-s arrowthick-2-ne-sw arrowthick-2-e-w arrowthick-2-se-nw arrowthickstop-1-n arrowthickstop-1-e arrowthickstop-1-s arrowthickstop-1-w arrowreturnthick-1-w arrowreturnthick-1-n arrowreturnthick-1-e arrowreturnthick-1-s arrowreturn-1-w arrowreturn-1-n arrowreturn-1-e arrowreturn-1-s arrowrefresh-1-w arrowrefresh-1-n arrowrefresh-1-e arrowrefresh-1-s arrow-4 arrow-4-diag extlink newwin refresh shuffle transfer-e-w transferthick-e-w folder-collapsed folder-open document document-b note mail-closed mail-open suitcase comment person print trash locked unlocked bookmark tag home flag calendar cart pencil clock disk calculator zoomin zoomout search wrench gear heart star link cancel plus plusthick minus minusthick close closethick key lightbulb scissors clipboard copy contact image video script alert info notice help check bullet radio-off radio-on pin-w pin-s play pause seek-next seek-prev seek-end seek-first stop eject volume-off volume-on power signal-diag signal battery-0 battery-1 battery-2 battery-3 circle-plus circle-minus circle-close circle-triangle-e circle-triangle-s circle-triangle-w circle-triangle-n circle-arrow-e circle-arrow-s circle-arrow-w circle-arrow-n circle-zoomin circle-zoomout circle-check circlesmall-plus circlesmall-minus circlesmall-close squaresmall-plus squaresmall-minus squaresmall-close grip-dotted-vertical grip-dotted-horizontal grip-solid-vertical grip-solid-horizontal gripsmall-diagonal-se grip-diagonal-se)
+-%>
+<h1>Mini Icons</h1>
+<div class="states">
+  Set Class:
+<% %(regular,active,disabled,sel,disabled active,disabled sel).split(',').each do |class_name| %>
+<a onclick="console.log('hello!');setClass('<%= class_name %>');" href="javascript:console.log('hello!');"><%= class_name %></a> |
+<% end %>
+</div>
+<hr />
+<div class="normal">
+<div><strong>Normal</strong></div>
+<table class="mini"><tr>
+<% @icon_names.size.times do |idx| %>
+  <td><div><img src="<%= sc_static('blank') %>" class="icon sc-mini-icon <%= @icon_names[idx] %>" /></div></td>
+  <% if ((idx+1) % 16) == 0 %>
+    </tr><tr>
+  <% end %>
+<% end %>
+  </tr>
+</table>
+</div>
+<hr />
+<div class="invert">
+<div><strong>Inverted</strong></div>
+<table class="mini"><tr>
+<% @icon_names.size.times do |idx| %>
+  <td><div><img src="<%= sc_static('blank') %>" class="icon inverted sc-mini-icon <%= @icon_names[idx] %>" /></div></td>
+  <% if ((idx+1) % 16) == 0 %>
+    </tr><tr>
+  <% end %>
+<% end %>
+  </tr>
+</table>
+</div>

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/button.css ADDED Viewed

@@ -0,0 +1,41 @@
+.sc-view {
+	font-size: 20px;
+	font-weight: bold;
+	font-family: Helvetica, sans-serif;
+	margin: 0;
+	padding: 0;
+}
+.sc-view.sc-button-view {
+	border: none;
+	background-color: inherit;
+  margin: 3px auto;
+	border-width: 0px 14px 0px 14px;
+	color: #000;
+	text-shadow: #fff 0px 1px 1px;
+	-webkit-border-image: sc_static('images/whiteButton.png') 0 14 0 14;
+  text-decoration: none;
+}
+.sc-view.sc-button-view label {
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  margin: 0;
+  padding: 0;
+  line-height: 46px;
+  text-align: center;
+}
+.sc-view.sc-button-view.active {
+	-webkit-border-image: sc_static('images/blueButton.png') 0 14 0 14;
+	color: #fff;
+	text-shadow: #000 0px 1px 1px;
+}

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/core.css ADDED Viewed

@@ -0,0 +1,8 @@
+body {
+  background: sc_static('images/pinstripes') repeat;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  position: absolute;
+}

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/backButton.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/blueButton.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/cancel.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/grayButton.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/leftButton.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/listArrow.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/listArrowSel.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/listGroup.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/loading.gif ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/pinstripes.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/rightButton.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/selection.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/thumb.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/toggle.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/toggleOn.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/toolButton.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/toolbar.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/images/whiteButton.png ADDED Viewed

Binary file

data/frameworks/sproutcore/themes/iphone_theme/english.lproj/strings.js ADDED Viewed

@@ -0,0 +1,15 @@
+// ==========================================================================
+// Project:   IphoneTheme Strings
+// Copyright: ©2009 My Company, Inc.
+// ==========================================================================
+/*globals IphoneTheme */
+// Place strings you want to localize here.  In your app, use the key and
+// localize it using "key string".loc().  HINT: For your key names, use the
+// english string with an underscore in front.  This way you can still see
+// how your UI will look and you'll notice right away when something needs a
+// localized string added to this file!
+//
+SC.stringsFor('English', {
+  // "_String Key": "Localized String"
+}) ;

data/frameworks/sproutcore/themes/standard_theme/english.lproj/button.css ADDED Viewed

@@ -0,0 +1,331 @@
+/* @override http://localhost:4020/static/sproutcore/standard_theme/en/current/source/button.css?1245946971 */
+/* @group Button Core */
+.sc-theme .sc-button-view {
+  text-decoration: none ;
+  color: black ;
+  border: none ;
+  padding: 0;
+  display: inline-block ;
+}
+.sc-theme .sc-button-view.icon img.icon {
+  position: relative;
+  vertical-align: middle;
+  top: -2px;
+  margin-right: 2px;
+  height: 16px;
+  width: 16px;
+}
+.sc-theme .sc-button-view label.sc-button-label {
+  font-weight: normal;
+}
+/* @end */
+/* @group Square Style */
+/* @group Core */
+.sc-theme .sc-button-view.sc-regular-size.square {
+  text-shadow: #fff 0px 1px 0px;
+  text-align: center;
+}
+.sc-theme .sc-button-view.sc-regular-size.square .sc-button-inner {
+  display: block ;
+}
+.sc-theme .sc-button-view.sc-regular-size.square .sc-button-label {
+  display: block ;
+  text-align: center;
+  padding: 0px 0px 7px 0px;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.active .sc-button-label {
+  text-shadow:  black 0px -1px 0px;
+  color: white;
+}
+.sc-theme .sc-button-view.square.disabled .sc-button-label {
+  color: #999;
+  text-shadow: none;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.def .sc-button-label,
+.sc-theme .sc-button-view.sc-regular-size.square.sel .sc-button-label {
+	color: white;
+	text-shadow: #2a569e 0px -1px 0px;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.def.disabled .sc-button-label,
+.sc-theme .sc-button-view.sc-regular-size.square.sel.disabled .sc-button-label {
+	color: #ddd;
+	text-shadow: none;
+}
+/* @end */
+/* @group Regular Size */
+/* @group basic */
+.sc-theme .sc-button-view.sc-regular-size.square {
+  font-size: 12px;
+  max-height: 24px;
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -814px;
+}
+.sc-theme .sc-button-view.sc-regular-size.square .sc-button-inner {
+  height: 24px;
+  max-height: 24px;
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -789px;
+}
+.sc-theme .sc-button-view.sc-regular-size.square .sc-button-label {
+  height: 24px;
+  line-height: 24px;
+  margin-left: 11px;
+  margin-right: 11px;
+  background: static_url('images/sc-theme-repeat-x.png') repeat-x left -764px;
+}
+/* @end */
+/* @group active */
+.sc-theme .sc-button-view.sc-regular-size.square.active {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -913px;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.active .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -939px;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.active .sc-button-label {
+  background: static_url('images/sc-theme-repeat-x.png') repeat-x right -889px;
+}
+/* @end */
+/* @group disabled */
+.sc-theme .sc-button-view.sc-regular-size.square.disabled {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1064px;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.disabled .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1038px;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.disabled .sc-button-label {
+  background: static_url('images/sc-theme-repeat-x.png') repeat-x left -1014px;
+}
+/* @end */
+/* @group sel - def */
+.sc-theme .sc-button-view.sc-regular-size.square.def,
+.sc-theme .sc-button-view.sc-regular-size.square.sel {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1190px;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.def .sc-button-inner,
+.sc-theme .sc-button-view.sc-regular-size.square.sel .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1164px;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.def .sc-button-label,
+.sc-theme .sc-button-view.sc-regular-size.square.sel .sc-button-label {
+  background: static_url('images/sc-theme-repeat-x.png') repeat-x left -1140px;
+}
+/* @end */
+/* @group sel - def -active */
+.sc-theme .sc-button-view.sc-regular-size.square.def.active,
+.sc-theme .sc-button-view.sc-regular-size.square.sel.active {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1316px;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.def.active .sc-button-inner,
+.sc-theme .sc-button-view.sc-regular-size.square.sel.active .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1290px;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.def.active .sc-button-label,
+.sc-theme .sc-button-view.sc-regular-size.square.sel.active .sc-button-label {
+  background: static_url('images/sc-theme-repeat-x.png') repeat-x left -1266px;
+}
+/* @end */
+/* @group sel - def -disabled */
+.sc-theme .sc-button-view.sc-regular-size.square.def.disabled,
+.sc-theme .sc-button-view.sc-regular-size.square.sel.disabled {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1442px;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.def.disabled .sc-button-inner,
+.sc-theme .sc-button-view.sc-regular-size.square.sel.disabled .sc-button-inner {
+  background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1416px;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.def.disabled .sc-button-label,
+.sc-theme .sc-button-view.sc-regular-size.square.sel.disabled .sc-button-label {
+  background: static_url('images/sc-theme-repeat-x.png') repeat-x left -1392px;
+}
+/* @end */
+/* @end */
+/* @end */
+/* @group Capsule */
+/* @group basic */
+.sc-theme .sc-button-view.capsule {
+	font-size:   12px;
+	height:      24px;
+	max-height:  24px;
+	text-shadow: #fff 0px 1px 0px;
+  	text-align:  center;
+ 	background:  transparent static_url('images/sc-theme-repeat-x.png') no-repeat right -224px;
+}
+.sc-theme .sc-button-view.capsule .sc-button-inner {
+	background: static_url('images/sc-theme-repeat-x.png') no-repeat 0 -197px;
+  display: block ;
+  height: 24px;
+  max-height: 24px;
+}
+/* 170 - 250 - 490 */
+.sc-theme .sc-button-view.capsule .sc-button-label {
+ 	background: transparent static_url('images/sc-theme-repeat-x.png') repeat-x left -764px;
+  display: block ;
+  text-align: center;
+  padding: 0px 0px 7px 0px;
+  height: 24px;
+  margin-left: 12px;
+  margin-right: 12px;
+  line-height: 24px;
+  text-shadow: none;
+}
+/* @end */
+/* @group sel - def : capsule */
+.sc-theme .sc-button-view.capsule.sel,
+.sc-theme .sc-button-view.capsule.def {
+	background: transparent static_url('images/sc-theme-repeat-x.png') no-repeat scroll right -304px;
+}
+.sc-theme .sc-button-view.capsule.sel .sc-button-inner,
+.sc-theme .sc-button-view.capsule.def .sc-button-inner {
+	background: static_url('images/sc-theme-repeat-x.png') no-repeat 0 -277px;
+}
+.sc-theme .sc-button-view.capsule.sel .sc-button-label,
+.sc-theme .sc-button-view.capsule.def .sc-button-label {
+	background: static_url('images/sc-theme-repeat-x.png') repeat-x 0 -1140px;
+	color: white;
+	text-shadow: #2a569e 0px -1px 0px;
+}
+/* @end */
+/* @group disabled */
+.sc-theme .sc-button-view.capsule.disabled {
+	background: transparent static_url('images/sc-theme-repeat-x.png') no-repeat scroll right -544px;
+}
+.sc-theme .sc-button-view.capsule.disabled .sc-button-inner {
+	background: static_url('images/sc-theme-repeat-x.png') no-repeat 0 -517px;
+}
+.sc-theme .sc-button-view.capsule.disabled .sc-button-label {
+	background: static_url('images/sc-theme-repeat-x.png') repeat-x 0 -1014px;
+	color: #999;
+	text-shadow: none ;
+}
+/* @end */
+/* @group sel.disabled - def.disabled*/
+.sc-theme .sc-button-view.capsule.sel.disabled,
+.sc-theme .sc-button-view.capsule.def.disabled {
+	background: transparent static_url('images/sc-theme-repeat-x.png') no-repeat scroll right -544px;
+}
+.sc-theme .sc-button-view.capsule.sel.disabled .sc-button-inner,
+.sc-theme .sc-button-view.capsule.def.disabled .sc-button-inner {
+	background: static_url('images/sc-theme-repeat-x.png') no-repeat 0 -517px;
+}
+.sc-theme .sc-button-view.capsule.sel.disabled .sc-button-label,
+.sc-theme .sc-button-view.capsule.def.disabled .sc-button-label {
+	background: static_url('images/sc-theme-repeat-x.png') repeat-x 0 -1014px;
+	color: #999;
+	text-shadow: none ;
+}
+/* @end */
+/* @group sel.active - def.active */
+.sc-theme .sc-button-view.capsule.sel.active,
+.sc-theme .sc-button-view.capsule.def.active {
+	background: transparent static_url('images/sc-theme-repeat-x.png') no-repeat scroll right -464px;
+}
+.sc-theme .sc-button-view.capsule.sel.active .sc-button-inner,
+.sc-theme .sc-button-view.capsule.def.active .sc-button-inner {
+	background: static_url('images/sc-theme-repeat-x.png') no-repeat 0 -437px;
+}
+/* 410 */
+.sc-theme .sc-button-view.capsule.sel.active .sc-button-label,
+.sc-theme .sc-button-view.capsule.def.active .sc-button-label {
+	background: static_url('images/sc-theme-repeat-x.png') repeat-x 0 -1266px;
+	color:  white;
+}
+/* @end */
+/* @group active */
+.sc-theme .sc-button-view.capsule.active {
+	background: transparent static_url('images/sc-theme-repeat-x.png') no-repeat scroll right -384px;
+}
+.sc-theme .sc-button-view.capsule.active .sc-button-inner {
+	background: static_url('images/sc-theme-repeat-x.png') no-repeat 0 -357px;
+}
+/* 330 */
+.sc-theme .sc-button-view.capsule.active .sc-button-label {
+	background: static_url('images/sc-theme-repeat-x.png') repeat-x 0 -889px;
+	color: white;
+}
+/* @end */
+/* @end */