HTML5 - new gapFill page type & minor change to styles for tooltips i…

…n mainStyles.css and xenith.js git-svn-id: https://xerteonlinetoolkits.googlecode.com/svn/trunk@789 912cdd6b-5c7d-d5a7-a2ba-d0f0cdb91641
thexerteproject · Apr 18, 2013 · e704e41 · e704e41
1 parent a6d75d5
commit e704e41
Show file tree

Hide file tree

Showing 3 changed files with 466 additions and 2 deletions.
diff --git a/modules/xerte/parent_templates/Nottingham/common_html5/css/mainStyles.css b/modules/xerte/parent_templates/Nottingham/common_html5/css/mainStyles.css
@@ -273,13 +273,16 @@ a.x_glossary:link, a.x_glossary:visited, a.x_glossary:hover, a.x_glossary:active
 
 #x_glossaryHover {
 	display:			none;
+	max-width:			200px;
+}
+
+.x_tooltip {
 	position:			absolute;
 	border:				1px solid #333;
 	background-color:	#161616;
 	border-radius:		4px;
 	padding:			2px 5px;
 	color:				#fff;
-	max-width:			200px;
 }
 
 

diff --git a/modules/xerte/parent_templates/Nottingham/common_html5/js/xenith.js b/modules/xerte/parent_templates/Nottingham/common_html5/js/xenith.js
@@ -340,7 +340,7 @@ function x_setUp() {
 							myDefinition = "<b>" + myText + ":</b><br/>" + x_glossary[i].definition;
 						}
 					}
-					$x_mainHolder.append('<div id="x_glossaryHover">' + myDefinition + '</div>');
+					$x_mainHolder.append('<div id="x_glossaryHover" class="x_tooltip">' + myDefinition + '</div>');
 					$x_glossaryHover = $("#x_glossaryHover");
 					$x_glossaryHover.css({
 						"left"	:$(this).offset().left + 20,