Skip to content

Instantly share code, notes, and snippets.

@ericf
Created May 20, 2011 17:45
Show Gist options
  • Save ericf/983397 to your computer and use it in GitHub Desktop.
Save ericf/983397 to your computer and use it in GitHub Desktop.
.yui3-overlay-pointing {}
.yui3-overlay-pointer {
position: absolute;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px;
}
.yui3-overlay-pointing-tl > .yui3-widget-stdmod,
.yui3-overlay-pointing-tc > .yui3-widget-stdmod,
.yui3-overlay-pointing-tr > .yui3-widget-stdmod {
margin-top: 10px;
}
.yui3-overlay-pointing-bl > .yui3-widget-stdmod,
.yui3-overlay-pointing-bc > .yui3-widget-stdmod,
.yui3-overlay-pointing-br > .yui3-widget-stdmod {
margin-bottom: 10px;
}
.yui3-overlay-pointing-lc > .yui3-widget-stdmod {
margin-left: 10px;
}
.yui3-overlay-pointing-rc > .yui3-widget-stdmod {
margin-right: 10px;
}
.yui3-overlay-pointing-bl-tc .yui3-widget-stdmod {
position: relative;
left: -30px;
}
.yui3-overlay-pointing-tl .yui3-overlay-pointer,
.yui3-overlay-pointing-tc .yui3-overlay-pointer,
.yui3-overlay-pointing-tr .yui3-overlay-pointer {
top: -10px;
border-color: transparent transparent #222 transparent;
border-color: transparent transparent rgba(34, 34, 34, 0.9) transparent;
}
.yui3-overlay-pointing-bl .yui3-overlay-pointer,
.yui3-overlay-pointing-bc .yui3-overlay-pointer,
.yui3-overlay-pointing-br .yui3-overlay-pointer {
bottom: -10px;
border-top-color: #222;
border-top-color: rgba(34, 34, 34, 0.9);
border-color: #222 transparent transparent transparent;
border-color: rgba(34, 34, 34, 0.9) transparent transparent transparent;
}
.yui3-overlay-pointing-tl .yui3-overlay-pointer,
.yui3-overlay-pointing-bl .yui3-overlay-pointer {
left: 20px;
}
.yui3-overlay-pointing-bl-tc .yui3-overlay-pointer {
left: -10px;
}
.yui3-overlay-pointing-tc .yui3-overlay-pointer,
.yui3-overlay-pointing-bc .yui3-overlay-pointer {
left: 50%;
margin-left: -10px;
}
.yui3-overlay-pointing-tr .yui3-overlay-pointer,
.yui3-overlay-pointing-br .yui3-overlay-pointer {
right: 20px;
}
.yui3-overlay-pointing-lc .yui3-overlay-pointer,
.yui3-overlay-pointing-rc .yui3-overlay-pointer {
top: 50%;
margin-top: -10px;
}
.yui3-overlay-pointing-lc .yui3-overlay-pointer {
left: -10px;
border-color: transparent #222 transparent transparent;
border-color: transparent rgba(34, 34, 34, 0.9) transparent transparent;
}
.yui3-overlay-pointing-rc .yui3-overlay-pointer {
right: -10px;
border-color: transparent transparent transparent #222;
border-color: transparent transparent transparent rgba(34, 34, 34, 0.9);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment