From bee3e7d9cbd7a04c647c33487e28da3b530b7486 Mon Sep 17 00:00:00 2001 From: Craig Michael Thompson Date: Mon, 29 Nov 2010 04:34:46 +0000 Subject: [PATCH] Updated tipsy style to remvoe titlebar inconsistencies and removed div qualifiers from extra styles. --- dist/jquery.qtip.css | 46 +++++++++++++++++++++++----------------- dist/jquery.qtip.js | 2 +- dist/jquery.qtip.min.js | 2 +- dist/jquery.qtip.pack.js | 2 +- src/extra.css | 44 ++++++++++++++++++++++---------------- 5 files changed, 56 insertions(+), 40 deletions(-) diff --git a/dist/jquery.qtip.css b/dist/jquery.qtip.css index 99433559..a6557a7b 100644 --- a/dist/jquery.qtip.css +++ b/dist/jquery.qtip.css @@ -9,7 +9,7 @@ * http://en.wikipedia.org/wiki/MIT_License * http://en.wikipedia.org/wiki/GNU_General_Public_License * -* Date: Mon Nov 29 04:03:29 2010 +0000 +* Date: Mon Nov 29 04:06:43 2010 +0000 */ .ui-tooltip-accessible{ @@ -268,7 +268,7 @@ div.ui-tooltip-tip{ } /*! Youtube tooltip style */ -div.ui-tooltip-youtube .ui-tooltip-wrapper{ +.ui-tooltip-youtube .ui-tooltip-wrapper{ background-color: rgba(0, 0, 0, 0.85); color: white; @@ -288,8 +288,8 @@ div.ui-tooltip-youtube .ui-tooltip-wrapper{ background: black url('images/close-dark.png') no-repeat 50% 50%; } - div.ui-tooltip-youtube .ui-tooltip-titlebar, - div.ui-tooltip-youtube .ui-tooltip-content{ + .ui-tooltip-youtube .ui-tooltip-titlebar, + .ui-tooltip-youtube .ui-tooltip-content{ background: transparent; margin: 0; } @@ -301,7 +301,7 @@ div.ui-tooltip-youtube .ui-tooltip-wrapper{ /* jQuery TOOLS Tooltip style */ -div.ui-tooltip-jtools .ui-tooltip-wrapper{ +.ui-tooltip-jtools .ui-tooltip-wrapper{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; @@ -322,18 +322,18 @@ div.ui-tooltip-jtools .ui-tooltip-wrapper{ color: white; } - div.ui-tooltip-jtools .ui-tooltip-titlebar, - div.ui-tooltip-jtools .ui-tooltip-content{ + .ui-tooltip-jtools .ui-tooltip-titlebar, + .ui-tooltip-jtools .ui-tooltip-content{ background: transparent; } - div.ui-tooltip-jtools .ui-tooltip-close .ui-icon{ + .ui-tooltip-jtools .ui-tooltip-close .ui-icon{ background: black url('images/close-dark.png') no-repeat 50% 50%; } /* Cluetip style */ -div.ui-tooltip-cluetip .ui-tooltip-wrapper{ +.ui-tooltip-cluetip .ui-tooltip-wrapper{ background-color: #D9D9C2; border: 0px solid #D9D9C2; @@ -342,12 +342,12 @@ div.ui-tooltip-cluetip .ui-tooltip-wrapper{ box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); } - div.ui-tooltip-cluetip .ui-tooltip-titlebar{ + .ui-tooltip-cluetip .ui-tooltip-titlebar{ background-color: #87876A; color: white; border: 0; } - div.ui-tooltip-cluetip .ui-tooltip-content{ + .ui-tooltip-cluetip .ui-tooltip-content{ color: #111; } @@ -361,15 +361,23 @@ div.ui-tooltip-cluetip .ui-tooltip-wrapper{ background: rgba(0,0,0, .8); filter: alpha(opacity=80); - color: white; - font-size: 11px; - font-family: 'Lucida Grande', sans-serif; - font-weight: bold; - line-height: 16px; - text-shadow: 0 1px black; - -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -} \ No newline at end of file +} + + .ui-tooltip-tipsy .ui-tooltip-titlebar, + .ui-tooltip-tipsy .ui-tooltip-content{ + background: transparent; + color: white; + font-size: 11px; + font-family: 'Lucida Grande', sans-serif; + font-weight: bold; + line-height: 16px; + text-shadow: 0 1px black; + } + + .ui-tooltip-tipsy .ui-tooltip-close .ui-icon{ + background: black url('images/close-dark.png') no-repeat 50% 50%; + } \ No newline at end of file diff --git a/dist/jquery.qtip.js b/dist/jquery.qtip.js index 901c9c4c..863cb9cc 100644 --- a/dist/jquery.qtip.js +++ b/dist/jquery.qtip.js @@ -9,7 +9,7 @@ * http://en.wikipedia.org/wiki/MIT_License * http://en.wikipedia.org/wiki/GNU_General_Public_License * -* Date: Mon Nov 29 04:03:29 2010 +0000 +* Date: Mon Nov 29 04:06:43 2010 +0000 */ "use strict"; // Enable ECMAScript "strict" operation for this function. See more: http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/ diff --git a/dist/jquery.qtip.min.js b/dist/jquery.qtip.min.js index 1ed91a42..59a3788f 100644 --- a/dist/jquery.qtip.min.js +++ b/dist/jquery.qtip.min.js @@ -9,7 +9,7 @@ * http://en.wikipedia.org/wiki/MIT_License * http://en.wikipedia.org/wiki/GNU_General_Public_License * -* Date: Mon Nov 29 04:03:29 2010 +0000 +* Date: Mon Nov 29 04:06:43 2010 +0000 */ "use strict"; // Enable ECMAScript "strict" operation for this function. See more: http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/ diff --git a/dist/jquery.qtip.pack.js b/dist/jquery.qtip.pack.js index c1a97f1a..a16697c8 100644 --- a/dist/jquery.qtip.pack.js +++ b/dist/jquery.qtip.pack.js @@ -9,7 +9,7 @@ * http://en.wikipedia.org/wiki/MIT_License * http://en.wikipedia.org/wiki/GNU_General_Public_License * -* Date: Mon Nov 29 04:03:29 2010 +0000 +* Date: Mon Nov 29 04:06:43 2010 +0000 */ "use strict"; // Enable ECMAScript "strict" operation for this function. See more: http://ejohn.org/blog/ecmascript-5-strict-mode-json-and-more/ diff --git a/src/extra.css b/src/extra.css index f4db4bf7..458245a4 100644 --- a/src/extra.css +++ b/src/extra.css @@ -1,5 +1,5 @@ /*! Youtube tooltip style */ -div.ui-tooltip-youtube .ui-tooltip-wrapper{ +.ui-tooltip-youtube .ui-tooltip-wrapper{ background-color: rgba(0, 0, 0, 0.85); color: white; @@ -19,8 +19,8 @@ div.ui-tooltip-youtube .ui-tooltip-wrapper{ background: black url('images/close-dark.png') no-repeat 50% 50%; } - div.ui-tooltip-youtube .ui-tooltip-titlebar, - div.ui-tooltip-youtube .ui-tooltip-content{ + .ui-tooltip-youtube .ui-tooltip-titlebar, + .ui-tooltip-youtube .ui-tooltip-content{ background: transparent; margin: 0; } @@ -32,7 +32,7 @@ div.ui-tooltip-youtube .ui-tooltip-wrapper{ /* jQuery TOOLS Tooltip style */ -div.ui-tooltip-jtools .ui-tooltip-wrapper{ +.ui-tooltip-jtools .ui-tooltip-wrapper{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; @@ -53,18 +53,18 @@ div.ui-tooltip-jtools .ui-tooltip-wrapper{ color: white; } - div.ui-tooltip-jtools .ui-tooltip-titlebar, - div.ui-tooltip-jtools .ui-tooltip-content{ + .ui-tooltip-jtools .ui-tooltip-titlebar, + .ui-tooltip-jtools .ui-tooltip-content{ background: transparent; } - div.ui-tooltip-jtools .ui-tooltip-close .ui-icon{ + .ui-tooltip-jtools .ui-tooltip-close .ui-icon{ background: black url('images/close-dark.png') no-repeat 50% 50%; } /* Cluetip style */ -div.ui-tooltip-cluetip .ui-tooltip-wrapper{ +.ui-tooltip-cluetip .ui-tooltip-wrapper{ background-color: #D9D9C2; border: 0px solid #D9D9C2; @@ -73,12 +73,12 @@ div.ui-tooltip-cluetip .ui-tooltip-wrapper{ box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4); } - div.ui-tooltip-cluetip .ui-tooltip-titlebar{ + .ui-tooltip-cluetip .ui-tooltip-titlebar{ background-color: #87876A; color: white; border: 0; } - div.ui-tooltip-cluetip .ui-tooltip-content{ + .ui-tooltip-cluetip .ui-tooltip-content{ color: #111; } @@ -92,15 +92,23 @@ div.ui-tooltip-cluetip .ui-tooltip-wrapper{ background: rgba(0,0,0, .8); filter: alpha(opacity=80); - color: white; - font-size: 11px; - font-family: 'Lucida Grande', sans-serif; - font-weight: bold; - line-height: 16px; - text-shadow: 0 1px black; - -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -} \ No newline at end of file +} + + .ui-tooltip-tipsy .ui-tooltip-titlebar, + .ui-tooltip-tipsy .ui-tooltip-content{ + background: transparent; + color: white; + font-size: 11px; + font-family: 'Lucida Grande', sans-serif; + font-weight: bold; + line-height: 16px; + text-shadow: 0 1px black; + } + + .ui-tooltip-tipsy .ui-tooltip-close .ui-icon{ + background: black url('images/close-dark.png') no-repeat 50% 50%; + } \ No newline at end of file