sproutit-sproutcore 1.0.20090721145236 → 1.0.20090721145251

data/frameworks/sproutcore/frameworks/designer/views/label.js

@@ -0,0 +1,16 @@
+// ========================================================================
+// SproutCore -- JavaScript Application Framework
+// Copyright ©2006-2008, Sprout Systems, Inc. and contributors.
+// Portions copyright ©2008 Apple, Inc.  All rights reserved.
+// ========================================================================
+
+sc_require('views/designer');
+
+SC.LabelView.Designer = SC.ViewDesigner.extend(
+/** @scope SC.LabelView.Designer.prototype */ {
+  
+  encodeChildViews: NO,
+  
+  designProperties: 'value escapeHTML'.w()
+  
+});

data/frameworks/sproutcore/frameworks/designer/views/mixins/button.js

@@ -0,0 +1,11 @@
+// ========================================================================
+// SproutCore -- JavaScript Application Framework
+// Copyright ©2006-2008, Sprout Systems, Inc. and contributors.
+// Portions copyright ©2008 Apple, Inc.  All rights reserved.
+// ========================================================================
+
+SC.Button.Designer = {
+
+  designProperties: 'title'.w()
+  
+};

data/frameworks/sproutcore/frameworks/designer/views/tab.js

@@ -0,0 +1,16 @@
+// ========================================================================
+// SproutCore -- JavaScript Application Framework
+// Copyright ©2006-2008, Sprout Systems, Inc. and contributors.
+// Portions copyright ©2008 Apple, Inc.  All rights reserved.
+// ========================================================================
+
+sc_require('views/designer');
+
+SC.TabView.Designer = SC.ViewDesigner.extend(
+/** @scope SC.TabView.Designer.prototype */ {
+  
+  encodeChildViews: NO,
+  
+  designProperties: 'nowShowing items itemTitleKey itemValueKey itemIsEnabledKey itemIconKey itemWidthKey tabLocation userDefaultKey'.w()
+  
+});

data/frameworks/sproutcore/frameworks/desktop/core.js

@@ -0,0 +1,6 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2009 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2009 Apple, Inc. All rights reserved.
+// License:   Licened under MIT license (see license.js)
+// ==========================================================================

data/frameworks/sproutcore/frameworks/desktop/debug/drag.js

@@ -0,0 +1,41 @@
+// ========================================================================
+// SproutCore -- JavaScript Application Framework
+// Copyright ©2006-2008, Sprout Systems, Inc. and contributors.
+// Portions copyright ©2008 Apple, Inc.  All rights reserved.
+// ========================================================================
+
+require('system/drag') ;
+
+SC.Drag.mixin(
+/** @scope SC.Drag */ {
+   
+  /**
+    Convenience method to turn an operation mask into a descriptive string.
+  */
+  inspectOperation: function(op) {
+    var ret = [] ;
+    if (op === SC.DRAG_NONE) {
+      ret = ['DRAG_NONE'];
+    } else if (op === SC.DRAG_ANY) {
+      ret = ['DRAG_ANY'] ;
+    } else {
+      if (op & SC.DRAG_LINK) {
+        ret.push('DRAG_LINK') ;
+      }
+      
+      if (op & SC.DRAG_COPY) {
+        ret.push('DRAG_COPY') ;
+      }
+      
+      if (op & SC.DRAG_MOVE) {
+        ret.push('DRAG_MOVE') ;
+      }
+      
+      if (op & SC.DRAG_REORDER) {
+        ret.push('DRAG_REORDER') ;
+      }
+    }
+    return ret.join('|') ;
+  }
+
+});

data/frameworks/sproutcore/frameworks/desktop/english.lproj/alert.css

@@ -0,0 +1,56 @@
+.sc-alert {
+  background: sc_static('standard-white-fade') repeat ;
+}
+
+.sc-pane.sc-panel.sc-alert > div > .sc-view {
+  overflow: visible;
+}
+
+.sc-alert .info {
+  position: relative ;
+  min-height: 48px;
+  padding: 20px 12px 58px 74px;
+}
+
+.sc-alert .info.plain {
+  padding: 20px 12px 58px 16px;
+}
+
+.sc-alert .info img.icon {
+  position: absolute;
+  left: 12px;
+  top: 14px;
+}
+
+.sc-alert .info h1 {
+  background-color: transparent;
+  color: black;
+  margin: 0;
+  padding: 0;
+  font-size: 16px;
+  margin-bottom: 6px;
+  font-family: inherit ;
+}
+
+.sc-alert .info p.description {
+  padding: 0;
+  margin: 6px 0px;
+  font-size: 12px;
+  margin-right: 20px;
+}
+
+.sc-alert .info p.caption {
+  padding: 0;
+  margin: 6px 0px;
+  font-size: 11px;
+  margin-right: 20px;
+}
+
+.sc-alert .info .seperator {
+  position: absolute;
+  width: 100%;
+  height: 2px;
+  left: 0px;
+  bottom: 50px;
+  background: #eaeaea ;
+}

data/frameworks/sproutcore/frameworks/desktop/english.lproj/debug/iframe.html

@@ -0,0 +1,23 @@
+<!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" xml:lang="en" lang="en">
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
+  <title>untitled</title>
+
+</head>
+
+<body>
+  IFRAME STARTS HERE
+  <div style="font-family:Helvetica,Arial,Sans-Serif; font-size:13px;" >
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tincidunt. Ut tristique eros vel lacus. Maecenas porttitor pharetra nisl. Mauris ultrices scelerisque massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris non tellus et nunc porttitor viverra. Integer laoreet augue quis augue. Pellentesque et quam. Curabitur a mi. Proin et elit sed felis tempor porta.</p>
+    <p>Aliquam auctor commodo elit. Nunc ac dui eu magna venenatis dignissim. Proin porttitor, dui ac scelerisque accumsan, purus tellus posuere ligula, a venenatis sem nisl quis ligula. Quisque dignissim. Cras fringilla, est non sagittis commodo, arcu massa sollicitudin dolor, sed dapibus lacus lacus vel mauris. Donec auctor volutpat libero. Etiam ullamcorper libero vitae ipsum. Praesent velit odio, convallis ac, iaculis ac, tristique id, neque. Ut purus justo, volutpat sed, pellentesque molestie, varius aliquam, libero. Duis venenatis, quam in viverra gravida, ipsum dui rhoncus lorem, sed adipiscing magna magna quis tellus. Morbi varius. Duis ac arcu. Fusce nisl dui, pharetra a, dapibus non, ultrices eget, erat. Vivamus ultrices erat a massa. Phasellus eget metus sed tellus molestie vehicula. Aliquam erat volutpat. Fusce mattis ipsum.</p>
+    <p>Cras mauris. Etiam porttitor nulla a erat. Aenean in neque. Proin nec turpis. Ut erat. Mauris pharetra consequat metus. Curabitur non erat ut nisi facilisis commodo. Nunc lacinia augue in eros. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam nec purus. Vestibulum elementum risus nec odio. Vestibulum ipsum. Phasellus id enim. Nam quam. Pellentesque aliquam vehicula magna. Sed sit amet felis sed dui tincidunt tristique.</p>
+    <p>Duis tincidunt. Aliquam vitae dui. Mauris sit amet ante. In suscipit, arcu nec consequat bibendum, nulla tellus commodo dolor, sed egestas metus nibh in libero. Nunc et dolor. Cras et tellus ac massa lacinia egestas. Curabitur at mauris. Vivamus placerat, sapien ut porttitor vestibulum, ligula sapien venenatis est, vitae posuere purus tortor non urna. Sed justo. Morbi venenatis, mauris ut dignissim mollis, massa enim venenatis velit, in feugiat libero neque a quam. Nulla fermentum mattis tellus. Vestibulum dignissim arcu ut risus vulputate congue. Fusce ornare, justo malesuada tempus tristique, sapien tellus interdum orci, nec elementum erat sem nec nisl. Aenean eu nunc. Duis eu quam id diam tempus interdum. Nulla et massa quis nulla euismod vulputate. Curabitur auctor.</p>
+    <p>Ut metus. Morbi gravida, urna quis egestas vulputate, odio nisl bibendum neque, ac malesuada purus enim sed orci. Ut vulputate sem eu nunc. Suspendisse at nisl. Fusce egestas arcu at orci. Mauris lectus nibh, commodo vitae, fringilla ac, euismod vel, sem. Ut tempor turpis eget nisi. Quisque ornare volutpat urna. Nam velit felis, blandit et, tempus quis, iaculis ac, mauris. Nunc a tortor eu est rutrum rutrum. Suspendisse odio leo, egestas id, pulvinar vitae, volutpat id, erat. Donec vehicula porta dolor. Cras dictum placerat leo. Maecenas commodo elementum tellus. Quisque non est et nunc auctor iaculis. Nam elementum, felis a consectetur tincidunt, tellus turpis interdum diam, vel luctus leo diam vel erat. Integer ipsum enim, sagittis ut, mattis in, facilisis at, quam. Duis non erat.</p>
+  </div>
+  <img src='/static/sproutcore/desktop/en/current/debug/a_sample_image.jpg'>
+</body>
+</html>

data/frameworks/sproutcore/frameworks/desktop/english.lproj/disclosure.css

@@ -0,0 +1,71 @@
+/* SC.DisclosureView - sc-theme */
+
+/* @group disclosure */
+
+/* @group basic */
+
+.sc-button-view.sc-disclosure-view {
+}
+
+.sc-button-view.sc-disclosure-view img.button {
+	width: 16px;
+	height: 16px;
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	background-image: static_url('icons/mini_222222.png') ;
+} 
+
+.sc-button-view.sc-disclosure-view .sc-button-label {
+	position: absolute;
+	left: 16px;
+	top: 0;
+	bottom: 0;
+	right: 0;
+}
+
+/* SC.DisclosureView - sc-theme */
+
+/* @group disclosure */
+
+/* @group basic */
+
+
+
+.sc-button-view.sc-disclosure-view.sel img.button {
+	background-position: 32px 16px ;
+}
+
+.sc-button-view.sc-disclosure-view img.button {
+	background-position: 64px 16px ;
+}
+
+
+
+/* @end */
+
+/* @group disabled */
+
+.sc-button-view.sc-disclosure-view.sel.disabled img.button {
+	background-position: 32px 16px ;
+}
+
+.sc-button-view.sc-disclosure-view.disabled img.button {
+	background-position: 64px 16px ;
+}
+
+/* @end */
+
+/* @group active */
+
+.sc-button-view.sc-disclosure-view.sel.active img.button {
+	background-position: 32px 16px ;
+}
+
+.sc-theme .sc-button-view.sc-disclosure-view.active img.button {
+	background-position: 64px 16px ;
+}
+
+/* @end */
+
+

data/frameworks/sproutcore/frameworks/desktop/english.lproj/drag.css

@@ -0,0 +1,6 @@
+.sc-view.sc-ghost-view {
+  opacity: 0.5;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; 
+  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
+  z-index: 10000;
+}

data/frameworks/sproutcore/frameworks/desktop/english.lproj/icons.css

@@ -0,0 +1,943 @@
+/*
+  These built-in icons are available for use in your own application free of charge.  Just pass one of these CSS classnames as an image.
+*/
+
+/* @group 48-Pixel Icons */
+
+.sc-icon-alert-48 {
+	width: 48px;
+	height: 48px;
+	background: no-repeat sc_static('icons/shared') left top;
+}
+
+.sc-icon-info-48 {
+	width: 48px;
+	height: 48px;
+	background: no-repeat sc_static('icons/shared') left -48px;
+}
+
+.sc-icon-error-48 {
+	width: 48px;
+	height: 48px;
+	background: no-repeat sc_static('icons/shared') left -96px;
+}
+
+
+/* @end */
+
+/* @group 24-Pixel Icons */
+
+.sc-icon-tools-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') 0px -144px;
+}
+
+.sc-icon-bookmark-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') -24px -144px;
+}
+
+.sc-icon-info-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') 0px -168px;
+}
+
+.sc-icon-help-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') -0px -192px;
+}
+
+.sc-icon-alert-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') -24px -192px;
+}
+
+.sc-icon-left-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') 0px -216px;
+}
+
+.sc-icon-right-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') -24px -216px;
+}
+
+.sc-icon-up-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') 0px -240px;
+}
+
+.sc-icon-down-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') -24px -240px;
+}
+
+.sc-icon-undo-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') 0px -264px;
+}
+
+.sc-icon-redo-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') -24px -264px;
+}
+
+.sc-icon-group-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') 0px -288px;
+}
+
+.sc-icon-user-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') -24px -288px;
+}
+
+.sc-icon-cancel-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') 0px -312px;
+}
+
+.sc-icon-options-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') -24px -312px;
+}
+
+.sc-icon-folder-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') 0px -336px;
+}
+
+.sc-icon-trash-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') -24px -336px;
+}
+
+.sc-icon-document-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') 0px -360px;
+}
+
+.sc-icon-favorite-24 {
+	width: 24px;
+	height: 24px;
+	background: no-repeat sc_static('icons/shared') -24px -360px;
+}
+
+/* @end */
+
+/* @group 16-Pixel Icons */
+
+.sc-icon-bookmark-16 {
+	width: 16px;
+	height: 16px;
+	background: no-repeat sc_static('icons/shared') -16px -384px;
+}
+
+.sc-icon-info-16 {
+	width: 16px;
+	height: 16px;
+	background: no-repeat sc_static('icons/shared') -32px -384px;
+}
+
+.sc-icon-help-16 {
+	width: 16px;
+	height: 16px;
+	background: no-repeat sc_static('icons/shared') -16px -400px;
+}
+
+.sc-icon-alert-16 {
+	width: 16px;
+	height: 16px;
+	background: no-repeat sc_static('icons/shared') -32px -400px;
+}
+
+.sc-icon-group-16 {
+	width: 16px;
+	height: 16px;
+	background: no-repeat sc_static('icons/shared') -0px -448px;
+}
+
+.sc-icon-user-16 {
+	width: 16px;
+	height: 16px;
+	background: no-repeat sc_static('icons/shared') -16px -448px;
+}
+
+.sc-icon-options-16 {
+	width: 16px;
+	height: 16px;
+	background: no-repeat sc_static('icons/shared') -0px -464px;
+}
+
+.sc-icon-folder-16 {
+	width: 16px;
+	height: 16px;
+	background: no-repeat sc_static('icons/shared') -16px -464px;
+}
+
+.sc-icon-trash-16 {
+	width: 16px;
+	height: 16px;
+	background: no-repeat sc_static('icons/shared') -32px -464px;
+}
+
+.sc-icon-document-16 {
+	width: 16px;
+	height: 16px;
+	background: no-repeat sc_static('icons/shared') -0px -480px;
+}
+
+.sc-icon-favorite-16 {
+	width: 16px;
+	height: 16px;
+	background: no-repeat sc_static('icons/shared') -16px -480px;
+}
+
+/* @end */
+
+/* @group Mini-Icons */
+
+.sc-mini-icon { 
+	width: 16px; 
+	height: 16px; 
+	background-image: sc_static('icons/mini_454545'); 
+	border: none ;
+}
+
+.active .sc-mini-icon,
+.sel .sc-mini-icon { 
+	background-image: sc_static('icons/mini_222222'); 
+}
+
+.active .sc-mini-icon.inverted,
+.sel .sc-mini-icon.inverted,
+.sc-mini-icon.inverted { 
+	background-image: sc_static('icons/mini_ffffff'); 
+}
+
+.disabled .sc-mini-icon,
+.active.disabled .sc-mini-icon,
+.sel.disabled .sc-mini-icon,
+.disabled .sc-mini-icon.inverted,
+.active.disabled .sc-mini-icon.inverted,
+.sel.disabled .sc-mini-icon.inverted { 
+	background-image: sc_static('icons/mini_888888'); 
+}
+
+.sc-mini-icon.carat-1-n {
+	background-position: 0 0;
+}
+
+.sc-mini-icon.carat-1-ne {
+	background-position: -16px 0;
+}
+
+.sc-mini-icon.carat-1-e {
+	background-position: -32px 0;
+}
+
+.sc-mini-icon.carat-1-se {
+	background-position: -48px 0;
+}
+
+.sc-mini-icon.carat-1-s {
+	background-position: -64px 0;
+}
+
+.sc-mini-icon.carat-1-sw {
+	background-position: -80px 0;
+}
+
+.sc-mini-icon.carat-1-w {
+	background-position: -96px 0;
+}
+
+.sc-mini-icon.carat-1-nw {
+	background-position: -112px 0;
+}
+
+.sc-mini-icon.carat-2-n-s {
+	background-position: -128px 0;
+}
+
+.sc-mini-icon.carat-2-e-w {
+	background-position: -144px 0;
+}
+
+.sc-mini-icon.triangle-1-n {
+	background-position: 0 -16px;
+}
+
+.sc-mini-icon.triangle-1-ne {
+	background-position: -16px -16px;
+}
+
+.sc-mini-icon.triangle-1-e {
+	background-position: -32px -16px;
+}
+
+.sc-mini-icon.triangle-1-se {
+	background-position: -48px -16px;
+}
+
+.sc-mini-icon.triangle-1-s {
+	background-position: -64px -16px;
+}
+
+.sc-mini-icon.triangle-1-sw {
+	background-position: -80px -16px;
+}
+
+.sc-mini-icon.triangle-1-w {
+	background-position: -96px -16px;
+}
+
+.sc-mini-icon.triangle-1-nw {
+	background-position: -112px -16px;
+}
+
+.sc-mini-icon.triangle-2-n-s {
+	background-position: -128px -16px;
+}
+
+.sc-mini-icon.triangle-2-e-w {
+	background-position: -144px -16px;
+}
+
+.sc-mini-icon.arrow-1-n {
+	background-position: 0 -32px;
+}
+
+.sc-mini-icon.arrow-1-ne {
+	background-position: -16px -32px;
+}
+
+.sc-mini-icon.arrow-1-e {
+	background-position: -32px -32px;
+}
+
+.sc-mini-icon.arrow-1-se {
+	background-position: -48px -32px;
+}
+
+.sc-mini-icon.arrow-1-s {
+	background-position: -64px -32px;
+}
+
+.sc-mini-icon.arrow-1-sw {
+	background-position: -80px -32px;
+}
+
+.sc-mini-icon.arrow-1-w {
+	background-position: -96px -32px;
+}
+
+.sc-mini-icon.arrow-1-nw {
+	background-position: -112px -32px;
+}
+
+.sc-mini-icon.arrow-2-n-s {
+	background-position: -128px -32px;
+}
+
+.sc-mini-icon.arrow-2-ne-sw {
+	background-position: -144px -32px;
+}
+
+.sc-mini-icon.arrow-2-e-w {
+	background-position: -160px -32px;
+}
+
+.sc-mini-icon.arrow-2-se-nw {
+	background-position: -176px -32px;
+}
+
+.sc-mini-icon.arrowstop-1-n {
+	background-position: -192px -32px;
+}
+
+.sc-mini-icon.arrowstop-1-e {
+	background-position: -208px -32px;
+}
+
+.sc-mini-icon.arrowstop-1-s {
+	background-position: -224px -32px;
+}
+
+.sc-mini-icon.arrowstop-1-w {
+	background-position: -240px -32px;
+}
+
+.sc-mini-icon.arrowthick-1-n {
+	background-position: 0 -48px;
+}
+
+.sc-mini-icon.arrowthick-1-ne {
+	background-position: -16px -48px;
+}
+
+.sc-mini-icon.arrowthick-1-e {
+	background-position: -32px -48px;
+}
+
+.sc-mini-icon.arrowthick-1-se {
+	background-position: -48px -48px;
+}
+
+.sc-mini-icon.arrowthick-1-s {
+	background-position: -64px -48px;
+}
+
+.sc-mini-icon.arrowthick-1-sw {
+	background-position: -80px -48px;
+}
+
+.sc-mini-icon.arrowthick-1-w {
+	background-position: -96px -48px;
+}
+
+.sc-mini-icon.arrowthick-1-nw {
+	background-position: -112px -48px;
+}
+
+.sc-mini-icon.arrowthick-2-n-s {
+	background-position: -128px -48px;
+}
+
+.sc-mini-icon.arrowthick-2-ne-sw {
+	background-position: -144px -48px;
+}
+
+.sc-mini-icon.arrowthick-2-e-w {
+	background-position: -160px -48px;
+}
+
+.sc-mini-icon.arrowthick-2-se-nw {
+	background-position: -176px -48px;
+}
+
+.sc-mini-icon.arrowthickstop-1-n {
+	background-position: -192px -48px;
+}
+
+.sc-mini-icon.arrowthickstop-1-e {
+	background-position: -208px -48px;
+}
+
+.sc-mini-icon.arrowthickstop-1-s {
+	background-position: -224px -48px;
+}
+
+.sc-mini-icon.arrowthickstop-1-w {
+	background-position: -240px -48px;
+}
+
+.sc-mini-icon.arrowreturnthick-1-w {
+	background-position: 0 -64px;
+}
+
+.sc-mini-icon.arrowreturnthick-1-n {
+	background-position: -16px -64px;
+}
+
+.sc-mini-icon.arrowreturnthick-1-e {
+	background-position: -32px -64px;
+}
+
+.sc-mini-icon.arrowreturnthick-1-s {
+	background-position: -48px -64px;
+}
+
+.sc-mini-icon.arrowreturn-1-w {
+	background-position: -64px -64px;
+}
+
+.sc-mini-icon.arrowreturn-1-n {
+	background-position: -80px -64px;
+}
+
+.sc-mini-icon.arrowreturn-1-e {
+	background-position: -96px -64px;
+}
+
+.sc-mini-icon.arrowreturn-1-s {
+	background-position: -112px -64px;
+}
+
+.sc-mini-icon.arrowrefresh-1-w {
+	background-position: -128px -64px;
+}
+
+.sc-mini-icon.arrowrefresh-1-n {
+	background-position: -144px -64px;
+}
+
+.sc-mini-icon.arrowrefresh-1-e {
+	background-position: -160px -64px;
+}
+
+.sc-mini-icon.arrowrefresh-1-s {
+	background-position: -176px -64px;
+}
+
+.sc-mini-icon.arrow-4 {
+	background-position: 0 -80px;
+}
+
+.sc-mini-icon.arrow-4-diag {
+	background-position: -16px -80px;
+}
+
+.sc-mini-icon.extlink {
+	background-position: -32px -80px;
+}
+
+.sc-mini-icon.newwin {
+	background-position: -48px -80px;
+}
+
+.sc-mini-icon.refresh {
+	background-position: -64px -80px;
+}
+
+.sc-mini-icon.shuffle {
+	background-position: -80px -80px;
+}
+
+.sc-mini-icon.transfer-e-w {
+	background-position: -96px -80px;
+}
+
+.sc-mini-icon.transferthick-e-w {
+	background-position: -112px -80px;
+}
+
+.sc-mini-icon.folder-collapsed {
+	background-position: 0 -96px;
+}
+
+.sc-mini-icon.folder-open {
+	background-position: -16px -96px;
+}
+
+.sc-mini-icon.document {
+	background-position: -32px -96px;
+}
+
+.sc-mini-icon.document-b {
+	background-position: -48px -96px;
+}
+
+.sc-mini-icon.note {
+	background-position: -64px -96px;
+}
+
+.sc-mini-icon.mail-closed {
+	background-position: -80px -96px;
+}
+
+.sc-mini-icon.mail-open {
+	background-position: -96px -96px;
+}
+
+.sc-mini-icon.suitcase {
+	background-position: -112px -96px;
+}
+
+.sc-mini-icon.comment {
+	background-position: -128px -96px;
+}
+
+.sc-mini-icon.person {
+	background-position: -144px -96px;
+}
+
+.sc-mini-icon.print {
+	background-position: -160px -96px;
+}
+
+.sc-mini-icon.trash {
+	background-position: -176px -96px;
+}
+
+.sc-mini-icon.locked {
+	background-position: -192px -96px;
+}
+
+.sc-mini-icon.unlocked {
+	background-position: -208px -96px;
+}
+
+.sc-mini-icon.bookmark {
+	background-position: -224px -96px;
+}
+
+.sc-mini-icon.tag {
+	background-position: -240px -96px;
+}
+
+.sc-mini-icon.home {
+	background-position: 0 -112px;
+}
+
+.sc-mini-icon.flag {
+	background-position: -16px -112px;
+}
+
+.sc-mini-icon.calendar {
+	background-position: -32px -112px;
+}
+
+.sc-mini-icon.cart {
+	background-position: -48px -112px;
+}
+
+.sc-mini-icon.pencil {
+	background-position: -64px -112px;
+}
+
+.sc-mini-icon.clock {
+	background-position: -80px -112px;
+}
+
+.sc-mini-icon.disk {
+	background-position: -96px -112px;
+}
+
+.sc-mini-icon.calculator {
+	background-position: -112px -112px;
+}
+
+.sc-mini-icon.zoomin {
+	background-position: -128px -112px;
+}
+
+.sc-mini-icon.zoomout {
+	background-position: -144px -112px;
+}
+
+.sc-mini-icon.search {
+	background-position: -160px -112px;
+}
+
+.sc-mini-icon.wrench {
+	background-position: -176px -112px;
+}
+
+.sc-mini-icon.gear {
+	background-position: -192px -112px;
+}
+
+.sc-mini-icon.heart {
+	background-position: -208px -112px;
+}
+
+.sc-mini-icon.star {
+	background-position: -224px -112px;
+}
+
+.sc-mini-icon.link {
+	background-position: -240px -112px;
+}
+
+.sc-mini-icon.cancel {
+	background-position: 0 -128px;
+}
+
+.sc-mini-icon.plus {
+	background-position: -16px -128px;
+}
+
+.sc-mini-icon.plusthick {
+	background-position: -32px -128px;
+}
+
+.sc-mini-icon.minus {
+	background-position: -48px -128px;
+}
+
+.sc-mini-icon.minusthick {
+	background-position: -64px -128px;
+}
+
+.sc-mini-icon.close {
+	background-position: -80px -128px;
+}
+
+.sc-mini-icon.closethick {
+	background-position: -96px -128px;
+}
+
+.sc-mini-icon.key {
+	background-position: -112px -128px;
+}
+
+.sc-mini-icon.lightbulb {
+	background-position: -128px -128px;
+}
+
+.sc-mini-icon.scissors {
+	background-position: -144px -128px;
+}
+
+.sc-mini-icon.clipboard {
+	background-position: -160px -128px;
+}
+
+.sc-mini-icon.copy {
+	background-position: -176px -128px;
+}
+
+.sc-mini-icon.contact {
+	background-position: -192px -128px;
+}
+
+.sc-mini-icon.image {
+	background-position: -208px -128px;
+}
+
+.sc-mini-icon.video {
+	background-position: -224px -128px;
+}
+
+.sc-mini-icon.script {
+	background-position: -240px -128px;
+}
+
+.sc-mini-icon.alert {
+	background-position: 0 -144px;
+}
+
+.sc-mini-icon.info {
+	background-position: -16px -144px;
+}
+
+.sc-mini-icon.notice {
+	background-position: -32px -144px;
+}
+
+.sc-mini-icon.help {
+	background-position: -48px -144px;
+}
+
+.sc-mini-icon.check {
+	background-position: -64px -144px;
+}
+
+.sc-mini-icon.bullet {
+	background-position: -80px -144px;
+}
+
+.sc-mini-icon.radio-off {
+	background-position: -96px -144px;
+}
+
+.sc-mini-icon.radio-on {
+	background-position: -112px -144px;
+}
+
+.sc-mini-icon.pin-w {
+	background-position: -128px -144px;
+}
+
+.sc-mini-icon.pin-s {
+	background-position: -144px -144px;
+}
+
+.sc-mini-icon.play {
+	background-position: 0 -160px;
+}
+
+.sc-mini-icon.pause {
+	background-position: -16px -160px;
+}
+
+.sc-mini-icon.seek-next {
+	background-position: -32px -160px;
+}
+
+.sc-mini-icon.seek-prev {
+	background-position: -48px -160px;
+}
+
+.sc-mini-icon.seek-end {
+	background-position: -64px -160px;
+}
+
+.sc-mini-icon.seek-first {
+	background-position: -80px -160px;
+}
+
+.sc-mini-icon.stop {
+	background-position: -96px -160px;
+}
+
+.sc-mini-icon.eject {
+	background-position: -112px -160px;
+}
+
+.sc-mini-icon.volume-off {
+	background-position: -128px -160px;
+}
+
+.sc-mini-icon.volume-on {
+	background-position: -144px -160px;
+}
+
+.sc-mini-icon.power {
+	background-position: 0 -176px;
+}
+
+.sc-mini-icon.signal-diag {
+	background-position: -16px -176px;
+}
+
+.sc-mini-icon.signal {
+	background-position: -32px -176px;
+}
+
+.sc-mini-icon.battery-0 {
+	background-position: -48px -176px;
+}
+
+.sc-mini-icon.battery-1 {
+	background-position: -64px -176px;
+}
+
+.sc-mini-icon.battery-2 {
+	background-position: -80px -176px;
+}
+
+.sc-mini-icon.battery-3 {
+	background-position: -96px -176px;
+}
+
+.sc-mini-icon.circle-plus {
+	background-position: 0 -192px;
+}
+
+.sc-mini-icon.circle-minus {
+	background-position: -16px -192px;
+}
+
+.sc-mini-icon.circle-close {
+	background-position: -32px -192px;
+}
+
+.sc-mini-icon.circle-triangle-e {
+	background-position: -48px -192px;
+}
+
+.sc-mini-icon.circle-triangle-s {
+	background-position: -64px -192px;
+}
+
+.sc-mini-icon.circle-triangle-w {
+	background-position: -80px -192px;
+}
+
+.sc-mini-icon.circle-triangle-n {
+	background-position: -96px -192px;
+}
+
+.sc-mini-icon.circle-arrow-e {
+	background-position: -112px -192px;
+}
+
+.sc-mini-icon.circle-arrow-s {
+	background-position: -128px -192px;
+}
+
+.sc-mini-icon.circle-arrow-w {
+	background-position: -144px -192px;
+}
+
+.sc-mini-icon.circle-arrow-n {
+	background-position: -160px -192px;
+}
+
+.sc-mini-icon.circle-zoomin {
+	background-position: -176px -192px;
+}
+
+.sc-mini-icon.circle-zoomout {
+	background-position: -192px -192px;
+}
+
+.sc-mini-icon.circle-check {
+	background-position: -208px -192px;
+}
+
+.sc-mini-icon.circlesmall-plus {
+	background-position: 0 -208px;
+}
+
+.sc-mini-icon.circlesmall-minus {
+	background-position: -16px -208px;
+}
+
+.sc-mini-icon.circlesmall-close {
+	background-position: -32px -208px;
+}
+
+.sc-mini-icon.squaresmall-plus {
+	background-position: -48px -208px;
+}
+
+.sc-mini-icon.squaresmall-minus {
+	background-position: -64px -208px;
+}
+
+.sc-mini-icon.squaresmall-close {
+	background-position: -80px -208px;
+}
+
+.sc-mini-icon.grip-dotted-vertical {
+	background-position: 0 -224px;
+}
+
+.sc-mini-icon.grip-dotted-horizontal {
+	background-position: -16px -224px;
+}
+
+.sc-mini-icon.grip-solid-vertical {
+	background-position: -32px -224px;
+}
+
+.sc-mini-icon.grip-solid-horizontal {
+	background-position: -48px -224px;
+}
+
+.sc-mini-icon.gripsmall-diagonal-se {
+	background-position: -64px -224px;
+}
+
+.sc-mini-icon.grip-diagonal-se {
+	background-position: -80px -224px;
+}
+
+
+
+/* @end */
+
+
+
+