Removing tooltip from implementation.

Also removed the destory.png image since it is no longer needed.

architecture-examples/backbone/css/app.css

@@ -30,10 +30,6 @@ body {
 	border-radius: 0 0 5px 5px;
 }
 
-#todoapp header {
-    position: relative;
-}
-
 #todoapp h1 {
 	font-size: 36px;
 	font-weight: bold;
@@ -209,68 +205,3 @@ body {
 #credits a {
 	color: #888;
 }
-
-/*
- *  François 'cahnory' Germain
- */
-.ui-tooltip, .ui-tooltip-top, .ui-tooltip-right, .ui-tooltip-bottom, .ui-tooltip-left {
-	z-index: 999;
-	width: 170px;
-	left: 50%;
-	margin-left: -85px;
-	color:#ffffff;
-	cursor:normal;
-	display:-moz-inline-stack;
-	display:inline-block;
-	font-size:12px;
-	font-family:arial;
-	padding:.5em 1em;
-	position:absolute;
-	text-align:center;
-	text-shadow:0 -1px 1px #111111;
-	-webkit-border-top-left-radius:4px ;
-	-webkit-border-top-right-radius:4px ;
-	-webkit-border-bottom-right-radius:4px ;
-	-webkit-border-bottom-left-radius:4px ;
-	-khtml-border-top-left-radius:4px ;
-	-khtml-border-top-right-radius:4px ;
-	-khtml-border-bottom-right-radius:4px ;
-	-khtml-border-bottom-left-radius:4px ;
-	-moz-border-radius-topleft:4px ;
-	-moz-border-radius-topright:4px ;
-	-moz-border-radius-bottomright:4px ;
-	-moz-border-radius-bottomleft:4px ;
-	border-top-left-radius:4px ;
-	border-top-right-radius:4px ;
-	border-bottom-right-radius:4px ;
-	border-bottom-left-radius:4px ;
-	-o-box-shadow:0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
-	-moz-box-shadow:0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
-	-khtml-box-shadow:0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
-	-webkit-box-shadow:0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
-	box-shadow:0 1px 2px #000000, inset 0 0 0 1px #222222, inset 0 2px #666666, inset 0 -2px 2px #444444;
-	background-color:#3b3b3b;
-	background-image:-moz-linear-gradient(top,#555555,#222222);
-	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#555555),color-stop(1,#222222));
-	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#555555,EndColorStr=#222222);
-	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#555555,EndColorStr=#222222);
-}
-.ui-tooltip-top:after {
-	content:"\25B8";
-	display:block;
-	font-size:2em;
-	height:0;
-	line-height:0;
-	position:absolute;
-	bottom:auto;
-	color:#4f4f4f;
-	left:-2px;
-	top:0;
-	text-align:center;
-	text-shadow:none;
-	-o-transform:rotate(-90deg);
-	-moz-transform:rotate(-90deg);
-	-khtml-transform:rotate(-90deg);
-	-webkit-transform:rotate(-90deg);
-	width:100%;
-}

architecture-examples/backbone/index.html

@@ -10,7 +10,6 @@
 		<header>
 			<h1>Todos</h1>
 			<input id="new-todo" type="text" placeholder="What needs to be done?">
-            <span class="ui-tooltip-top" style="display:none;">Press Enter to save this task</span>
 		</header>
 
 		<section id="main">

architecture-examples/backbone/js/app.js

@@ -162,7 +162,6 @@ $(function(){
     // Delegated events for creating new items, and clearing completed ones.
     events: {
       "keypress #new-todo":  "createOnEnter",
-      "keyup #new-todo":     "showTooltip",
       "click #clear-completed": "clearCompleted",
       "click #toggle-all": "toggleAllComplete"
     },
@@ -243,18 +242,6 @@ $(function(){
       return false;
     },
 
-    // Lazily show the tooltip that tells you to press `enter` to save
-    // a new todo item, after one second.
-    showTooltip: function(e) {
-      var tooltip = this.$(".ui-tooltip-top");
-      var val = this.input.val();
-      tooltip.fadeOut();
-      if (this.tooltipTimeout) clearTimeout(this.tooltipTimeout);
-      if (val == '' || val == this.input.attr('placeholder')) return;
-      var show = function(){ tooltip.show().fadeIn(); };
-      this.tooltipTimeout = _.delay(show, 1000);
-    },
-
     toggleAllComplete: function () {
       var done = this.allCheckbox.checked;
       Todos.each(function (todo) { todo.save({'done': done}); });