/*
¶ ↑
Project: Greenhouse - Application Selector Page Author: Matt Grantham - @MattGrantham
¶ ↑
*/
/* Application Picker Page ———————————————- */
.sc-logo {
background: static_url('images/logos/sproutcore.png');
}
.greenhouse-logo-l {
background: static_url('images/logos/greenhouse-l.png');
}
.app-picker .helper {
background: static_url('images/app-selector/choose-app.png');
}
/* List of Application */
.app-picker .sc-view.sc-scroll-view.sc-gray-border {
border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #2c2c2c; border: 1px solid #1d1d1d; -moz-box-shadow: 0 1px 0 #494949; -webkit-box-shadow: 0 1px 0 #494949;
}
.app-picker .sc-collection-view {
background: none;
}
.app-picker .sc-scroll-view .sc-list-item-view {
font-size: 16px; color: #fff; text-shadow: 0 1px 0 #000; border-top: 1px solid #3d3d3d; border-bottom: 1px solid #1c1c1c;
} .sc-theme.focus .app-picker .sc-collection-view.focus .sc-collection-item.sel, .app-picker .sc-scroll-view .sc-list-item-view.sel {
color: #e8ffb0; border-top: 1px solid #727272; background: static_url('images/app-selector/list-item-sel.png') repeat-x; border-bottom: 1px solid #1c1c1c;
} .sc-theme.focus .app-picker .sc-collection-view.focus .sc-collection-item.sel.first, .app-picker .sc-scroll-view .sc-list-item-view.first, .app-picker .sc-scroll-view .sc-list-item-view.sel.first {
border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-top: none;
}
.app-picker .sc-list-item-view img {
margin-top: -8px !important;
}
.app-picker .sc-list-item-view label {
left: 26px !important;
}
/* Load App Button */
/* HACK: Overriding Default Sproutcore button styling…quick and dirty */
.app-picker .sc-button-view.sc-regular-size.def.capsule .right {
background: static_url('images/buttons/capsule-xl/regular-r.png') !important; width: 13px !important; height: 28px !important; max-height: 28px !important;
} .app-picker .sc-button-view.sc-regular-size.def.capsule .left {
background: static_url('images/buttons/capsule-xl/regular-l.png') !important; width: 13px !important; height: 28px !important; max-height: 28px !important;
} .app-picker .sc-button-view.sc-regular-size.def.capsule .sc-button-label {
background: static_url('images/buttons/capsule-xl/regular-m.png') !important; font-size: 14px !important; color: #000 !important; text-shadow: 0 1px 0 #c5c5c5 !important; height: 28px !important; max-height: 28px !important; line-height: 28px !important; margin: 0 13px !important; padding: 0 !important;
}
.app-picker .sc-button-view.sc-regular-size.def.capsule.active .right {
background: static_url('images/buttons/capsule-xl/active-r.png') !important;
} .app-picker .sc-button-view.sc-regular-size.def.capsule.active .left {
background: static_url('images/buttons/capsule-xl/active-l.png') !important;
} .app-picker .sc-button-view.sc-regular-size.def.capsule.active .sc-button-label {
background: static_url('images/buttons/capsule-xl/active-m.png') !important; color: #313131 !important;
}