/*
¶ ↑
Project: Greenhouse - Epic Tear-Off Pickers Author: Matt Grantham - @MattGrantham
¶ ↑
*/
/* Pointers */
.sc-pane.sc-panel.sc-picker.gh-picker .perfectBottom {
width: 25px; height: 15px; top: -11px; left: 50%; margin-left: -13px; background: static_url('images/picker/pointer-top.png') no-repeat;
} .sc-pane.sc-panel.sc-picker.gh-picker .perfectTop {
width: 21px; height: 11px; bottom: -11px; left: 50%; margin-left: -11px; background: static_url('images/picker/pointer-bottom.png') no-repeat;
} .sc-pane.sc-panel.sc-picker.gh-picker .perfectLeft {
width: 12px; height: 22px; right: -13px; top: 22%; background: static_url('images/picker/pointer-right.png') no-repeat;
} .sc-pane.sc-panel.sc-picker.gh-picker .perfectRight {
width: 12px; height: 22px; left: -13px; top: 22%; background: static_url('images/picker/pointer-left.png') no-repeat;
}
/* Edges */
.gh-picker .panel-background div {
position: absolute;
}
.gh-picker .panel-background .top-left {
width: 18px; height: 53px; top: 0px; left: -9px; margin-left: -px; background: static_url('images/picker/top-left.png') no-repeat;
}
.gh-picker .panel-background .top {
left: 9px; right: 9px; height: 53px; top: 0px; background: static_url('images/picker/top.png') repeat-x;
}
.gh-picker .panel-background .top-right {
width: 18px; height: 53px; top: 0px; right: -9px; margin-left: -px; background: static_url('images/picker/top-right.png') no-repeat;
}
.gh-picker .panel-background .right {
top: 53px; bottom: 11px; width: 18px; right: -9px; background: static_url('images/picker/right.png') repeat-y;
}
.gh-picker .panel-background .bottom-right {
width: 18px; height: 23px; bottom: -12px; right: -9px; margin-left: -px; background: static_url('images/picker/bottom-right.png') no-repeat;
}
.gh-picker .panel-background .bottom {
left: 9px; right: 9px; height: 23px; bottom: -12px; background: static_url('images/picker/bottom.png') repeat-x;
}
.gh-picker .panel-background .bottom-left {
width: 18px; height: 23px; bottom: -12px; left: -9px; margin-left: -px; background: static_url('images/picker/bottom-left.png') no-repeat;
}
.gh-picker .panel-background .left {
top: 53px; bottom: 11px; width: 18px; left: -9px; background: static_url('images/picker/left.png') repeat-y;
}
.gh-picker.sc-pane.sc-panel > .sc-view {
background: none;
}
/* List Styling */ .gh-picker.sc-pane.sc-panel .content .sc-list-view, .gh-picker.sc-pane.sc-panel .content {
background: #ebebeb; border: none;
}
.sc-theme .sc-panel.sc-palette .sc-collection-view .sc-collection-item.sel, .sc-theme.focus .sc-panel.sc-palette .sc-collection-view.focus .sc-collection-item.sel {
background: #A4BE49; color: #000; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
/* Kill Grey Border */ body.sc-theme .gh-picker .sc-view.sc-gray-border {
border: none;
}
body.sc-theme .gh-picker .sc-view.library-list.sc-gray-border {
border-bottom: 1px dashed #aaa;
}
/* Allow control bar to spawn above picker frame */ .gh-picker.sc-pane.sc-panel.sc-picker > .sc-view .sc-view.control-bar {
z-index: 10; background: none;
}
/* Teared State ———————————————- */
.gh-picker.sc-pane.sc-panel.sc-palette .close-button {
background: static_url('images/picker/close.png') no-repeat; z-index: 12;
} .gh-picker.sc-pane.sc-panel.sc-palette .close-button.active {
background: static_url('images/picker/close-active.png') no-repeat;
}
/* Scrollbar - Vertical ———————————————- */ .gh-picker.sc-pane.sc-panel .sc-scroller-view.sc-vertical .track, .gh-picker.sc-pane.sc-panel .sc-scroller-view.sc-vertical .cap, .gh-picker.sc-pane.sc-panel .sc-scroller-view.sc-vertical .button-bottom, .gh-picker.sc-pane.sc-panel .sc-scroller-view.sc-vertical .button-top {
display: none;
}
/* Inspector Positioning Overrides & Styling ———————————————- */
.inspector .title {
font-size: 14px; text-shadow: 0 1px 0 #fff;
}
.gh-picker.sc-pane.sc-panel.inspector .sc-scroll-view {
border: 1px solid #CCCCCC
}
.gh-picker.sc-pane.sc-panel.inspector .sc-tab-view {
top: 12px !important;
}
.gh-picker.sc-pane.sc-panel.inspector .sc-button-view.sc-regular-size.square.prop-control .sc-button-label {
font-size: 24px; line-height: 23px;
}
.gh-picker.sc-pane.sc-panel.inspector .sc-tab-view > .sc-container-view {
top: 41px !important; bottom: 10px !important; background: #ebebeb; border: none;
}