/* @override http://localhost:4020/static/sproutcore/en/desktop/_cache/sc.theme/1227701833/segmented.css http://localhost:4020/static/sproutcore/en/desktop/_cache/sc.theme/1227702837/segmented.css */ .sc-theme .sc-segmented-view { display: block; } .sc-theme .sc-segmented-view a.sc-segment { text-decoration: none ; color: black ; text-align: center ; } .sc-theme a.sc-segment:active, a.sc-segment:focus { outline: none; } .sc-theme a.sc-segment img.icon { position: relative; vertical-align: middle; top: -2px; margin-right: 2px; height: 16px; width: 16px; } .sc-theme .sc-segmented-view.disabled a.sc-segment img.icon { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); } /* @group Layout */ .sc-theme .sc-segmented-view a.sc-segment { display: block; top: 0; height: 24px; line-height: 24px; text-shadow: #fff 0px 1px 0px; margin-left: -1px; } .sc-theme .sc-segmented-view .sc-button-inner { display: block; min-width: 20px; min-height: 24px; border: none; } .sc-theme .sc-segmented-view a.sc-segment { padding-left: 11px; padding-right: 0; border: none; background: transparent; } .sc-theme .sc-segmented-view a.sc-segment .sc-button-inner { padding-left: 0; padding-right: 11px; background: transparent; } .sc-theme .sc-segmented-view a.sc-segment label { display: block; line-height: 24px; height: 24px; text-align: center; background: transparent; } /* @end */ /* @group Appearance */ /* @group Normal */ .sc-theme .sc-segmented-view a.sc-segment.sc-last-segment .sc-button-inner { background: static_url('images/sc-theme-repeat-x.png') no-repeat right -814px; } .sc-theme .sc-segmented-view a.sc-segment.sc-first-segment { background: static_url('images/sc-theme-repeat-x.png') no-repeat left -789px; } .sc-theme .sc-segmented-view a.sc-segment label { background: static_url('images/sc-theme-repeat-x.png') repeat-x left -764px; text-shadow: #fff 0px 1px 0px; } .sc-theme .sc-segmented-view a.sc-segment.sc-middle-segment, .sc-theme .sc-segmented-view a.sc-segment.sc-last-segment { background: static_url('images/sc-theme-repeat-x.png') no-repeat left -839px; } .sc-theme .sc-segmented-view a.sc-segment.sc-middle-segment .sc-button-inner, .sc-theme .sc-segmented-view a.sc-segment.sc-first-segment .sc-button-inner { background: static_url('images/sc-theme-repeat-x.png') no-repeat right -864px; } /* @end */ /* @group Active */ .sc-theme .sc-segmented-view a.sc-segment.active.sc-last-segment .sc-button-inner { background: static_url('images/sc-theme-repeat-x.png') no-repeat right -939px; } .sc-theme .sc-segmented-view a.sc-segment.active.sc-first-segment { background: static_url('images/sc-theme-repeat-x.png') no-repeat left -913px; } .sc-theme .sc-segmented-view a.sc-segment.active label { background: static_url('images/sc-theme-repeat-x.png') repeat-x left -889px; text-shadow: #fff 0px 1px 0px; text-shadow: black 0px -1px 0px; color: white; } .sc-theme .sc-segmented-view a.sc-segment.active.sc-middle-segment, .sc-theme .sc-segmented-view a.sc-segment.active.sc-last-segment { background: static_url('images/sc-theme-repeat-x.png') no-repeat left -964px; } .sc-theme .sc-segmented-view a.sc-segment.active.sc-middle-segment .sc-button-inner, .sc-theme .sc-segmented-view a.sc-segment.active.sc-first-segment .sc-button-inner { background: static_url('images/sc-theme-repeat-x.png') no-repeat right -989px; } /* @end */ /* @group Normal - Disabled */ .sc-theme .sc-segmented-view a.sc-segment.sc-last-segment.disabled .sc-button-inner, .sc-theme .sc-segmented-view.disabled a.sc-segment.sc-last-segment .sc-button-inner { background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1064px; } .sc-theme .sc-segmented-view a.sc-segment.sc-first-segment.disabled, .sc-theme .sc-segmented-view.disabled a.sc-segment.sc-first-segment { background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1038px; } .sc-theme .sc-segmented-view a.sc-segment.disabled label, .sc-theme .sc-segmented-view.disabled a.sc-segment label { background: static_url('images/sc-theme-repeat-x.png') repeat-x left -1014px; color: #999; text-shadow: none; } .sc-theme .sc-segmented-view a.sc-segment.sc-middle-segment.disabled, .sc-theme .sc-segmented-view a.sc-segment.sc-last-segment.disabled, .sc-theme .sc-segmented-view.disabled a.sc-segment.sc-middle-segment, .sc-theme .sc-segmented-view.disabled a.sc-segment.sc-last-segment { background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1089px; } .sc-theme .sc-segmented-view a.sc-segment.sc-middle-segment.disabled .sc-button-inner, .sc-theme .sc-segmented-view a.sc-segment.sc-first-segment.disabled .sc-button-inner, .sc-theme .sc-segmented-view.disabled a.sc-segment.sc-middle-segment .sc-button-inner, .sc-theme .sc-segmented-view.disabled a.sc-segment.sc-first-segment .sc-button-inner { background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1114px; } /* @end */ /* @group Selected */ .sc-theme .sc-segmented-view a.sc-segment.sc-last-segment.sel .sc-button-inner { background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1190px; } .sc-theme .sc-segmented-view a.sc-segment.sc-first-segment.sel { background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1164px; } .sc-theme .sc-segmented-view a.sc-segment.sel label { background: static_url('images/sc-theme-repeat-x.png') repeat-x left -1140px; text-shadow: black 0px -1px 0px; color: white; } .sc-theme .sc-segmented-view a.sc-segment.sc-middle-segment.sel, .sc-theme .sc-segmented-view a.sc-segment.sc-last-segment.sel { background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1215px; } .sc-theme .sc-segmented-view a.sc-segment.sc-middle-segment.sel .sc-button-inner, .sc-theme .sc-segmented-view a.sc-segment.sc-first-segment.sel .sc-button-inner { background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1240px; } /* @end */ /* @group Selected - Disabled */ .sc-theme .sc-segmented-view a.sc-segment.sel.sc-last-segment.disabled .sc-button-inner, .sc-theme .sc-segmented-view.disabled a.sc-segment.sel.sc-last-segment .sc-button-inner { background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1442px; } .sc-theme .sc-segmented-view a.sc-segment.sel.sc-first-segment.disabled, .sc-theme .sc-segmented-view.disabled a.sc-segment.sel.sc-first-segment { background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1416px; } .sc-theme .sc-segmented-view a.sc-segment.sel.disabled label, .sc-theme .sc-segmented-view.disabled a.sc-segment.sel label { background: static_url('images/sc-theme-repeat-x.png') repeat-x left -1392px; color: white; text-shadow: none; } .sc-theme .sc-segmented-view a.sc-segment.sel.sc-middle-segment.disabled, .sc-theme .sc-segmented-view a.sc-segment.sel.sc-last-segment.disabled, .sc-theme .sc-segmented-view.disabled a.sc-segment.sel.sc-middle-segment, .sc-theme .sc-segmented-view.disabled a.sc-segment.sel.sc-last-segment { background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1467px; } .sc-theme .sc-segmented-view a.sc-segment.sel.sc-middle-segment.disabled .sc-button-inner, .sc-theme .sc-segmented-view a.sc-segment.sel.sc-first-segment.disabled .sc-button-inner, .sc-theme .sc-segmented-view.disabled a.sc-segment.sel.sc-middle-segment .sc-button-inner, .sc-theme .sc-segmented-view.disabled a.sc-segment.sel.sc-first-segment .sc-button-inner { background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1492px; } /* @end */ /* @group Selected - Active */ .sc-theme .sc-segmented-view a.sc-segment.active.sel.sc-last-segment .sc-button-inner { background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1316px; } .sc-theme .sc-segmented-view a.sc-segment.active.sel.sc-first-segment { background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1290px; } .sc-theme .sc-segmented-view a.sc-segment.active.sel label { background: static_url('images/sc-theme-repeat-x.png') repeat-x left -1266px; text-shadow: black 0px -1px 0px; color: white; } .sc-theme .sc-segmented-view a.sc-segment.active.sel.sc-middle-segment, .sc-theme .sc-segmented-view a.sc-segment.active.sel.sc-last-segment { background: static_url('images/sc-theme-repeat-x.png') no-repeat left -1341px; } .sc-theme .sc-segmented-view a.sc-segment.active.sel.sc-middle-segment .sc-button-inner, .sc-theme .sc-segmented-view a.sc-segment.active.sel.sc-first-segment .sc-button-inner { background: static_url('images/sc-theme-repeat-x.png') no-repeat right -1366px; } /* @end */ /* @end */