(NOT FOR FINAL REVIEW)Refactor butter_bar.js for wallpaper manager and file manager to use.

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

Index: chrome/browser/resources/file_manager/css/file_manager.css
diff --git a/chrome/browser/resources/file_manager/css/file_manager.css b/chrome/browser/resources/file_manager/css/file_manager.css
index e211eb3c9306b13171a10b31629a03aa3b489724..340ea02403cea32fb6f8a634e1d3a131bd9d80d4 100644
--- a/chrome/browser/resources/file_manager/css/file_manager.css
+++ b/chrome/browser/resources/file_manager/css/file_manager.css
@@ -84,106 +84,6 @@ input[type='submit'][disabled]:hover {
   opacity: 0.8;
 }
 
-#butter-bar-container {
-  -webkit-box-pack: center;
-  display: -webkit-box;
-  left: 0;
-  pointer-events: none;
-  position: absolute;
-  top: 0;
-  width: 100%;
-  z-index: 3;
-}
-
-#butter-bar {
-  -webkit-box-align: end;
-  -webkit-box-orient: horizontal;
-  -webkit-transition: opacity 300ms;
-  background-color: #e3e3e3;
-  color: #222;
-  display: -webkit-box;
-  max-width: 340px;
-  min-width: 40px;
-  padding: 0 1em;
-  pointer-events: auto;
-  top: 1px;
-  width: 30%;
-  z-index: 2;
-}
-
-#butter-bar:not(.visible) {
-  opacity: 0;
-  pointer-events: none;
-}
-
-#butter-bar .content {
-  -webkit-box-flex: 1;
-  overflow: hidden;
-  padding-bottom: 4px;
-  padding-top: 4px;
-}
-
-#butter-bar .actions {
-  -webkit-box-orient: horizontal;
-  -webkit-box-pack: end;
-  display: -webkit-box;
-  height: 20px;
-}
-
-#butter-bar .actions a {
-  background: center center no-repeat;
-  background-image: -webkit-image-set(
-    url('../images/files/ui/close_bar.png') 1x,
-    url('../images/files/ui/2x/close_bar.png') 2x);
-  display: inline-block;
-  height: 12px;
-  padding: 4px 2px;
-  width: 12px;
-}
-
-#butter-bar .actions a:first-child {
-  margin-left: 2px;
-}
-
-#butter-bar .actions a:last-child {
-  margin-right: -2px;  /* Overlap the padding with butter-bar padding. */
-}
-
-#butter-bar.error {
-  background-color: rgba(221, 75, 57, 0.2);
-  border: 1px solid rgba(221, 75, 57, 0.5);
-  border-radius: 2px;
-  padding: 2px 1em;
-}
-
-.progress-bar {
-  -webkit-box-flex: 1;
-  border: 1px solid #999;
-  margin-bottom: 2px;
-  margin-top: 3px;
-  padding: 1px;
-}
-
-.progress-track {
-  -webkit-animation-duration: 800ms;
-  -webkit-animation-iteration-count: infinite;
-  -webkit-animation-name: bg;
-  -webkit-animation-timing-function: linear;
-  background-color: #ccc;
-  background-image: -webkit-linear-gradient(315deg, transparent,
-      transparent 33%, rgba(0, 0, 0, 0.12) 33%, rgba(0, 0, 0, 0.12) 66%,
-      transparent 66%, transparent);
-  background-position: 0 0;
-  background-repeat: repeat-x;
-  background-size: 16px 8px;
-  height: 5px;
-}
-
-@-webkit-keyframes bg {
-  0% { background-position: 0 0; }
-  100% { background-position: -16px 0; }
-}
-
 /* The top title of the dialog. */
 .dialog-title {
   -webkit-box-sizing: border-box;
@@ -1551,4 +1451,4 @@ button:focus {
 #default-action-dialog {
   min-width: 300px;
   width: auto;
-}
+}