Got the zooming navigator working again

Albeit, it doesn't play well with the fixed navbar

core/modules/macros/zoomer.js

@@ -100,7 +100,15 @@ exports.handleEvent = function(event) {
 
 exports.executeMacro = function() {
 	this.inZoomer = false;
-	return $tw.Tree.Element("div",{},[]);
+	return $tw.Tree.Element("div",{
+		style: {
+			"position": "absolute",
+			"right": "0",
+			"top": "0",
+			"min-width": "16px",
+			"height": "100%"
+		}
+	},[]);
 };
 
 })();

core/templates/PageTemplate.tid

@@ -1,9 +1,13 @@
 title: $:/templates/PageTemplate
 
-<div class="container">
+<div class="container-fluid">
-<div class="row">
-<div class="span12">
 <<story story:"$:/StoryTiddlers" storyview:scroller><
+{{navigation-panel{
+<<chooser>>
+}}}
+{{zoomer-panel{
+<<zoomer>>
+}}}
 <div class="navbar navbar-fixed-top">
 <div class="navbar-inner">
 <div class="container">
@@ -15,13 +19,5 @@ title: $:/templates/PageTemplate
 </div>
 </div>
 </div>
-{{navigation-panel{
-<<chooser>>
-}}}
-{{zoomer-panel{
-<<zoomer>>
-}}}
 >>
 </div>
-</div>
-</div>

tw5.com/wiki/styles.css.tid

@@ -185,27 +185,3 @@ a.tw-tiddlylink-missing {
 	color: #fff;
 	background: #a55;
 }
-
-body {
-	-webkit-transition: -webkit-transform 0.3s ease-in-out;
-}
-
-body.in-zoomer {
-	-webkit-transition: none;
-}
-
-.zoomer-panel {
-	position: absolute;
-	right: 0;
-	top: 0;
-	min-width: 16px;
-	height: 100%; /* Makes the element the same height as the body, since the body is position: relative */
-}
-
-body.in-zoomer .zoomer-panel {
-	background: rgba(235,235,235,0.5);
-}
-
-body.in-zoomer iframe {
-	visibility: hidden;
-}