[File Manager] Cleanup: Moving js/css/html files to dedicated directories

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

 /*
  * Copyright (c) 2012 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.
  */
 
 .media-button {
   position: relative;
   width: 28px;
   height: 28px;
@@ skipping 174 matching lines @@
 /* Media controls in order of appearance. */
 
 /* Play/pause button. */
 
 .media-button.play {
   margin-left: -7px;
   margin-right: -7px;
 }
 
 .media-button.play > .state0.normal {
-  background-image: url(../../images/media/media_play.png);
+  background-image: url(../images/media/media_play.png);
 }
 
 .media-button.play > .state0.hover {
-  background-image: url(../../images/media/media_play_hover.png);
+  background-image: url(../images/media/media_play_hover.png);
 }
 
 .media-button.play > .state0.active {
-  background-image: url(../../images/media/media_play_down.png);
+  background-image: url(../images/media/media_play_down.png);
 }
 
 .media-button.play > .state1.normal{
-  background-image: url(../../images/media/media_pause.png);
+  background-image: url(../images/media/media_pause.png);
 }
 
 .media-button.play > .state1.hover {
-  background-image: url(../../images/media/media_pause_hover.png);
+  background-image: url(../images/media/media_pause_hover.png);
 }
 
 .media-button.play > .state1.active {
-  background-image: url(../../images/media/media_pause_down.png);
+  background-image: url(../images/media/media_pause_down.png);
 }
 
 .media-button.play > .disabled {
-  background-image: url(../../images/media/media_play_disabled.png);
+  background-image: url(../images/media/media_play_disabled.png);
 }
 
 /* Time controls: a slider and a text time display. */
 
 .time-controls {
   height: 100%;
   display: -webkit-box;
   -webkit-box-orient: horizontal;
   -webkit-box-align: center;
   -webkit-box-pack: center;
   -webkit-box-flex: 1;
 }
 
 .custom-slider.progress {
   position: relative;
   height: 100%;
   display: -webkit-box;
   -webkit-box-flex: 1;
   margin-left: -9px;  /* Set the margins at the edges of the slider bar. */
   margin-right: -9px;
 }
 
 .custom-slider.progress > input[type='range']::-webkit-slider-thumb {
   width: 28px;
-  background-image: url(../../images/media/media_slider_thumb.png);
+  background-image: url(../images/media/media_slider_thumb.png);
 }
 
 .custom-slider.progress > input[type='range']::-webkit-slider-thumb:hover {
-  background-image: url(../../images/media/media_slider_thumb_hover.png);
+  background-image: url(../images/media/media_slider_thumb_hover.png);
 }
 
 .custom-slider.progress > input[type='range']::-webkit-slider-thumb:active {
-  background-image: url(../../images/media/media_slider_thumb_down.png);
+  background-image: url(../images/media/media_slider_thumb_down.png);
 }
 
 .custom-slider.progress.disabled > input[type='range']::-webkit-slider-thumb {
   background-image: none;
 }
 
 .custom-slider.progress > .bar {
   left: 14px;  /* Exactly 1/2 of the thumb width */
   right: 14px;
 }
@@ skipping 39 matching lines @@
 
 /* Sound button */
 
 .media-button.sound {
   margin-left: -4px;
   margin-right: -2px;
   background-position: -2px center;
 }
 
 .media-button.sound[level='0'] > .normal {
-  background-image: url(../../images/media/media_sound_disabled.png);
+  background-image: url(../images/media/media_sound_disabled.png);
 }
 
 .media-button.sound[level='0'] > .hover {
-  background-image: url(../../images/media/media_sound_disabled_hover.png);
+  background-image: url(../images/media/media_sound_disabled_hover.png);
 }
 
 .media-button.sound[level='0'] > .active {
-  background-image: url(../../images/media/media_sound_disabled_down.png);
+  background-image: url(../images/media/media_sound_disabled_down.png);
 }
 
 
 .media-button.sound[level='1'] > .normal {
-  background-image: url(../../images/media/media_sound_level1.png);
+  background-image: url(../images/media/media_sound_level1.png);
 }
 
 .media-button.sound[level='1'] > .hover {
-  background-image: url(../../images/media/media_sound_level1_hover.png);
+  background-image: url(../images/media/media_sound_level1_hover.png);
 }
 
 .media-button.sound[level='1'] > .active {
-  background-image: url(../../images/media/media_sound_level1_down.png);
+  background-image: url(../images/media/media_sound_level1_down.png);
 }
 
 
 .media-button.sound[level='2'] > .normal {
-  background-image: url(../../images/media/media_sound_level2.png);
+  background-image: url(../images/media/media_sound_level2.png);
 }
 
 .media-button.sound[level='2'] > .hover {
-  background-image: url(../../images/media/media_sound_level2_hover.png);
+  background-image: url(../images/media/media_sound_level2_hover.png);
 }
 
 .media-button.sound[level='2'] > .active {
-  background-image: url(../../images/media/media_sound_level2_down.png);
+  background-image: url(../images/media/media_sound_level2_down.png);
 }
 
 
 .media-button.sound[level='3'] > .normal {
-  background-image: url(../../images/media/media_sound_full.png);
+  background-image: url(../images/media/media_sound_full.png);
 }
 
 .media-button.sound[level='3'] > .hover {
-  background-image: url(../../images/media/media_sound_full_hover.png);
+  background-image: url(../images/media/media_sound_full_hover.png);
 }
 
 .media-button.sound[level='3'] > .active {
-  background-image: url(../../images/media/media_sound_full_down.png);
+  background-image: url(../images/media/media_sound_full_down.png);
 }
 
 
 .media-button.sound > .disabled {
-  background-image: url(../../images/media/media_sound_full_disabled.png);
+  background-image: url(../images/media/media_sound_full_disabled.png);
 }
 
 /* Volume slider. */
 
 .custom-slider.volume {
   position: relative;
   height: 100%;
   width: 60px;
   margin-left: -4px;
   margin-right: -4px;
 }
 
 .custom-slider.volume > input[type='range']::-webkit-slider-thumb {
   width: 20px;
-  background-image: url(../../images/media/media_volume_slider_thumb.png);
+  background-image: url(../images/media/media_volume_slider_thumb.png);
 }
 
 .custom-slider.volume > input[type='range']::-webkit-slider-thumb:hover {
-  background-image: url(../../images/media/media_volume_slider_thumb_hover.png);
+  background-image: url(../images/media/media_volume_slider_thumb_hover.png);
 }
 
 .custom-slider.volume > input[type='range']::-webkit-slider-thumb:active {
-  background-image: url(../../images/media/media_volume_slider_thumb_down.png);
+  background-image: url(../images/media/media_volume_slider_thumb_down.png);
 }
 
 .custom-slider.volume.disabled > input[type='range']::-webkit-slider-thumb {
   background-image: none;
 }
 
 .custom-slider.volume > .bar {
   left: 10px;  /* Exactly 1/2 of the thumb width */
   right: 10px;
 }
@@ skipping 27 matching lines @@
 
 /* Fullscreen button. */
 /* There is no final decision whether we need a separate icon when toggled. */
 
 .media-button.fullscreen {
   margin-left: 9px;  /* 15px visible margin - 6px whitespace in the icon. */
   margin-right: -6px;
 }
 
 .media-button.fullscreen > .normal {
-  background-image: url(../../images/media/media_fullscreen.png);
+  background-image: url(../images/media/media_fullscreen.png);
 }
 
 .media-button.fullscreen > .hover {
-  background-image: url(../../images/media/media_fullscreen_hover.png);
+  background-image: url(../images/media/media_fullscreen_hover.png);
 }
 
 .media-button.fullscreen > .active {
-  background-image: url(../../images/media/media_fullscreen_down.png);
+  background-image: url(../images/media/media_fullscreen_down.png);
 }
 
 .media-button.fullscreen > .disabled {
-  background-image: url(../../images/media/media_fullscreen_disabled.png);
+  background-image: url(../images/media/media_fullscreen_disabled.png);
 }
 
 .playback-state-icon {
   position: absolute;
   left: 50%;
   top: 50%;
   width: 32px;
   height: 32px;
   margin-left: -16px;
   margin-top: -16px;
@@ skipping 18 matching lines @@
 .playback-state-icon[visible] {
   display: block;
 }
 
 .playback-state-icon[state] {
   opacity: 0;
   -webkit-transform: scaleX(3) scaleY(3);
 }
 
 .playback-state-icon[state='play'] {
-  background-image: url(../../images/media/media_play.png);
+  background-image: url(../images/media/media_play.png);
 }
 
 .playback-state-icon[state='pause'] {
-  background-image: url(../../images/media/media_pause.png);
+  background-image: url(../images/media/media_pause.png);
 }