gunnarbittersmann · June 28, 2013 14:32
diff --git a/dabblet.css b/dabblet.css
 /**
 * Firefox bug
 */

 main
 {
 	position: relative;
 	transition: left 1s ease-in-out;
 /*
 Smooth transition does not work in Firefox
 without explicitly setting default value
 	left: 0;
 */
 }

 .shifted main
 {
 	left: 10em;
 }
diff --git a/dabblet.html b/dabblet.html
 <button id="ctrl-shift">shift</button>
 <main>
 	<p>’Tis the main content.</p>
 </main>
diff --git a/dabblet.js b/dabblet.js
 (function ()
 {
 	document.getElementById('ctrl-shift').addEventListener('click', function ()
 	{
 		document.documentElement.classList.toggle('shifted');
 	}, false);
 })();
diff --git a/settings.json b/settings.json
 {"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Firefox bug
	*/

	main
	{
	position: relative;
	transition: left 1s ease-in-out;
	/*
	Smooth transition does not work in Firefox
	without explicitly setting default value
	left: 0;
	*/
	}

	.shifted main
	{
	left: 10em;
	}
	<button id="ctrl-shift">shift</button>
	<main>
	<p>’Tis the main content.</p>
	</main>
	(function ()
	{
	document.getElementById('ctrl-shift').addEventListener('click', function ()
	{
	document.documentElement.classList.toggle('shifted');
	}, false);
	})();