From 09fdda813176f660be9971fe4cb584cec7e1cd16 Mon Sep 17 00:00:00 2001
From: Tyron Madlener <tyronx@gmail.com>
Date: Mon, 8 Aug 2011 16:15:35 +0300
Subject: [PATCH] - Moved style info from PMA_createQtip() into
 theme_right.css.php - Adjusted style to look more like the tooltips we had
 originally - Removed dHint class

---
 js/functions.js                         | 14 +++++------
 themes/original/css/theme_right.css.php | 33 ++++++++++++++-----------
 themes/pmahomme/css/theme_right.css.php | 33 ++++++++++++++-----------
 3 files changed, 44 insertions(+), 36 deletions(-)

diff --git a/js/functions.js b/js/functions.js
index 1ad2c4e4da..1334009c6e 100644
--- a/js/functions.js
+++ b/js/functions.js
@@ -3052,30 +3052,28 @@ function PMA_createqTip($elements, content, options) {
     var o = {
         content: content,
         style: {
-            background: '#333',
-            border: {
-                radius: 5
+            classes: {
+                tooltip: 'normalqTip',
+                content: 'normalqTipContent'
             },
-            fontSize: '0.8em',
-            padding: '0 0.5em',
             name: 'dark'
         },
         position: {
             target: 'mouse',
             corner: { target: 'rightMiddle', tooltip: 'leftMiddle' },
-            adjust: { x: 20 }
+            adjust: { x: 10, y: 20 }
         },
         show: {
             delay: 0,
             effect: {
                 type: 'grow',
-                length: 100
+                length: 150
             }
         },
         hide: {
             effect: {
                 type: 'grow',
-                length: 150
+                length: 200
             }
         }
     }
diff --git a/themes/original/css/theme_right.css.php b/themes/original/css/theme_right.css.php
index bb2d682a77..2bbdf64458 100644
--- a/themes/original/css/theme_right.css.php
+++ b/themes/original/css/theme_right.css.php
@@ -2346,20 +2346,25 @@ span.mysql-number {
     width: 10px;
 }
 
-.dHint {
-    background: #333;
-    border:1px solid #000;
-    color: #FFF;
-    font-size: 0.8em;
-    font-weight: bold;
-    margin-top: -1em;
-    opacity: 0.8;
-    padding: 0.5em 1em;
-    position: fixed;
-    text-shadow: -1px -1px #000;
-    -moz-border-radius: 0.3em;
-    -webkit-border-radius: 0.3em;
-    border-radius: 0.3em;
+.normalqTip {
+    background: #333 !important;
+    opacity: 0.8 !important;
+    border:1px solid #000 !important;
+    -moz-border-radius: 0.3em !important;
+    -webkit-border-radius: 0.3em !important;
+    border-radius: 0.3em !important;
+    text-shadow: -1px -1px #000 !important;
+    font-size: 0.8em !important;
+    font-weight: bold !important;
+}
+
+.normalqTip * {
+    background: none !important;
+    color: #FFF !important;
+}
+
+.normalqTipContent {
+    padding: 1px 3px !important;
 }
 
 .data {
diff --git a/themes/pmahomme/css/theme_right.css.php b/themes/pmahomme/css/theme_right.css.php
index 26af430a4a..f936c18779 100644
--- a/themes/pmahomme/css/theme_right.css.php
+++ b/themes/pmahomme/css/theme_right.css.php
@@ -2761,20 +2761,25 @@ span.mysql-number {
     width: 10px;
 }
 
-.dHint {
-    background: #333;
-    border:1px solid #000;
-    color: #FFF;
-    font-size: 0.8em;
-    font-weight: bold;
-    margin-top: -1em;
-    opacity: 0.8;
-    padding: 0.5em 1em;
-    position: fixed;
-    text-shadow: -1px -1px #000;
-    -moz-border-radius: 0.3em;
-    -webkit-border-radius: 0.3em;
-    border-radius: 0.3em;
+.normalqTip {
+    background: #333 !important;
+    opacity: 0.8 !important;
+    border:1px solid #000 !important;
+    -moz-border-radius: 0.3em !important;
+    -webkit-border-radius: 0.3em !important;
+    border-radius: 0.3em !important;
+    text-shadow: -1px -1px #000 !important;
+    font-size: 0.8em !important;
+    font-weight: bold !important;
+}
+
+.normalqTip * {
+    background: none !important;
+    color: #FFF !important;
+}
+
+.normalqTipContent {
+    padding: 1px 3px !important;
 }
 
 .cHide {