From fd265c4c0b13bdf05d4a3af4ebd7dfd07e9e2536 Mon Sep 17 00:00:00 2001
From: "Alex A. Naanou" <alex.nanou@gmail.com>
Date: Sun, 3 Mar 2013 02:11:57 +0400
Subject: [PATCH] more playing with the editor...

Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
---
 index.html | 46 +++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 45 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index c87a704..58c604f 100755
--- a/index.html
+++ b/index.html
@@ -140,6 +140,42 @@
 	margin: 0px;
 }
 
+.editor .page.cover:after {
+	display: block;
+	position: absolute;
+	vertical-align: bottom;
+	text-align: left;
+
+	content: "Cover";
+	background: red;
+	color: white;
+	font-size: 50px;
+	width: 100%;
+	height: 60px;
+	bottom: 0px;
+
+	opacity: 0.2;
+}
+.editor .article {
+	margin-left: 40px;
+	padding-bottom: 5px;
+}
+
+.editor .article:before {
+	display: block;
+	vertical-align: bottom;
+	position: absolute;
+	content: "Article";
+	color: white;
+	font-size: 50px;
+	bottom: -60px;
+}
+.editor .article:nth-child(odd) {
+	border-bottom: solid 50px gray;
+}
+.editor .article:nth-child(even) {
+	border-bottom: solid 50px silver;
+}
 
 </style>
 
@@ -206,7 +242,15 @@ function clearEditor(){
 	$('.current-page-indicator').children().remove()
 }
 
-var toggleEditor = createCSSClassToggler('.chrome', 'editor')
+var toggleEditor = createCSSClassToggler(
+	'.chrome', 
+	'editor', 
+	function(){
+		setTransitionDuration($('.magazine'), 0)
+	},
+	function(){
+		setCurrentPage($('.current.page'))
+	})
 
 
 $(document).ready(function(){