Sha256: dd784786d1e4541510c102ef23d1d6353eb06f0e5cde4511ebe3a9d0a9763865
Contents?: true
Size: 1.83 KB
Versions: 7
Compression:
Stored size: 1.83 KB
Contents
$theme.menu {
.sc-menu-scroll-view { background: transparent; }
.panel-background {
background: transparent;
position: absolute;
// The top and bottom match the menuHeightPadding value.
top: -22px; right: -15px; bottom: -22px; left: -15px;
@include slices("menu.png", $left: 25, $right: 25, $top: 25, $bottom: 25, $fill: 1 1);
}
/* may want to make some of this control size dependent... */
.sc-menu-item {
background: transparent;
border: 0 none;
.value {
margin-left: 20px;
line-height: 20px;
}
.has-icon .value {
margin-left: 44px;
}
&.focus, a:hover {
span { color: white; }
@include slice("menu_item.png", $width: 1, $repeat: repeat-x);
text-shadow: 0 -1px 1px rgba(0, 0, 0, .6);
}
&.disabled a:hover, &.disabled.focus a:hover {
span { color: #A0A0A0; }
text-shadow: none;
background: transparent;
}
/* CHECKBOXES */
.checkbox {
position: absolute;
left: 5px;
top: 4px;
width: 12px; height: 12px;
@include slice(checkmark.png);
}
&.focus .checkbox, &:hover .checkbox {
top: 4px; /* NOTE THE SLIGHT DIFFERENCE */
@include slice(checkmark_active.png);
}
/* SEPARATORS */
span.separator {
margin-left: 0;
position: absolute;
top: 2px;
left: 1px;
right: 1px;
border-top: 1px solid rgb(255, 255, 255);
border-bottom: 1px solid rgb(200, 200, 200);
}
}
/* ARROWS */
.sc-menu-scroller-view { background: transparent; }
.arrowUp {
position: absolute;
left: 50%; top: -3px; margin-left: -7px;
height: 14px; width: 14px;
@include slice(up.png);
}
.arrowDown {
position: absolute;
left: 50%; bottom: -3px; margin-left: -7px;
height: 14px; width: 14px;
@include slice(down.png);
}
}
Version data entries
7 entries across 7 versions & 1 rubygems