r2894 - switched all dimensions on arrows over to px. Unfortunately, em equivalent values were no...
Author: scottjehl
Date: Wed Jul 8 13:17:54 2009
New Revision: 2894
Modified:
branches/dev/tooltip/themes/base/ui.tooltip.css
Log:
switched all dimensions on arrows over to px. Unfortunately, em equivalent
values were not consistently rendered across browsers.
Modified: branches/dev/tooltip/themes/base/ui.tooltip.css
==============================================================================
--- branches/dev/tooltip/themes/base/ui.tooltip.css (original)
+++ branches/dev/tooltip/themes/base/ui.tooltip.css Wed Jul 8 13:17:54 2009
@@ -1,43 +1,43 @@
/*Tooltip and Pointer CSS*/
-.ui-tooltip { padding:.8em; width:12em; border-width:2px;
position:absolute; z-index:9999; }
+.ui-tooltip { padding:8px; width:100px; border-width:2px;
position:absolute; z-index:9999; }
.ui-tooltip .ui-tooltip-pointer,.ui-tooltip .ui-tooltip-pointer-inner {
position:absolute; width:0; height:0; background:none; }
/*top*/
-.ui-tooltip-arrow-tr .ui-tooltip-pointer,.ui-tooltip-arrow-tc .ui-tooltip-pointer,.ui-tooltip-arrow-tl .ui-tooltip-pointer
{
top:-1.4em; border-top:0; border-bottom-width:1.4em; }
-.ui-tooltip-arrow-tr .ui-tooltip-pointer { border-left:1.8em dotted
transparent; border-right:0; right:1em; }
-.ui-tooltip-arrow-tc .ui-tooltip-pointer { border-left:1em dotted
transparent; border-right:1em dotted transparent; left:50%;
margin-left:-1em; }
-.ui-tooltip-arrow-tl .ui-tooltip-pointer { border-left:0;
border-right:1.8em dotted transparent; left:1em; }
-.ui-tooltip-arrow-tr .ui-tooltip-pointer-inner,.ui-tooltip-arrow-tc .ui-tooltip-pointer-inner,.ui-tooltip-arrow-tl .ui-tooltip-pointer-inner
{
border-bottom:1em solid #fff; bottom:-1.4em; }
-.ui-tooltip-arrow-tr .ui-tooltip-pointer-inner { border-left:1.2em dotted
transparent; border-right:0; right:.2em; }
-.ui-tooltip-arrow-tc .ui-tooltip-pointer-inner { border-left:.8em dotted
transparent; border-right:.8em dotted transparent; left:-.8em; }
-.ui-tooltip-arrow-tl .ui-tooltip-pointer-inner { border-left:0;
border-right:1.2em dotted transparent; left:.2em; }
+.ui-tooltip-arrow-tr .ui-tooltip-pointer,.ui-tooltip-arrow-tc .ui-tooltip-pointer,.ui-tooltip-arrow-tl .ui-tooltip-pointer
{
top:-14px; border-top:0; border-bottom-width:14px; }
+.ui-tooltip-arrow-tr .ui-tooltip-pointer { border-left:18px dotted
transparent; border-right:0; right:10px; }
+.ui-tooltip-arrow-tc .ui-tooltip-pointer { border-left:10px dotted
transparent; border-right:10px dotted transparent; left:50%;
margin-left:-10px; }
+.ui-tooltip-arrow-tl .ui-tooltip-pointer { border-left:0;
border-right:18px dotted transparent; left:10px; }
+.ui-tooltip-arrow-tr .ui-tooltip-pointer-inner,.ui-tooltip-arrow-tc .ui-tooltip-pointer-inner,.ui-tooltip-arrow-tl .ui-tooltip-pointer-inner
{
border-bottom:10px solid #fff; bottom:-14px; }
+.ui-tooltip-arrow-tr .ui-tooltip-pointer-inner { border-left:12px dotted
transparent; border-right:0; right:2px; }
+.ui-tooltip-arrow-tc .ui-tooltip-pointer-inner { border-left:8px dotted
transparent; border-right:8px dotted transparent; left:-8px; }
+.ui-tooltip-arrow-tl .ui-tooltip-pointer-inner { border-left:0;
border-right:12px dotted transparent; left:2px; }
/*right*/
-.ui-tooltip-arrow-rb .ui-tooltip-pointer,.ui-tooltip-arrow-rc .ui-tooltip-pointer,.ui-tooltip-arrow-rt .ui-tooltip-pointer
{
right:-1.4em; border-right:0; border-left-width:1.4em; }
-.ui-tooltip-arrow-rb .ui-tooltip-pointer { border-bottom:0;
border-top:1.8em dotted transparent; bottom:1em; }
-.ui-tooltip-arrow-rc .ui-tooltip-pointer { border-bottom:1em dotted
transparent; border-top:1em dotted transparent; bottom:50%;
margin-bottom:-1em; }
-.ui-tooltip-arrow-rt .ui-tooltip-pointer { border-bottom:1.8em dotted
transparent; border-top:0; top:1em; }
-.ui-tooltip-arrow-rb .ui-tooltip-pointer-inner,.ui-tooltip-arrow-rc .ui-tooltip-pointer-inner,.ui-tooltip-arrow-rt .ui-tooltip-pointer-inner
{
border-left:1em solid #fff; left:-1.4em; }
-.ui-tooltip-arrow-rb .ui-tooltip-pointer-inner { border-bottom:0;
border-top:1.2em dotted transparent; bottom:.2em; }
-.ui-tooltip-arrow-rc .ui-tooltip-pointer-inner { border-bottom:.8em dotted
transparent; border-top:.8em dotted transparent; bottom:-.8em; }
-.ui-tooltip-arrow-rt .ui-tooltip-pointer-inner { border-bottom:1.2em
dotted transparent; border-top:0; top:.2em; }
+.ui-tooltip-arrow-rb .ui-tooltip-pointer,.ui-tooltip-arrow-rc .ui-tooltip-pointer,.ui-tooltip-arrow-rt .ui-tooltip-pointer
{
right:-14px; border-right:0; border-left-width:14px; }
+.ui-tooltip-arrow-rb .ui-tooltip-pointer { border-bottom:0;
border-top:18px dotted transparent; bottom:10px; }
+.ui-tooltip-arrow-rc .ui-tooltip-pointer { border-bottom:10px dotted
transparent; border-top:10px dotted transparent; bottom:50%;
margin-bottom:-10px; }
+.ui-tooltip-arrow-rt .ui-tooltip-pointer { border-bottom:18px dotted
transparent; border-top:0; top:10px; }
+.ui-tooltip-arrow-rb .ui-tooltip-pointer-inner,.ui-tooltip-arrow-rc .ui-tooltip-pointer-inner,.ui-tooltip-arrow-rt .ui-tooltip-pointer-inner
{
border-left:10px solid #fff; left:-14px; }
+.ui-tooltip-arrow-rb .ui-tooltip-pointer-inner { border-bottom:0;
border-top:12px dotted transparent; bottom:2px; }
+.ui-tooltip-arrow-rc .ui-tooltip-pointer-inner { border-bottom:8px dotted
transparent; border-top:8px dotted transparent; bottom:-8px; }
+.ui-tooltip-arrow-rt .ui-tooltip-pointer-inner { border-bottom:12px dotted
transparent; border-top:0; top:2px; }
/*bottom*/
-.ui-tooltip-arrow-br .ui-tooltip-pointer,.ui-tooltip-arrow-bc .ui-tooltip-pointer,.ui-tooltip-arrow-bl .ui-tooltip-pointer
{
bottom:-1.4em; border-bottom:0; border-top-width:1.4em; }
-.ui-tooltip-arrow-br .ui-tooltip-pointer { border-left:1.8em dotted
transparent; border-right:0; right:1em; }
-.ui-tooltip-arrow-bc .ui-tooltip-pointer { border-left:1em dotted
transparent; border-right:1em dotted transparent; left:50%;
margin-left:-1em; }
-.ui-tooltip-arrow-bl .ui-tooltip-pointer { border-left:0;
border-right:1.8em dotted transparent; left:1em; }
-.ui-tooltip-arrow-br .ui-tooltip-pointer-inner,.ui-tooltip-arrow-bc .ui-tooltip-pointer-inner,.ui-tooltip-arrow-bl .ui-tooltip-pointer-inner
{
border-top:1em solid #fff; top:-1.4em; }
-.ui-tooltip-arrow-br .ui-tooltip-pointer-inner { border-left:1.2em dotted
transparent; border-right:0; right:.2em; }
-.ui-tooltip-arrow-bc .ui-tooltip-pointer-inner { border-left:.8em dotted
transparent; border-right:.8em dotted transparent; left:-.8em; }
-.ui-tooltip-arrow-bl .ui-tooltip-pointer-inner { border-left:0;
border-right:1.2em dotted transparent; left:.2em; }
+.ui-tooltip-arrow-br .ui-tooltip-pointer,.ui-tooltip-arrow-bc .ui-tooltip-pointer,.ui-tooltip-arrow-bl .ui-tooltip-pointer
{
bottom:-14px; border-bottom:0; border-top-width:14px; }
+.ui-tooltip-arrow-br .ui-tooltip-pointer { border-left:18px dotted
transparent; border-right:0; right:10px; }
+.ui-tooltip-arrow-bc .ui-tooltip-pointer { border-left:10px dotted
transparent; border-right:10px dotted transparent; left:50%;
margin-left:-10px; }
+.ui-tooltip-arrow-bl .ui-tooltip-pointer { border-left:0;
border-right:18px dotted transparent; left:10px; }
+.ui-tooltip-arrow-br .ui-tooltip-pointer-inner,.ui-tooltip-arrow-bc .ui-tooltip-pointer-inner,.ui-tooltip-arrow-bl .ui-tooltip-pointer-inner
{
border-top:10px solid #fff; top:-14px; }
+.ui-tooltip-arrow-br .ui-tooltip-pointer-inner { border-left:12px dotted
transparent; border-right:0; right:2px; }
+.ui-tooltip-arrow-bc .ui-tooltip-pointer-inner { border-left:8px dotted
transparent; border-right:8px dotted transparent; left:-8px; }
+.ui-tooltip-arrow-bl .ui-tooltip-pointer-inner { border-left:0;
border-right:12px dotted transparent; left:2px; }
/*left*/
-.ui-tooltip-arrow-lb .ui-tooltip-pointer,.ui-tooltip-arrow-lc .ui-tooltip-pointer,.ui-tooltip-arrow-lt .ui-tooltip-pointer
{
left:-1.4em; border-left:0; border-right-width:1.4em; }
-.ui-tooltip-arrow-lb .ui-tooltip-pointer { border-bottom:0;
border-top:1.8em dotted transparent; bottom:1em; }
-.ui-tooltip-arrow-lc .ui-tooltip-pointer { border-bottom:1em dotted
transparent; border-top:1em dotted transparent; bottom:50%;
margin-bottom:-1em; }
-.ui-tooltip-arrow-lt .ui-tooltip-pointer { border-bottom:1.8em dotted
transparent; border-top:0; top:1em; }
-.ui-tooltip-arrow-lb .ui-tooltip-pointer-inner,.ui-tooltip-arrow-lc .ui-tooltip-pointer-inner,.ui-tooltip-arrow-lt .ui-tooltip-pointer-inner
{
border-right:1em solid #fff; right:-1.4em; }
-.ui-tooltip-arrow-lb .ui-tooltip-pointer-inner { border-bottom:0;
border-top:1.2em dotted transparent; bottom:.2em; }
-.ui-tooltip-arrow-lc .ui-tooltip-pointer-inner { border-bottom:.8em dotted
transparent; border-top:.8em dotted transparent; bottom:-.8em; }
-.ui-tooltip-arrow-lt .ui-tooltip-pointer-inner { border-bottom:1.2em
dotted transparent; border-top:0; top:.2em; }
\ No newline at end of file
+.ui-tooltip-arrow-lb .ui-tooltip-pointer,.ui-tooltip-arrow-lc .ui-tooltip-pointer,.ui-tooltip-arrow-lt .ui-tooltip-pointer
{
left:-14px; border-left:0; border-right-width:14px; }
+.ui-tooltip-arrow-lb .ui-tooltip-pointer { border-bottom:0;
border-top:18px dotted transparent; bottom:10px; }
+.ui-tooltip-arrow-lc .ui-tooltip-pointer { border-bottom:10px dotted
transparent; border-top:10px dotted transparent; bottom:50%;
margin-bottom:-10px; }
+.ui-tooltip-arrow-lt .ui-tooltip-pointer { border-bottom:18px dotted
transparent; border-top:0; top:10px; }
+.ui-tooltip-arrow-lb .ui-tooltip-pointer-inner,.ui-tooltip-arrow-lc .ui-tooltip-pointer-inner,.ui-tooltip-arrow-lt .ui-tooltip-pointer-inner
{
border-right:10px solid #fff; right:-14px; }
+.ui-tooltip-arrow-lb .ui-tooltip-pointer-inner { border-bottom:0;
border-top:12px dotted transparent; bottom:2px; }
+.ui-tooltip-arrow-lc .ui-tooltip-pointer-inner { border-bottom:8px dotted
transparent; border-top:8px dotted transparent; bottom:-8px; }
+.ui-tooltip-arrow-lt .ui-tooltip-pointer-inner { border-bottom:12px dotted
transparent; border-top:0; top:2px; }
\ No newline at end of file