sproutcore 1.0.1046 → 1.0.1049.pre.1

data/frameworks/sproutcore/apps/greenhouse/english.lproj/css/button.css

@@ -0,0 +1,310 @@
+/*
+==========================================================================
+ Project: Greenhouse - Custom Button Styles
+ Author: Matt Grantham - @MattGrantham
+==========================================================================
+*/
+
+/* Dark Toolbar & Tabbed Buttons
+---------------------------------------------- */
+
+/* Dark Buttons - Square */
+
+/* Regular */
+
+.sc-theme .sc-button-view.sc-regular-size.square.dark {
+  background: static_url('images/buttons/dark/regular-r.png') no-repeat right;
+}
+
+.sc-theme .sc-button-view.sc-regular-size.square.dark .sc-button-inner {
+  background: static_url('images/buttons/dark/regular-l.png') no-repeat;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.dark .sc-button-label {
+  background: static_url('images/buttons/dark/regular-m.png') repeat-x;
+  margin-left: 5px;
+  margin-right: 5px;
+  color: #fff;
+  text-shadow: 0 1px 0 #242424;
+}
+
+/* Active */
+.sc-theme .sc-button-view.sc-regular-size.square.active.dark {
+  background: static_url('images/buttons/dark/active-r.png') no-repeat right;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.active.dark .sc-button-inner {
+  background: static_url('images/buttons/dark/active-l.png') no-repeat;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.active.dark .sc-button-label {
+  background: static_url('images/buttons/dark/active-m.png') repeat-x;
+  color: #d0d0d0;
+  text-shadow: 0 -1px 0 #242424;
+}
+
+/* Disabled */
+.sc-theme .sc-button-view.sc-regular-size.square.disabled.dark {
+  background: static_url('images/buttons/dark/disabled-r.png') no-repeat right;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.disabled.dark .sc-button-inner {
+  background: static_url('images/buttons/dark/disabled-l.png') no-repeat;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.disabled.dark .sc-button-label {
+  background: static_url('images/buttons/dark/disabled-m.png') repeat-x;
+  color: #d0d0d0;
+  margin-left: 5px;
+  margin-right: 5px;
+  text-shadow: 0 -1px 0 #242424;
+}
+
+/* Selected or Default */
+.sc-theme .sc-button-view.sc-regular-size.square.dark.def,
+.sc-theme .sc-button-view.sc-regular-size.square.dark.sel {
+  background: static_url('images/buttons/dark/sel-r.png') no-repeat right;
+}
+
+.sc-theme .sc-button-view.sc-regular-size.square.dark.def .sc-button-inner,
+.sc-theme .sc-button-view.sc-regular-size.square.dark.sel .sc-button-inner {
+  background: static_url('images/buttons/dark/sel-l.png') no-repeat;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.dark.def .sc-button-label,
+.sc-theme .sc-button-view.sc-regular-size.square.dark.sel .sc-button-label {
+  background: static_url('images/buttons/dark/sel-m.png') repeat-x;
+  margin-left: 5px;
+  margin-right: 5px;
+  color: #fff;
+  text-shadow: 0 1px 0 #242424;
+}
+
+/* Selected or Default - Active*/
+.sc-theme .sc-button-view.sc-regular-size.square.dark.def.active,
+.sc-theme .sc-button-view.sc-regular-size.square.dark.sel.active {
+  background: static_url('images/buttons/dark/sel-active-r.png') no-repeat right;
+}
+
+.sc-theme .sc-button-view.sc-regular-size.square.dark.def.active .sc-button-inner,
+.sc-theme .sc-button-view.sc-regular-size.square.dark.sel.active .sc-button-inner {
+  background: static_url('images/buttons/dark/sel-active-l.png') no-repeat;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.dark.def.active .sc-button-label,
+.sc-theme .sc-button-view.sc-regular-size.square.dark.sel.active .sc-button-label {
+  background: static_url('images/buttons/dark/sel-active-m.png') repeat-x;
+  margin-left: 5px;
+  margin-right: 5px;
+  color: #fff;
+  text-shadow: 0 1px 0 #242424;
+}
+
+/* Selected - Disabled*/
+.sc-theme .sc-button-view.sc-regular-size.square.dark.sel.disabled {
+  background: static_url('images/buttons/dark/sel-disabled-r.png') no-repeat right;
+}
+
+.sc-theme .sc-button-view.sc-regular-size.square.dark.sel.disabled .sc-button-inner {
+  background: static_url('images/buttons/dark/sel-disabled-l.png') no-repeat;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.dark.sel.disabled .sc-button-label {
+  background: static_url('images/buttons/dark/sel-disabled-m.png') repeat-x;
+  margin-left: 5px;
+  margin-right: 5px;
+  color: #fff;
+  text-shadow: 0 1px 0 #242424;
+}
+
+/* Capsule Buttons
+---------------------------------------------- */
+
+
+/* Regular */
+.sc-theme .sc-button-view.sc-regular-size.capsule {
+  background: static_url('images/buttons/capsule/regular-r.png') no-repeat right;
+}
+
+.sc-theme .sc-button-view.sc-regular-size.capsule .sc-button-inner {
+  background: static_url('images/buttons/capsule/regular-l.png') no-repeat;
+}
+.sc-theme .sc-button-view.sc-regular-size.capsule .sc-button-label {
+  background: static_url('images/buttons/shared/regular-m.png') repeat-x;
+  margin-left: 12px;
+  margin-right: 12px;
+  color: #000;
+  text-shadow: 0 1px 0 rgba(255,255,255,0.5);  
+  line-height: 26px;
+}
+
+/* Active */
+.sc-theme .sc-button-view.sc-regular-size.capsule.active {
+  background: static_url('images/buttons/capsule/active-r.png') no-repeat right;
+}
+.sc-theme .sc-button-view.sc-regular-size.capsule.active .sc-button-inner {
+  background: static_url('images/buttons/capsule/active-l.png') no-repeat;
+}
+.sc-theme .sc-button-view.sc-regular-size.capsule.active .sc-button-label {
+  background: static_url('images/buttons/shared/active-m.png') repeat-x;
+  color: #222;
+  text-shadow: 0 1px 0 rgba(255,255,255,0.5);  
+}
+
+/* Disabled */
+.sc-theme .sc-button-view.sc-regular-size.capsule.disabled {
+  background: static_url('images/buttons/capsule/disabled-r.png') no-repeat right;
+}
+
+.sc-theme .sc-button-view.sc-regular-size.capsule.disabled .sc-button-inner {
+  background: static_url('images/buttons/capsule/disabled-l.png') no-repeat;
+}
+.sc-theme .sc-button-view.sc-regular-size.capsule.disabled .sc-button-label {
+  background: static_url('images/buttons/shared/disabled-m.png') repeat-x;
+  margin-left: 12px;
+  margin-right: 12px;
+  color: #b2b2b2;
+  text-shadow: 0 1px 0 rgba(255,255,255,0.5);  
+  line-height: 26px;
+}
+
+/* Selected or Default */
+.sc-theme .sc-button-view.sc-regular-size.capsule.def,
+.sc-theme .sc-button-view.sc-regular-size.capsule.sel {
+  background: static_url('images/buttons/capsule/sel-r.png') no-repeat right;
+}
+.sc-theme .sc-button-view.sc-regular-size.capsule.def .sc-button-inner, 
+.sc-theme .sc-button-view.sc-regular-size.capsule.sel .sc-button-inner {
+  background: static_url('images/buttons/capsule/sel-l.png') no-repeat;
+}
+.sc-theme .sc-button-view.sc-regular-size.capsule.def .sc-button-label,
+.sc-theme .sc-button-view.sc-regular-size.capsule.sel .sc-button-label {
+  background: static_url('images/buttons/shared/sel-m.png') repeat-x;
+  color: #334511;
+  text-shadow: 0 1px 0 rgba(255,255,255,0.5);  
+}
+
+/* Selected or Default - Active */
+.sc-theme .sc-button-view.sc-regular-size.capsule.def.active,
+.sc-theme .sc-button-view.sc-regular-size.capsule.sel.active {
+  background: static_url('images/buttons/capsule/sel-active-r.png') no-repeat right;
+}
+.sc-theme .sc-button-view.sc-regular-size.capsule.def.active .sc-button-inner,
+.sc-theme .sc-button-view.sc-regular-size.capsule.sel.active .sc-button-inner {
+  background: static_url('images/buttons/capsule/sel-active-l.png') no-repeat;
+}
+.sc-theme .sc-button-view.sc-regular-size.capsule.def.active .sc-button-label,
+.sc-theme .sc-button-view.sc-regular-size.capsule.sel.active .sc-button-label {
+  background: static_url('images/buttons/shared/sel-active-m.png') repeat-x;
+  color: #44581d;
+  text-shadow: 0 1px 0 rgba(255,255,255,0.5);  
+}
+
+/* Selected - Disabled */
+.sc-theme .sc-button-view.sc-regular-size.capsule.disabled.sel {
+  background: static_url('images/buttons/capsule/sel-disabled-r.png') no-repeat right;
+}
+
+.sc-theme .sc-button-view.sc-regular-size.capsule.disabled.sel .sc-button-inner {
+  background: static_url('images/buttons/capsule/sel-disabled-l.png') no-repeat;
+}
+.sc-theme .sc-button-view.sc-regular-size.capsule.disabled.sel .sc-button-label {
+  background: static_url('images/buttons/shared/sel-disabled-m.png') repeat-x;
+  margin-left: 12px;
+  margin-right: 12px;
+  color: #c1c7b7;
+  text-shadow: 0 1px 0 rgba(255,255,255,0.5);  
+  line-height: 26px;
+}
+
+/* Square Buttons
+---------------------------------------------- */
+
+
+/* Regular */
+.sc-theme .sc-button-view.sc-regular-size.square {
+  background: static_url('images/buttons/square/regular-r.png') no-repeat right;
+}
+
+.sc-theme .sc-button-view.sc-regular-size.square .sc-button-inner {
+  background: static_url('images/buttons/square/regular-l.png') no-repeat;
+}
+.sc-theme .sc-button-view.sc-regular-size.square .sc-button-label {
+  background: static_url('images/buttons/shared/regular-m.png') repeat-x;
+  margin-left: 6px;
+  margin-right: 6px;
+  color: #000;
+  text-shadow: 0 1px 0 rgba(255,255,255,0.5);  
+  line-height: 26px;
+}
+
+/* Active */
+.sc-theme .sc-button-view.sc-regular-size.square.active {
+  background: static_url('images/buttons/square/active-r.png') no-repeat right;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.active .sc-button-inner {
+  background: static_url('images/buttons/square/active-l.png') no-repeat;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.active .sc-button-label {
+  background: static_url('images/buttons/shared/active-m.png') repeat-x;
+  color: #222;
+  text-shadow: 0 1px 0 rgba(255,255,255,0.5);  
+}
+
+/* Disabled */
+.sc-theme .sc-button-view.sc-regular-size.square.disabled {
+  background: static_url('images/buttons/square/disabled-r.png') no-repeat right;
+}
+
+.sc-theme .sc-button-view.sc-regular-size.square.disabled .sc-button-inner {
+  background: static_url('images/buttons/square/disabled-l.png') no-repeat;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.disabled .sc-button-label {
+  background: static_url('images/buttons/shared/disabled-m.png') repeat-x;
+  margin-left: 6px;
+  margin-right: 6px;
+  color: #b2b2b2;
+  text-shadow: 0 1px 0 rgba(255,255,255,0.5);  
+  line-height: 26px;
+}
+
+/* Selected or Default */
+.sc-theme .sc-button-view.sc-regular-size.square.def,
+.sc-theme .sc-button-view.sc-regular-size.square.sel {
+  background: static_url('images/buttons/square/sel-r.png') no-repeat right;
+}
+.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/buttons/square/sel-l.png') no-repeat;
+}
+.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/buttons/shared/sel-m.png') repeat-x;
+  color: #334511;
+  text-shadow: 0 1px 0 rgba(255,255,255,0.5);  
+}
+
+/* Selected or Default & 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/buttons/square/sel-active-r.png') no-repeat right;
+}
+.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/buttons/square/sel-active-l.png') no-repeat;
+}
+.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/buttons/shared/sel-active-m.png') repeat-x;
+  color: #44581d;
+  text-shadow: 0 1px 0 rgba(255,255,255,0.5);  
+}
+
+/* Selected - Disabled */
+.sc-theme .sc-button-view.sc-regular-size.square.disabled.sel {
+  background: static_url('images/buttons/square/sel-disabled-r.png') no-repeat right;
+}
+
+.sc-theme .sc-button-view.sc-regular-size.square.disabled.sel .sc-button-inner {
+  background: static_url('images/buttons/square/sel-disabled-l.png') no-repeat;
+}
+.sc-theme .sc-button-view.sc-regular-size.square.disabled.sel .sc-button-label {
+  background: static_url('images/buttons/shared/sel-disabled-m.png') repeat-x;
+  margin-left: 6px;
+  margin-right: 6px;
+  color: #c1c7b7;
+  text-shadow: 0 1px 0 rgba(255,255,255,0.5);  
+  line-height: 26px;
+}

data/frameworks/sproutcore/apps/greenhouse/english.lproj/css/dock.css

@@ -0,0 +1,85 @@
+/*
+==========================================================================
+ Project: Greenhouse - Docked Panels
+ Author: Matt Grantham - @MattGrantham
+==========================================================================
+*/
+
+/* Docked Panel
+---------------------------------------------- */
+
+.anchored {
+  border-left: 1px solid #000;
+  background: #222;
+  box-shadow: inset 2px 0px 6px rgba(0,0,0,0.7);
+  -moz-box-shadow: inset 2px 0px 6px rgba(0,0,0,0.7);
+  -webkit-box-shadow: inset 2px 0px 6px rgba(0,0,0,0.7);  
+}
+
+/* List Styling */
+.anchored .sc-list-view {
+  background: #ebebeb;
+  border: none;
+}
+
+.sc-theme.focus .anchored .sc-collection-view.focus .sc-collection-item.sel {
+  background: #A4BE49;
+  color: #000;
+  text-shadow: 0 1px 0 rgba(255,255,255,0.4);
+}
+
+/* Customize Scrollbar */
+.anchored .sc-scroller-view.sc-vertical .track,
+.anchored .sc-scroller-view.sc-vertical .cap,
+.anchored .sc-scroller-view.sc-vertical .button-bottom,
+.anchored .sc-scroller-view.sc-vertical .button-top {
+  display: none;
+}
+
+/* Library
+---------------------------------------------- */
+
+.anchored .library-docked {
+  border-bottom: 1px solid #000;
+}
+
+.anchored .library-docked .content .library-list {
+  border: 1px solid #000;
+  border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  box-shadow: inset 0 2px 5px rgba(0,0,0,0.7);
+  -moz-box-shadow: inset 0 2px 5px rgba(0,0,0,0.7);
+  -webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,0.7);
+  background:rgba(205, 205, 205, 0.25);
+}
+
+.anchored .library-docked .content .sc-list-view {
+  background: none;
+  color: #fff;
+}
+
+/* Inspector
+---------------------------------------------- */
+
+.anchored .inspector-docked {
+  border-top: 1px solid #333;
+}
+
+.anchored .sc-label-view.title {
+  top: 12px !important;
+}
+
+.anchored .prop-control {
+  bottom: 3px !important;
+}
+
+.anchored .sc-tab-view > .sc-container-view {
+  border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  box-shadow: inset 0 2px 5px rgba(0,0,0,0.7);
+  -moz-box-shadow: inset 0 2px 5px rgba(0,0,0,0.7);
+  -webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,0.7);
+}
+

data/frameworks/sproutcore/apps/greenhouse/english.lproj/css/general.css

@@ -0,0 +1,52 @@
+/*
+==========================================================================
+ Project: Greenhouse - General Styling
+ Author: Matt Grantham - @MattGrantham
+==========================================================================
+*/
+
+/* Custom Fonts
+---------------------------------------------- */
+
+@font-face {
+	font-family: 'MuseoSans500';
+	src: url('fonts/museosans_500.eot');
+	src: local('Museo Sans'), local('MuseoSans-500'), url('fonts/museosans_500.woff') format('woff'), url('fonts/museosans_500.otf') format('opentype');
+}
+
+@font-face {
+	font-family: 'MuseoSans500Italic';
+	src: url('fonts/museosans_500_italic.eot');
+	src: local('Museo Sans'), local('fonts/MuseoSans-500Italic'), url('fonts/museosans_500_italic.woff') format('woff'), url('fonts/museosans_500_italic.otf') format('opentype');
+}
+
+/* General Styles
+---------------------------------------------- */
+
+body.sc-theme,
+body.sc-theme > .sc-pane.sc-main{ 
+  overflow: hidden;
+  background: static_url('images/main-bg.png');
+}
+
+.sc-view {
+	font: 12px/1.5 MuseoSans500, "Helvetica Neue", Helvetica, sans-serif;
+}
+
+.sc-view select, .sc-view input, .sc-view textarea, .sc-view button {
+  font: 12px/1.5 MuseoSans500, "Helvetica Neue", Helvetica, sans-serif !important;
+}
+
+/* Footer / Loading Bar
+---------------------------------------------- */
+
+
+.footer,
+.sc-label-view.sc-regular-size.footer {
+  border-top: 1px solid #494949;
+  background: #1d1d1d;
+  color: #b3d93b;
+  line-height: 30px;
+  text-shadow: 0 1px 0 #000;
+  font-size: 12px;
+}

data/frameworks/sproutcore/apps/greenhouse/english.lproj/css/main-page.css

@@ -0,0 +1,120 @@
+/*
+==========================================================================
+ Project: Greenhouse - Main Application Interface Styling
+ Author: Matt Grantham - @MattGrantham
+==========================================================================
+*/
+
+
+/* Toolbar */
+
+.toolbar {
+  background: static_url('images/toolbar-bg.png') repeat-x;
+}
+
+.greenhouse-logo-s {
+  background: static_url('images/logos/greenhouse-s.png') no-repeat;
+}
+
+.toolbar .title {
+  color: #B3D93B;
+  text-shadow: 0 1px 0 #000;
+  line-height: 24px;
+  font-size: 13px;
+}
+
+/* Toolbar Icons */
+
+.toolbar .projects {
+  background: static_url('images/icons/projects.png') no-repeat;
+  width: 28px;
+  height: 14px;
+  position: absolute;
+  top: 50%;
+  margin-top: -7px;
+  left: 50%;
+  margin-left: -14px;
+}
+.toolbar .save {
+  background: static_url('images/icons/save.png') no-repeat;
+  width: 14px;
+  height: 15px;
+  position: absolute;
+  top: 50%;
+  margin-top: -8px;
+  left: 50%;
+  margin-left: -7px;
+}
+.toolbar .run {
+  background: static_url('images/icons/run.png') no-repeat;
+  width: 10px;
+  height: 12px;
+  position: absolute;
+  top: 50%;
+  margin-top: -6px;
+  left: 50%;
+  margin-left: -5px;
+}
+.toolbar .library {
+  background: static_url('images/icons/library.png') no-repeat;
+  width: 21px;
+  height: 16px;
+  position: absolute;
+  top: 50%;
+  margin-top: -8px;
+  left: 50%;
+  margin-left: -10px;
+}
+.toolbar .inspector {
+  background: static_url('images/icons/inspector.png') no-repeat;
+  width: 25px;
+  height: 17px;
+  position: absolute;
+  top: 50%;
+  margin-top: -8px;
+  left: 50%;
+  margin-left: -12px;
+}
+.toolbar .actions {
+  background: static_url('images/icons/actions.png') no-repeat;
+  width: 28px;
+  height: 17px;
+  position: absolute;
+  top: 50%;
+  margin-top: -8px;
+  left: 50%;
+  margin-left: -14px;
+}
+
+.toolbar .projects.active {
+  background: static_url('images/icons/projects-active.png') no-repeat;
+}
+.toolbar .save.active {
+  background: static_url('images/icons/save-active.png') no-repeat;
+}
+.toolbar .run.active {
+  background: static_url('images/icons/run-active.png') no-repeat;
+}
+.toolbar .library.active {
+  background: static_url('images/icons/library-active.png') no-repeat;
+}
+.toolbar .inspector.active {
+  background: static_url('images/icons/inspector-active.png') no-repeat;
+}
+.toolbar .actions.active {
+  background: static_url('images/icons/actions-active.png') no-repeat;
+}
+
+/* Workspace */
+
+.workspace,
+.workspace > div.sc-web-view {
+  background: static_url('images/main-bg.png');
+}
+
+.workspace .design {
+  border: 1px solid #1c1c1c;
+  box-shadow: 0 3px 6px rgba(0,0,0,0.75);
+  -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.75);
+  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.75);
+}