Change charm search to use HTML5 placeholder

lib/views/stylesheet.less

 /* Processed with LESS from lib/views/stylesheet.less */
 @font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 
 /* Define common colors. */
 @label-color: #292929;
 @text-entry-color: #6d6e70;
 @charm-panel-configure-title-color: #eee7d5;
 @charm-panel-configure-name-color: #8f8f88;
 @charm-panel-deploy-button-color: #e45718;
 @charm-panel-cancel-button-color: #979694;
@@ skipping 71 matching lines @@
                     margin: 0 5px;
                 }
                 input {
                     width: 128px;
                     background: url(/juju-ui/assets/images/searchbox_icon.png) no-repeat 2px 1px whiteSmoke;
                     margin: 0 10px;
                     padding: 3px 3px 3px 26px;
                     font-style: italic;
                     font-family: @font-family;
                     font-size: 0.9em;
-                    &:focus {
+                    &:valid {
                         background: white;
                         padding: 3px;
                         width: 151px;
                         font-style: normal;
                         font-size: 1em;
                     }
+                    &:focus {
+                        border-color: rgba(82, 168, 236, 0.8);
+                        outline: 0;
+                        outline: thin dotted 9;
+                        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);

[bac, 2012/11/01 09:47:56]

This line should be wrapped.

[gary.poster, 2012/11/01 11:11:19]

Yes, thanks, did this one and line 86 above while I was at it.

+                    }
                 }
 
             }
         }
         span:first-child .nav-section {
             border-left: none;
             padding: 0 6px;
         }
         &#nav-alerts-charms {
             float: right;
@@ skipping 969 matching lines @@
     font-size: 22px;
     color: @charm-panel-configure-title-color;
     margin-top: 35px;
   }
   .name {
     font-size: 12px;
     color: @charm-panel-configure-name-color;
     margin-top: 5px;
   }
 }