File Manager: Assorted fixes and polish

chrome/browser/resources/file_manager/css/file_manager.css

 /*
  * Copyright (c) 2011 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 /* Outer frame of the dialog. */
 body {
-  -webkit-box-flex: 1;
-  -webkit-box-orient: vertical;
-  -webkit-transition: opacity 0.07s linear;
+   -webkit-box-flex: 1;
+   -webkit-box-orient: vertical;
+   -webkit-transition: opacity 0.07s linear;
+   -webkit-user-select: none;
+   display: -webkit-box;
+   height: 100%;
+   margin: 0;
+   opacity: 0;
+   padding: 0;
+   position: absolute;
+   width: 100%;
+}
+
+button,
+input[type='button'],
+input[type='submit'] {
+  -webkit-border-radius: 2px;
+  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-user-select: none;
-  display: -webkit-box;
-  height: 100%;
-  margin: 0;
-  opacity: 0;
-  padding: 0;
-  position: absolute;
-  width: 100%;
+  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
+  border: 1px solid #aaa;
+  color: #444;
+  font-size: inherit;
+  margin-bottom: 0px;
+  min-width: 4em;
+  padding: 3px 12px 3px 12px;
+}
+
+button:hover,
+input[type='button']:hover,
+input[type='submit']:hover {
+  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
+  background: #ebebeb -webkit-linear-gradient(#fefefe, #f8f8f8 40%, #e9e9e9);
+  border-color: #999;
+  color: #222;
+}
+
+button:active,
+input[type='button']:active,
+input[type='submit']:active {
+  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2);
+  background: #ebebeb -webkit-linear-gradient(#f4f4f4, #efefef 40%, #dcdcdc);
+  color: #333;
+}
+
+button[disabled],
+input[type='button'][disabled],
+input[type='submit'][disabled],
+button[disabled]:hover,
+input[type='button'][disabled]:hover,
+input[type='submit'][disabled]:hover {
+  -webkit-box-shadow: none;
+  background: -webkit-linear-gradient(#fafafa, #f4f4f4 40%, #e5e5e5);
+  border-color: #aaa;
+  color: #888;
 }
 
 .butter-bar {
   -webkit-transition-property: opacity, top;
   -webkit-transition-duration: 0.3s;
   padding-top: 2px;
   padding-bottom: 2px;
   padding-left: 1em;
   padding-right: 1em;
   position: absolute;
@@ skipping 33 matching lines @@
   display: -webkit-box;
   margin: 15px;
   margin-bottom: 4px;
 }
 
 /* Container for the detail and thumbnail (not implemented yet) list views. */
 .dialog-body {
   -webkit-box-orient: horizontal;
   -webkit-box-flex: 1;
   border: 1px #aaa solid;
-  border-radius: 3px;
+  border-radius: 4px;
   display: -webkit-box;
   margin: 15px;
   margin-top: 0;
+  overflow: hidden;
 }
 
 /* Container for the ok/cancel buttons. */
 .dialog-footer {
   -webkit-box-orient: horizontal;
   display: -webkit-box;
   margin: 15px;
   margin-top: 0;
 }
 
@@ skipping 151 matching lines @@
 }
 
 /* Table splitter element */
 .table-header-splitter {
   -webkit-border-start: 1px #aaa solid;
   background-color: inherit;
   height: 20px;
   margin-top: 4px;
 }
 
-/* Container for a table header. */
+/* xxx Container for a table header. */
 .table-header {
   -webkit-box-sizing: border-box;
   border-bottom: 1px #aaa solid;
   background-image: -webkit-linear-gradient(top, #f9f9f9, #e8e8e8);
   height: 28px;
 }
 
+.list-container .table-header {
+  border-radius: 4px 0 0 0;
+}
+
+.preview-container .table-header {
+  border-radius: 0 4px 0 0;
+}
+
 /* Text label in a table header. */
 .table-header-label {
   margin-top: 6px;
 }
 
 /* First column has no label, so we want the sort indicator to take up the
  * whole space.
  */
 .table-header-cell:first-child .table-header-sort-image-desc:after,
 .table-header-cell:first-child .table-header-sort-image-asc:after {
@@ skipping 256 matching lines @@
 /* Overlay pane covering the entire file manager window (e.g. image editor)*/
 .overlay-pane {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: none;
   z-index: 100;
 }