sproutcore 1.6.0.beta.3-x86-mingw32 → 1.6.0.rc.1-x86-mingw32

data/lib/frameworks/sproutcore/frameworks/desktop/resources/list_item.css

@@ -0,0 +1,145 @@
+/* SC.ListItemView */
+
+.sc-list-item-view{
+  &.sc-regular-size {
+    font-size: 12px;
+  } 
+  &.sel {
+  	background-color: #888; 
+  	color: white ;
+  	.sc-checkbox-view {
+    	border: 1px #333 solid;
+    }
+    .count {
+    	background-color:  #333;
+    	border: 1px #333 solid;
+    }
+  }
+  &.active {
+  	background-color: #333 ;
+  	color: white ;
+  	.count {
+    	background-color:  #000;
+    	border: 1px #000 solid;
+    }
+  }
+  &.has-branch .count {
+  	right: 16px;
+  }
+  label {
+  	top: 50%;
+  	height: 18px;
+  	display: block;
+  	position: absolute; 
+  	margin-top: -9px;
+  	line-height: 18px;
+  	left:  4px;
+  	right: 4px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    -o-text-overflow: ellipsis;
+    -ms-text-overflow: ellipsis;
+  }
+  .sc-outline {
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+  }
+  &.has-icon label,
+  &.has-checkbox label {
+  	left: 24px;
+  }
+  &.has-checkbox.has-icon label {
+  	left: 44px;
+  }
+  img.icon,
+  img.right-icon {
+  	margin-top: -9px;
+  	position: absolute;
+  	top: 50%;
+  }
+  img.icon {
+    margin-top: -9px;
+  	position: absolute;
+  	top: 50%;
+  	left: 5px;
+  }
+  img.right-icon {
+    margin-top: -9px;
+  	position: absolute;
+  	top: 50%;
+    right: 5px;
+  }
+  &.has-checkbox img.icon {
+  	left: 25px;
+  }
+  
+  .has-count img.right-icon {
+    right: 32px;
+  }
+  &.has-count{
+    &.two-digit img.right-icon {
+      right: 38px;
+    }
+    &.three-digit img.right-icon {
+      right: 44px;
+    }
+    &.four-digit img.right-icon {
+      right: 50px;
+    }
+    &.five-digit img.right-icon {
+      right: 56px;
+    }
+  }
+  .sc-checkbox-view {
+  	position: absolute;
+  	display: block;
+  	border: 1px #888 solid;
+  	width: 12px;
+  	height: 12px;
+  	left: 5px;
+  	top:  50%;
+  	margin-top: -8px;
+
+  	-webkit-border-radius: 2px;
+  	-moz-border-radius: 2px;
+  	border-radius: 2px;
+  	background-color: #d0d0d0 ;
+    & .active {
+      background-color: #333;
+      border-color: black;
+    }
+  }
+  .count {
+  	position: absolute;
+  	display: block;
+  	right: 4px;
+  	top:  50%;
+  	margin-top: -7px;
+  	height: 12px;
+  	background-color: #888;
+  	text-align: center;
+  	padding-left: 7px;
+  	padding-right: 8px;
+  	line-height: 11px;
+  	color: white ;
+  	font-weight: bold;
+  	border: 1px #888 solid;
+  	letter-spacing: -1px;
+  	-webkit-border-radius: 7px;
+  	-moz-border-radius: 7px;
+  }
+  
+  .branch {
+  	position: absolute;
+  	width: 16px;
+  	height: 16px;
+  	display: block;
+  	right: 1px;
+  	top: 50%;
+  	margin-top: -8px;
+  }
+}

data/lib/frameworks/sproutcore/frameworks/desktop/resources/menu.css

@@ -0,0 +1,10 @@
+
+.sc-menu-scroll-view{
+  .sc-menu-scroller-view {
+    background: #EAEAEA;
+  }
+  .sc-menu-scroller-view.sc-vertical {
+    overflow-y: hidden;
+    text-align: center;
+  }
+} 

data/lib/frameworks/sproutcore/frameworks/desktop/resources/menu_item_view.css

@@ -0,0 +1,88 @@
+.sc-menu-item {
+  background-color: #ffffff none repeat scroll 0 0;
+  border: none;
+  
+  a {
+    position: absolute;
+    display: block;
+    top: 0;
+    bottom: 0px;
+    left: 0px;
+    right: 0px;
+    line-height: 22px;
+    text-decoration: none ;
+    text-align: left;
+    color: black;
+    outline: none ;
+    span.shortcut {
+      position:absolute;
+      right:5px;
+      margin-right:15px;
+      text-align:center;
+      font-size: 12px;
+    }
+    &.has-icon span.value {
+      margin-left: 44px;
+    }
+    &.shortcutkey span.value {
+      right: 55px;
+    }
+  }
+  &.disabled{
+    border:none;
+    color:#A0A0A0;
+    a{
+      color:#A0A0A0;
+    }
+    a:hover {
+      background-color: transparent;
+      color:#A0A0A0;
+    }
+    .checkbox{
+      background-image: url(data:image/gif;base64,R0lGODlhAQABAJAAAP///wAAACH5BAUQAAAALAAAAAABAAEAAAICBAEAOw==) top left no-repeat; 
+      *background-image: sc_static('foundation:blank.gif') top left no-repeat; /* IE < 8 */
+    }
+    
+  }
+  span.separator{
+    display: block;
+    height: 1px;
+    border-bottom: 1px #cccccc solid;
+  }
+  img {
+    left: 24px;
+    top: 3px;
+    display: block;
+    position: absolute;
+  }
+  &.checkbox {
+    position: absolute;
+    display: block;
+    width: 12px;
+    height: 12px;
+    left: 6px;
+    top: 5px;
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+    &.inactive {
+      background-image: url(data:image/gif;base64,R0lGODlhAQABAJAAAP///wAAACH5BAUQAAAALAAAAAABAAEAAAICBAEAOw==) top left no-repeat; 
+      *background-image: sc_static('foundation:blank.gif') top left no-repeat; /* IE < 8 */
+    }
+  }
+  
+  .value {
+    position: absolute;
+    top: 0px;
+    bottom: 0px;
+    left: 0px;
+    right: 5px;
+    display: inline-block;
+    text-align:left;
+    margin-left:25px;
+  }
+  
+  &.sc-small-size a {
+    line-height: 11px;
+    font-size: 11px;
+  }
+}

data/lib/frameworks/sproutcore/frameworks/desktop/{english.lproj → resources}/modal.css

@@ -2,8 +2,7 @@
 
 .sc-pane.sc-modal {
   z-index: 100;
+  .msie &{
+    background-image: url('.');
+  }
 }
-
-.msie .sc-pane.sc-modal {
-  background-image: url('.');
-}

data/lib/frameworks/sproutcore/frameworks/desktop/resources/panel.css

@@ -0,0 +1,91 @@
+/** SC.Panel Support */
+
+.sc-pane.sc-panel {
+  overflow: visible;
+  z-index: 100;
+  &.for-sc-panel {
+    background: black;
+    opacity: 0.3;
+    -moz-opacity: 0.3;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; 
+    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
+  }
+  
+  > .sc-view {
+    border: 0px #444 solid;
+    background-color: #eaeaea ;
+  }
+
+  > .top-right-edge {
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    top: -20px;
+    right: -20px;
+    z-index: -1;
+  }
+
+  > .top-left-edge {
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    top: -20px;
+    left: -20px;
+    z-index: -1;
+  }
+
+  > .bottom-left-edge {
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    bottom: -20px;
+    left: -20px;
+    z-index: -1;
+  }
+
+  > .bottom-right-edge {
+    position: absolute;
+    width: 40px;
+    height: 40px;
+    bottom: -20px;
+    right: -20px;
+    z-index: -1;
+  }
+
+  > .top-edge {
+    position: absolute;
+    height: 20px;
+    top: -20px;
+    right: 20px;
+    left: 20px;
+    z-index: -1;
+  }
+
+  > .bottom-edge {
+    position: absolute;
+    height: 20px;
+    bottom: -20px;
+    right: 20px;
+    left: 20px;
+    z-index: -1;
+  }
+
+  > .left-edge {
+    position: absolute;
+    width: 20px;
+    top: 20px;
+    bottom: 20px;
+    left: -20px;
+    z-index: -1;
+  }
+
+  > .right-edge {
+    position: absolute;
+    width: 20px;
+    top: 20px;
+    bottom: 20px;
+    right: -20px;
+    z-index: -1;
+  }
+}
+