[filemanager] New visuals for file name, saved and overwrite original UI elemetns in image editor.

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

Index: chrome/browser/resources/file_manager/css/common.css
===================================================================
--- chrome/browser/resources/file_manager/css/common.css	(revision 132564)
+++ chrome/browser/resources/file_manager/css/common.css	(working copy)
@@ -29,6 +29,20 @@
   background-repeat: no-repeat;
 }
 
+input.common[type='checkbox'].white {
+  border: none;
+}
+
+input.common[type='checkbox'].white:not(:checked):after {
+  background-image: url('../images/common/checkbox_white_unchecked.png');
+  background-position: -1px 0;
+}
+
+input.common[type='checkbox'].white:checked::after {
+  background-image: url('../images/common/checkbox_white_checked.png');
+  background-position: -1px 0;
+}
+
 input.common[type='checkbox']::after {
   content: '';
   display: -webkit-box;
@@ -38,3 +52,45 @@
   top: -2px;
   width: 17px;
 }
+
+.bubble {
+  -webkit-border-radius: 2px;
+  background: #FFF;
+  cursor: default;
+  outline: 1px solid rgba(0,0,0,0.2);
+  padding: 16px;
+}
+
+.bubble .pointer {
+  background: url('../images/common/bubble_point_white.png');
+  display: block;
+  height: 11px;
+  left: 24px;
+  margin: 0 0 0 -5px;
+  outline: none;
+  position: absolute;
+  width: 17px;
+}
+
+.bubble .pointer:not(.bottom) {
+  top: -11px;
+}
+
+.bubble .pointer.bottom {
+  -webkit-transform: rotate(180deg);
+  bottom: -11px;
+}
+
+.bubble .close-x {
+  background: url('../images/common/close_x_gray.png');
+  height: 21px;
+  opacity: 0.3;
+  position: absolute;
+  right: 3px;
+  top: 3px;
+  width: 21px;
+}
+
+.bubble .close-x:hover {
+  opacity: 0.7;
+}