sproutcore 0.9.0

data/frameworks/sproutcore/english.lproj/buttons.css

@@ -0,0 +1,589 @@
+
+
+/* @group Button Core */
+
+a.button:active,
+a.button:focus {
+	outline: none ;	
+}
+
+a.button {
+	-moz-user-select: none;
+	-khtml-user-select: none;
+	user-select: none;
+	cursor: pointer;
+	text-decoration: none ;
+	color: black ;
+	border: none ;
+	padding: 0;
+	margin: 0;
+}
+
+a.button img {
+	border: none ;
+}
+
+/* @end */
+
+/* @group regular - back */
+
+/* @group basic */
+
+a.regular, 
+a.back {
+	display: -moz-inline-box;
+	display: inline-block;
+	font-size: 12px;
+	height: 22px;
+	min-width: 32px;
+	padding-right: 20px;
+	text-align: center;
+	margin-left: 2px;
+	margin-right: 2px ;
+	background: transparent static_url('buttons.png') no-repeat scroll right -396px;
+}
+
+a.regular img,
+a.back img {
+	position: absolute ;
+	top: 3px;
+	left: 12px;	
+}
+
+a.regular span.button-inner {
+	background: static_url('buttons.png') no-repeat 0 -132px;
+	display: block ;
+	height: 22px;
+	position: relative ;
+}
+
+a.back span.button-inner {
+	background: static_url('buttons.png') no-repeat 0 -264px;
+	display: block ;
+	height: 22px;
+	position: relative ;
+}
+
+a.back span.label,
+a.regular span.label {
+ 	background: transparent static_url('buttons.png') repeat-x left top;
+ 	display: block ;
+	font-weight: bold;
+	text-align: center;
+	padding-top: 3px;
+	height: 19px;
+	margin-left: 20px;
+}
+
+a.regular.image span.label,
+a.back.image span.label {
+	padding-left: 12px;
+	margin-right: -2px;
+}
+
+a.back span.label {
+	margin-left:  24px;
+}
+
+
+/* @end */
+
+/* @group sel - def */
+
+a.regular.sel, 
+a.back.sel,
+a.regular.def, 
+a.back.def {
+	background: transparent static_url('buttons.png') no-repeat scroll right -440px;
+}
+
+a.regular.sel span.button-inner, 
+a.regular.def span.button-inner {
+	background: static_url('buttons.png') no-repeat 0 -176px;
+}
+
+a.back.sel span.button-inner,
+a.back.def span.button-inner {
+	background: static_url('buttons.png') no-repeat 0 -308px;
+}
+
+a.regular.sel span.label, 
+a.back.sel span.label,
+a.regular.def span.label, 
+a.back.def span.label {
+	background: static_url('buttons.png') repeat-x 0 -44px;
+}
+
+/* @end */
+
+/* @group disabled */
+
+a.regular.disabled, 
+a.back.disabled {
+	background: transparent static_url('buttons.png') no-repeat scroll right -484px;
+}
+
+a.regular.disabled span.button-inner {
+	background: static_url('buttons.png') no-repeat 0 -220px;
+}
+
+a.back.disabled span.button-inner {
+	background: static_url('buttons.png') no-repeat 0 -352px;
+}
+
+a.regular.disabled span.label, 
+a.back.disabled span.label {
+	background: static_url('buttons.png') repeat-x 0 -88px;
+	color: #999;
+}
+
+
+a.regular.sel.disabled, 
+a.back.sel.disabled,
+a.regular.def.disabled, 
+a.back.def.disabled {
+	background: transparent static_url('buttons.png') no-repeat scroll right -506px;
+}
+
+a.regular.sel.disabled span.button-inner,
+a.regular.def.disabled span.button-inner {
+	background: static_url('buttons.png') no-repeat 0 -242px;
+}
+
+a.back.sel.disabled span.button-inner,
+a.back.def.disabled span.button-inner {
+	background: static_url('buttons.png') no-repeat 0 -374px;
+}
+
+a.regular.def.disabled span.label, 
+a.back.def.disabled span.label,
+a.regular.sel.disabled span.label, 
+a.back.sel.disabled span.label {
+	background: static_url('buttons.png') repeat-x 0 -110px;
+	color: #999;
+}
+
+/* @end */
+
+/* @group sel.active - def.active */
+
+a.regular.sel.active, 
+a.back.sel.active,
+a.regular.def.active, 
+a.back.def.active {
+	background: transparent static_url('buttons.png') no-repeat scroll right -462px;
+}
+
+a.regular.sel.active span.button-inner, 
+a.regular.def.active span.button-inner {
+	background: static_url('buttons.png') no-repeat 0 -198px;
+}
+
+a.back.sel.active span.button-inner,
+a.back.def.active span.button-inner {
+	background: static_url('buttons.png') no-repeat 0 -330px;
+}
+
+a.regular.sel.active span.label, 
+a.back.sel.active span.label,
+a.regular.def.active span.label, 
+a.back.def.active span.label {
+	background: static_url('buttons.png') repeat-x 0 -66px;
+}
+
+/* @end */
+
+/* @group active */
+
+a.regular.active, 
+a.back.active {
+	background: transparent static_url('buttons.png') no-repeat scroll right -418px;
+}
+
+a.regular.active span.button-inner {
+	background: static_url('buttons.png') no-repeat 0 -154px;
+}
+
+a.back.active span.button-inner {
+	background: static_url('buttons.png') no-repeat 0 -286px;
+}
+
+a.regular.active span.label, 
+a.back.active span.label {
+	background: static_url('buttons.png') repeat-x 0 -22px;
+}
+
+/* @end */
+
+
+/* @end */
+
+/* @group segments */
+
+a.regular.segment.segment-inner,
+a.regular.segment.segment-left,
+a.regular.segment.segment-right span.button-inner,
+a.regular.segment.segment-inner span.button-inner {
+	background: none;
+	padding-right: 0;
+	padding-left: 0;
+}
+
+a.regular.segment.segment-inner,
+a.regular.segment.segment-left {
+	margin-right: 0;	
+}
+
+a.regular.segment.segment-inner,
+a.regular.segment.segment-right,
+a.regular.segment.segment-inner span.label,
+a.regular.segment.segment-right span.label {
+	margin-left: 0;	
+}
+
+a.regular.segment.segment-inner span.label,
+a.regular.segment.segment-left span.label {
+	padding-right: 12px;
+}
+
+a.regular.segment.segment-inner span.label,
+a.regular.segment.segment-right span.label {
+	padding-left: 12px;
+}
+
+a.regular.segment.segment-left span.label {
+	margin-left: 16px;
+}
+
+a.regular.segment.segment-right {
+	padding-right: 16px;
+}
+
+a.regular.segment.segment-right {
+	padding
+}
+
+a.regular.segment.segment-inner,
+a.regular.segment.segment-left {
+	border-right: 1px #888 solid ;
+}
+
+/* @end */
+
+/* @group checkbox */
+
+/* @group basic */
+
+a.checkbox {
+	margin-right: 4px;
+	margin-left: 4px;
+}
+
+a.checkbox img.button {
+	width: 16px;
+	height: 16px;
+	vertical-align: middle ;
+	position: relative ;
+	top: -1px;
+	background: static_url('buttons.png') no-repeat 0 -708px;
+} 
+
+a.checkbox.sel img.button {
+	background: static_url('buttons.png') no-repeat -16px -724px;
+}
+
+a.checkbox.mixed img.button {
+	background: static_url('buttons.png') no-repeat 0 -756px;
+}
+
+
+
+/* @end */
+
+/* @group disabled */
+
+a.checkbox.disabled {
+	color: #999;
+}
+
+a.checkbox.disabled img.button {
+	background: static_url('buttons.png') no-repeat 0 -724px;
+} 
+
+a.checkbox.sel.disabled img.button {
+	background: static_url('buttons.png') no-repeat -16px -740px;
+}
+
+a.checkbox.mixed.disabled img.button {
+	background: static_url('buttons.png') no-repeat 0 -772px;
+}
+
+
+
+/* @end */
+
+/* @group active */
+
+a.checkbox.active img.button {
+	background: static_url('buttons.png') no-repeat -16px -708px;
+} 
+
+a.checkbox.sel.active img.button {
+	background: static_url('buttons.png') no-repeat 0 -740px;
+}
+
+a.checkbox.mixed.active img.button {
+	background: static_url('buttons.png') no-repeat -16px -756px;
+}
+
+
+
+/* @end */
+
+/* @end */
+
+/* @group radio */
+
+/* @group basic */
+
+a.radio {
+	margin-right: 4px;
+	margin-left: 4px;
+}
+
+a.radio img.button {
+	width: 16px;
+	height: 16px;
+	vertical-align: middle ;
+	position: relative ;
+	top: -1px;
+	background: static_url('buttons.png') no-repeat -16px -772px;
+} 
+
+a.radio.sel img.button {
+	background: static_url('buttons.png') no-repeat 0 -804px;
+}
+
+a.radio.mixed img.button {
+	background: static_url('buttons.png') no-repeat -16px -820px;
+}
+
+
+
+/* @end */
+
+/* @group disabled */
+
+a.radio.disabled {
+	color: #999;
+}
+
+a.radio.disabled img.button {
+	background: static_url('buttons.png') no-repeat -16px -788px;
+} 
+
+a.radio.sel.disabled img.button {
+	background: static_url('buttons.png') no-repeat 0px -820px;
+}
+
+a.radio.mixed.disabled img.button {
+	background: static_url('buttons.png') no-repeat -16px -836px;
+}
+
+
+
+/* @end */
+
+/* @group active */
+
+a.radio.active img.button {
+	background: static_url('buttons.png') no-repeat 0px -788px;
+} 
+
+a.radio.sel.active img.button {
+	background: static_url('buttons.png') no-repeat -16px -804px;
+}
+
+a.radio.mixed.active img.button {
+	background: static_url('buttons.png') no-repeat 0px -836px;
+}
+
+
+/* @end */
+
+/* @end */
+
+/* @group square - back */
+
+/* @group basic */
+
+a.square {
+	display: -moz-inline-box;
+	display: inline-block;
+	font-size: 12px;
+	height: 22px;
+	text-align: center;
+	margin: 0;
+}
+
+a.square span.button-inner {
+	display: block ;
+	padding: 0;
+}
+
+a.square span.label {
+ 	background: transparent static_url('buttons.png') repeat-x left top;
+ 	display: block ;
+	font-weight: bold;
+	text-align: center;
+	padding-top: 3px;
+	height: 19px;
+	padding-left: 8px;
+	padding-right: 8px;
+	border-left: 1px #888 solid ;
+	border-right: 1px #888 solid ;
+}
+
+/* @end */
+
+/* @group sel - def */
+
+a.square.sel span.label, 
+a.square.def span.label {
+	background: static_url('buttons.png') repeat-x 0 -44px;
+}
+
+/* @end */
+
+/* @group disabled */
+
+a.square.disabled span.label {
+	background: static_url('buttons.png') repeat-x 0 -88px;
+	color: #999;
+}
+
+a.square.def.disabled span.label, 
+a.square.sel.disabled span.label {
+	background: static_url('buttons.png') repeat-x 0 -110px;
+	color: #999;
+}
+
+/* @end */
+
+/* @group sel.active - def.active */
+
+a.square.sel.active span.label, 
+a.square.def.active span.label {
+	background: static_url('buttons.png') repeat-x 0 -66px;
+}
+
+/* @end */
+
+/* @group active */
+
+a.square.active span.label {
+	background: static_url('buttons.png') repeat-x 0 -22px;
+}
+
+/* @end */
+
+
+/* @end */
+
+/* @group popup - dropdown */
+
+/* @group basic */
+
+a.popup, 
+a.dropdown {
+	display: -moz-inline-box;
+	display: inline-block;
+	font-size: 12px;
+	height: 22px;
+	min-width: 32px;
+	padding-right: 32px;
+	text-align: center;
+	margin-left: 2px;
+	margin-right: 2px ;
+}
+
+a.dropdown {
+	background: transparent static_url('buttons.png') no-repeat scroll right -528px;
+}
+
+a.popup {
+	background: transparent static_url('buttons.png') no-repeat scroll right -594px;
+}
+
+
+a.dropdown span.button-inner,
+a.popup span.button-inner {
+	background: static_url('buttons.png') no-repeat 0 -132px;
+	display: block ;
+	height: 22px;
+}
+
+a.dropdown span.label,
+a.popup span.label {
+ 	background: transparent static_url('buttons.png') repeat-x left top;
+ 	display: block ;
+	font-weight: bold;
+	text-align: left;
+	padding-top: 3px;
+	height: 19px;
+	margin-left: 13px;
+}
+
+
+
+/* @end */
+
+/* @group active */
+
+a.dropdown.active {
+	background: transparent static_url('buttons.png') no-repeat scroll right -550px;
+}
+
+a.popup.active {
+	background: transparent static_url('buttons.png') no-repeat scroll right -616px;
+}
+
+a.dropdown.active span.button-inner,
+a.popup.active span.button-inner {
+	background: static_url('buttons.png') no-repeat 0 -154px;
+}
+
+a.dropdown.active span.label,
+a.popup.active span.label {
+ 	background: transparent static_url('buttons.png') repeat-x left -22px;
+}
+
+/* @end */
+
+/* @group disabled */
+
+a.dropdown.disabled {
+	background: transparent static_url('buttons.png') no-repeat scroll right -572px;
+}
+
+a.popup.disabled {
+	background: transparent static_url('buttons.png') no-repeat scroll right -638px;
+}
+
+a.dropdown.disabled span.button-inner,
+a.popup.disabled span.button-inner {
+	background: static_url('buttons.png') no-repeat 0 -220px;
+}
+
+a.dropdown.disabled span.label,
+a.popup.disabled span.label {
+ 	background: transparent static_url('buttons.png') repeat-x left -88px;
+ 	color: #999;
+}
+
+/* @end */
+
+/* @end */
+
+
+

data/frameworks/sproutcore/english.lproj/inline_text_editor.css

@@ -0,0 +1,21 @@
+.inline_editor
+{
+  position: relative;
+}
+.inline_editor_field
+{
+  margin: 0;
+  padding: 0;
+
+  resize: none;
+  white-space: nowrap;
+  border: none;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+.inline_editor_sizer 
+{
+  visibility: hidden;
+  position: absolute;
+}

data/frameworks/sproutcore/english.lproj/menu.css

@@ -0,0 +1,121 @@
+
+
+/* @group Core */
+
+.menu-pane {
+	position: absolute ;
+	top:  0 ;
+	left:  0;
+	width: 100%;
+	height: 100%;
+}
+
+.menu-pane .pane-root {
+	position: relative ;
+}
+
+.sc-theme .pane.menu-pane .shadow {
+	background: white ;
+	background: rgba(255,255,255,.80) ;
+	position: absolute ;
+}
+
+.menu-pane ul.menu {
+	list-style-type: none ;
+	margin: 0;
+	padding: 4px 0;
+	background-color: transparent;
+	position: relative ;
+}
+
+.menu-pane li.menu-item {
+	margin:  0;
+	padding:  1px 0 ;
+	position:  relative ;
+	display: block ;
+}
+
+.menu-pane li.menu-item a:active,
+.menu-pane li.menu-item a:focus {
+	outline: none ;
+}
+
+.menu-pane li.menu-item a {
+	display: block ;
+	text-decoration: none ;
+	color:  black ;
+	margin: 0;
+	position: relative ;
+}
+
+.menu-pane li.menu-item.active a {
+	background: static_url('buttons.png') repeat-x left -67px;
+	color:  white ;
+	border-top-width: 1px;
+	border-top-color: #a9a9a9;
+}
+
+.menu-pane li.menu-item.disabled a,
+.menu-pane li.menu-item.disabled:hover a {
+	color: #888;
+	color: rgba(127,127,127,0.64);
+	background: transparent;
+}
+ 
+.menu-pane li.menu-item .inner {
+	display: block ;
+	line-height: 1;
+	padding: 4px 0px 3px 24px;
+	margin: 0;
+}
+
+.menu-pane li.menu-item a img {
+	border: none ;
+	vertical-align: middle ;
+	position: relative ;
+	top: -1px;
+	width: 16px;
+	height: 16px;
+	margin: -2px 0 ;
+	padding-right: 4px;
+}
+
+.menu-pane li.menu-item.disabled a img {
+	opacity: .50;
+	-moz-opacity: .50 ;
+}
+
+.menu-pane li.menu-item .shortcut {
+	position: absolute ;
+	right: 0;
+	top:  0;
+	padding: 3px 16px;
+	padding-left: 16px;
+	text-align: right ;
+}
+
+.menu-pane li.menu-item a span.sel,
+.menu-pane li.menu-item a span.mixed {
+	position: absolute ;
+	left: 0;
+	top:  0;
+	padding: 3px 6px;
+	padding-right: 0 ;
+	display: none ;
+	text-align: center ;
+	width: 8px;
+	font-size: 13px ;
+}
+
+.menu-pane li.menu-item a span.mixed {
+	font-weight: bold ;
+	padding-top: 1px;
+}
+
+.menu-pane li.menu-item.sel a span.sel,
+.menu-pane li.menu-item.mixed a span.mixed {
+	display: block ;
+}
+
+/* @end */
+