From d2c64f9a813b7228fab594e48c75f678c3553ee4 Mon Sep 17 00:00:00 2001
From: Matthew Borden <borden0108@gmail.com>
Date: Mon, 7 Jul 2014 13:53:22 +1000
Subject: [PATCH] Update: Header.html Added to the Demo

---
 Demo.html |  4 ++++
 ui/ui.css | 40 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 44 insertions(+)

diff --git a/Demo.html b/Demo.html
index 217584c..2f8ea70 100644
--- a/Demo.html
+++ b/Demo.html
@@ -79,6 +79,10 @@
     <span id="redo">Redo</span>
   </p>
 </header>
+
+<iframe src="build/header.html" width="500" height="80"></iframe>
 <iframe src="build/document.html" onload="top.editor=this.contentWindow.editor" width="500" height="500"></iframe>
+
+
 </body>
 </html>
diff --git a/ui/ui.css b/ui/ui.css
index 0407e8d..959bdf0 100644
--- a/ui/ui.css
+++ b/ui/ui.css
@@ -1 +1,41 @@
+.menu .item {
+    color:#000;
+    float:left;
+    background:#FFF;
+    padding:10px;
+    border-left:1px #EEE solid;
+    -webkit-font-smoothing:subpixel-antialiased
+}
+
+.menu .group {
     border-radius:3px;
+    display:inline-block;
+    border:1px #EEE solid;
+    margin:5px
+}
+
+.menu .group .item .flip {
+    -ms-transform:rotateY(180deg);
+    -webkit-transform:rotateY(180deg);
+    -moz-transform:rotateY(180deg);
+    transform:rotateY(180deg)
+}
+
+.menu {
+    text-align:center;
+    -webkit-touch-callout:none;
+    -webkit-user-select:none;
+    -khtml-user-select:none;
+    -moz-user-select:none;
+    -ms-user-select:none;
+    user-select:none
+}
+
+.menu .group .item:hover, .menu .item:first-child:hover {
+	border-left: 3px #55ACEE solid;
+}
+
+.menu .item:first-child {
+    border-left:none;
+}
+