sproutcore 1.4.0-java

data/lib/frameworks/sproutcore/frameworks/designer/views/selection_handles.js

@@ -0,0 +1,78 @@
+// ========================================================================
+// SproutCore -- JavaScript Application Framework
+// Copyright ©2006-2008, Sprout Systems, Inc. and contributors.
+// Portions copyright ©2008 Apple Inc.  All rights reserved.
+// ========================================================================
+
+/**
+  This View is used by Greenhouse when application is in design mode
+  This view draws selection handles for a given designer.  It will also 
+  forward any mouse events to the underlying designer.
+*/
+SC.SelectionHandlesView = SC.View.extend(
+/** @scope SC.SelectionHandlesView.prototype */ {
+
+  /**
+    The designer that owns this selection.  mouse and keyboard events are 
+    forwarded to this.
+  */
+  designer: null,
+  
+  classNames: 'handles',
+  
+  render: function(context, firstTime) {
+    var designer = this.get('designer'),
+        vertical = designer ? designer.get('canResizeVertical') : NO,
+        horizontal = designer ? designer.get('canResizeHorizontal') : NO,
+        handles ;
+        
+    // render handles
+    if (firstTime || (vertical !== this._vertical) || (horizontal === this._horizontal)) {
+      this._vertical = vertical ;
+      this._horizontal = horizontal;
+
+      if (vertical && horizontal) {
+        handles = ['top left', 'top right', 'bottom left','bottom right'];
+      } else if (vertical) {
+        handles = 'top bottom'.w();
+      } else if (horizontal) {
+        handles = 'left right'.w();
+      } else handles = [];
+
+
+      handles.forEach(function(classNames) {
+        context.begin('span')
+          .classNames(classNames.w())
+          .addClass('handle')
+          .end();
+      }, this);
+    }
+    
+  },
+
+  // ..........................................................
+  // EVENT HANDLING
+  // 
+  // By default just forward to designer
+  
+  mouseDown: function(evt) {
+    var d = this.designer;
+    return (d && d.mouseDown) ? d.mouseDown(evt) : null;
+  },
+  
+  mouseUp: function(evt) {
+    var d = this.designer;
+    return (d && d.mouseUp) ? d.mouseUp(evt) : null;
+  },
+  
+  mouseMoved: function(evt) {
+    var d = this.designer;
+    return (d && d.mouseMoved) ? d.mouseMoved(evt) : null;
+  },
+  
+  mouseDragged: function(evt) {
+    var d = this.designer;
+    return (d && d.mouseDragged) ? d.mouseDragged(evt) : null;
+  }
+  
+});

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

@@ -0,0 +1,18 @@
+// ==========================================================================
+// Project:   SproutCore - JavaScript Application Framework
+// Copyright: ©2006-2010 Sprout Systems, Inc. and contributors.
+//            Portions ©2008-2010 Apple Inc. All rights reserved.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+
+
+/**
+  If set to NO, then pressing backspace will NOT navigate to the previous 
+  page in the browser history, which is the default behavior in most browsers.
+  
+  Usually it is best to leave this property set to NO in order to prever the
+  user from inadvertantly losing data by pressing the backspace key.
+  
+  @property {Boolean}
+*/
+SC.allowsBackspaceToPreviousPage = NO;

data/lib/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/lib/frameworks/sproutcore/frameworks/desktop/english.lproj/alert.css

@@ -0,0 +1,56 @@
+.sc-alert {
+  background: white;
+}
+
+.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 .header {
+  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 .separator {
+  position: absolute;
+  width: 100%;
+  height: 2px;
+  left: 0px;
+  bottom: 50px;
+  background: #eaeaea ;
+}

data/lib/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/lib/frameworks/sproutcore/frameworks/desktop/english.lproj/disclosure.css

@@ -0,0 +1,74 @@
+/* SC.DisclosureView - sc-theme */
+
+/* @group disclosure */
+
+/* @group basic */
+
+.sc-button-view.sc-disclosure-view {
+  background: transparent;
+}
+
+.sc-button-view.sc-disclosure-view .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;
+	text-align: left;
+}
+
+
+/* SC.DisclosureView - sc-theme */
+
+/* @group disclosure */
+
+/* @group basic */
+
+
+
+.sc-button-view.sc-disclosure-view.sel .button {
+	background-position: 32px 16px ;
+}
+
+.sc-button-view.sc-disclosure-view .button {
+	background-position: 64px 16px ;
+}
+
+
+
+/* @end */
+
+/* @group disabled */
+
+.sc-button-view.sc-disclosure-view.sel.disabled .button {
+	background-position: 32px 16px ;
+}
+
+.sc-button-view.sc-disclosure-view.disabled .button {
+	background-position: 64px 16px ;
+}
+
+/* @end */
+
+/* @group active */
+
+.sc-button-view.sc-disclosure-view.sel.active .button {
+	background-position: 32px 16px ;
+}
+
+.sc-theme .sc-button-view.sc-disclosure-view.active .button {
+	background-position: 64px 16px ;
+}
+
+/* @end */
+
+

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

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

data/lib/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 */
+
+
+
+