Preliminary implementation of Google-style dialogs in ash::internal::DialogFrameView

chrome/browser/resources/options2/options_page.css

 #main-content {
   display: -webkit-box;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
 }
 
 #mainview {
@@ skipping 127 matching lines @@
 .raw-button:active {
   -webkit-box-shadow: none;
   background-color: transparent;
   background-repeat: no-repeat;
   border: none;
   min-width: 0;
   padding: 1px 6px;
 }
 
 .close-subpage {
-  background-image: url('chrome://theme/IDR_CLOSE_BAR');
+  background-image: url('../../../../ui/resources/close_bar.png');
   height: 16px;
   min-width: 0;
   position: relative;
   top: 16px;
   width: 16px;
 }
 
 .close-subpage:hover {
-  background-image: url('chrome://theme/IDR_CLOSE_BAR_H');
+  background-image: url('../../../../ui/resources/close_bar_h.png');
 }
 
 .close-subpage:active {
-  background-image: url('chrome://theme/IDR_CLOSE_BAR_P');
+  background-image: url('../../../../ui/resources/close_bar_p.png');

[Evan Stade, 2012/01/20 00:43:15]

why did you do this as opposed to updating ThemeDataSource to handle the new
locations? This is extremely brittle and also makes the chrome binary larger

you also forgot to update the ntp, causing
http://code.google.com/p/chromium/issues/detail?id=110824

 }
 
 html[dir='ltr'] .close-subpage {
   float: right;
   right: 20px;
 }
 
 html[dir='rtl'] .close-subpage {
   float: left;
   left: 20px;
@@ skipping 284 matching lines @@
   -webkit-box-align: center;
   -webkit-box-flex: 1;
   -webkit-padding-end: 5px;
   display: -webkit-box;
 }
 
 list .close-button {
   -webkit-transition: 150ms opacity;
   background-color: transparent;
   /* TODO(stuartmorgan): Replace with real images once they are available. */
-  background-image: url("../../../app/theme/close_bar.png");
+  background-image: url("../../../../ui/resources/close_bar.png");
   border: none;
   display: block;
   height: 16px;
   opacity: 1;
   width: 16px;
 }
 
 list > *:not(:hover):not([lead]) .close-button,
 list > *:not(:hover):not([selected]) .close-button,
 list:not([hasElementFocus]) > *:not(:hover) .close-button,
 list[disabled] .close-button,
 list .close-button[disabled] {
   opacity: 0;
   pointer-events: none;
 }
 
 list .close-button:hover {
-  background-image: url("../../../app/theme/close_bar_h.png");
+  background-image: url("../../../../ui/resources/close_bar_h.png");
 }
 
 list .close-button:active {
-  background-image: url("../../../app/theme/close_bar_p.png");
+  background-image: url("../../../../ui/resources/close_bar_p.png");
 }
 
 list .static-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 list[inlineeditable] input {
   box-sizing: border-box;
@@ skipping 225 matching lines @@
       url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_LARGE');
 }
 
 html[dir='rtl'] .controlled-setting-bubble-text {
   background-position: right top;
 }
 
 .controlled-setting-bubble-action {
   padding: 0 !important;
 }