[WebUI] Fix rest of CSS style nits so I can turn on CSS checker.

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

-/*
- * Copyright (c) 2012 The Chromium Authors. All rights reserved.
+/* 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.
  */
 
 body {
-  padding: 0;
   -webkit-user-select: none;
   overflow: hidden;
+  padding: 0;
 }
 
 .audio-player {
+  background-color: #1d1d1d;
+  bottom: 0;
+  color: white;
+  cursor: default;
+  font-family: Open Sans, Droid Sans Fallback, sans-serif;
+  font-size: 10pt;
+  left: 0;
   position: absolute;
-  left: 0;
   right: 0;
   top: 0;
-  bottom: 0;
-
-  color: white;
-  background-color: #1d1d1d;
-
-  font-family: Open Sans,Droid Sans Fallback,sans-serif;
-  font-size: 10pt;
-
-  cursor: default;
 }
 
 /* Title buttons.
-   In the collapsed/single-track mode they overlap the first track. */
+ * In the collapsed/single-track mode they overlap the first track. */
 
 .title-button {
+  background-position: center center;
+  background-repeat: no-repeat;
+  cursor: pointer;
+  height: 29px;
+  opacity: 0.4;
   position: absolute;
+  top: 0;
   width: 29px;
-  height: 29px;
-  top: 0;
-  opacity: 0.4;
-  cursor: pointer;
-  background-repeat: no-repeat;
-  background-position: center center;
   z-index: 2;
 }
 
 .title-button:hover {
-  background-color: #3c7eff !important;
+  background-color: rgb(60, 126, 255) !important;
   opacity: 1;
 }
 
 .audio-player:not(.collapsed):not(.single-track) > .title-button {
   background-color: #1f1f1f;
 }
 
 /* TODO(kaznacheev): Remove display: none when the audio player is title-less */
 .title-button.close {
+  background-image: url(../images/media/media_close.png);
   display: none;
   right: 0;
-  background-image: url(../images/media/media_close.png);
 }
 
 /* TODO(kaznacheev): Set right: 29px when the audio player is title-less */
 .title-button.collapse {
+  background-image: url(../images/media/media_collapse.png);
   right: 0;
-  background-image: url(../images/media/media_collapse.png);
 }
 
 .collapsed .title-button.collapse {
   background-image: url(../images/media/media_expand.png);
 }
 
 .single-track .title-button.collapse {
   display: none;
 }
 
 /* Common properties for track containers. */
 .audio-player > .track-list,
 .audio-player > .track-stack {
+  bottom: 35px;  /* Room for the controls bar. */
+  left: 0;
   position: absolute;
-  left: 0;
   right: 0;
-  bottom: 35px;  /* Room for the controls bar. */
 }
 
 /* Scrollable list of tracks.
-  Displayed in expanded mode if there is more than one track. */
+ * Displayed in expanded mode if there is more than one track. */
 .audio-player > .track-list {
+  -webkit-box-align: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-pack: start;
   border-top: 1px solid rgba(255, 255, 255, 0.1);
-
   display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-box-align: center;
-  -webkit-box-pack: start;
-
   overflow-x: hidden;
   overflow-y: auto;
 }
 
 /* A single track container.
-  Displayed in the compact mode or when there is only one track. */
+ * Displayed in the compact mode or when there is only one track. */
 .audio-player > .track-stack {
   height: 58px;
 }
 
 .audio-player.collapsed > .track-list,
 .audio-player.single_track > .track-list,
 .audio-player:not(.collapsed):not(.single-track) > .track-stack {
   opacity: 0;
   pointer-events: none;
 }
 
 /* Track item. */
 .track {
+  -webkit-box-align: center;
+  -webkit-box-orient: horizontal;
+  -webkit-box-pack: start;
+  display: -webkit-box;
+  height: 58px;
   width: 100%;
-  height: 58px;
-
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-align: center;
-  -webkit-box-pack: start;
 }
 
 /* In the expanded mode the selected track is highlighted. */
 .track-list .track.selected {
   background-color: #2d2d2d;
 }
 
 .track-list .track:hover {
   background-color: #272727 !important;
 }
 
 .track-list .track:not(.selected) .data {
   opacity: 0.7;
 }
 
 /* In the compact mode all tracks are in the same position, only the selected
   is visible.*/
 .track-stack > .track {
   position: absolute;
   top: 0;
 }
 
 .track-stack > .track.selected {
   z-index: 1;
 }
 
 /* Opacity transition is controlled differently for the text and the artwork.
-   Text transition looks better if fade-in and fade-out go in parallel.
-   For the artwork we start fading out the old icon only after the new one
-   is completely opaque (otherwise when transitioning between identical icons
-   we see some fading because the background transpires). */
+ * Text transition looks better if fade-in and fade-out go in parallel.
+ * For the artwork we start fading out the old icon only after the new one
+ * is completely opaque (otherwise when transitioning between identical icons
+ * we see some fading because the background transpires). */
 .track-stack > .track:not(.selected) .data,
 .track-stack > .track:not(.visible) .art {
   -webkit-transition: opacity 220ms ease-out;
   opacity: 0;
 }
 
 /* Track data. */
 
 .track .art {
+  -webkit-box-sizing: border-box;
+  height: 48px;
+  margin: 4px 0 6px 4px;
   position: relative;
   width: 48px;
-  height: 48px;
-  margin: 4px 0px 6px 4px;
-  -webkit-box-sizing: border-box;
 }
 
 .track .art.blank {
+  background-color: #111;
   border: 1px solid #333;
-  background-color: #111;
 }
 
 .track .art img {
+  height: 100%;
   width: 100%;
-  height: 100%;
 }
 
 .track .art.blank img {
   display: none;
 }
 
 .track .art.error {
   background-image: url(../images/media/error.png);
+  background-position: center center;
   background-repeat: no-repeat;
-  background-position: center center;
 }
 
 .noart .track .art {
   display: none;
 }
 
 .track .data {
-  margin-right: 4px;
-  margin-left: 8px;
-
-  display: -webkit-box;
+  -webkit-box-flex: 1;
   -webkit-box-orient: vertical;
   -webkit-box-pack: center;
-  -webkit-box-flex: 1;
+  display: -webkit-box;
+  margin-left: 8px;
+  margin-right: 4px;
 }
 
 .track .data .data-title,
 .track .data .data-artist {
-  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .track .data .data-title {
   font-weight: bold;
 }
 
 /* TODO(kaznacheev): Set to 20px when the audio player is title-less. */
 .single-track .data-title {
   padding-right: 0;
 }
 
 /* TODO(kaznacheev): Set to 50px when the audio player is title-less. */
 .collapsed:not(.single-track) .data-title {
   padding-right: 20px;
 }
 
 /* Controls bar. */
 
 .audio-controls {
+  -webkit-box-align: center;
+  -webkit-box-orient: horizontal;
+  -webkit-box-pack: center;
+  background-color: #2D2D2D;
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  bottom: 0;
+  display: -webkit-box;
+  height: 30px;
+  left: 0;
+  padding: 0 0 4px 13px;
   position: absolute;
-
-  border-top: 1px solid rgba(255, 255, 255, 0.1);
-
-  left: 0;
   right: 0;
-  bottom: 0;
-  height: 30px;
-  padding: 0 0 4px 13px;
-
-  background-color: #2D2D2D;
-
-  display: -webkit-box;
-  -webkit-box-orient: horizontal;
-  -webkit-box-align: center;
-  -webkit-box-pack: center;
 }
 
 .audio-controls .media-button {
-  width: 29px;
   height: 29px;
   margin-top: 1px;
+  width: 29px;
 }
 
 .audio-controls .media-button.play {
   margin-left: -10px;
   margin-right: -8px;
 }
 
-.audio-controls .media-button.play > .state0.normal{
+.audio-controls .media-button.play > .state0.normal {
   background-image: url(../images/media/media_play_audio.png);
 }
 
 .audio-controls .media-button.play > .state0.hover {
   background-image: url(../images/media/media_play_audio_hover.png);
 }
 
 .audio-controls .media-button.play > .state0.active {
   background-image: url(../images/media/media_play_audio_down.png);
 }
@@ skipping 52 matching lines @@
 }
 
 .single-track .media-button.next,
 .single-track .media-button.previous {
   display: none;
 }
 
 /* Customized scrollbar for the playlist. */
 
 ::-webkit-scrollbar {
+  height: 16px;
   width: 16px;
-  height: 16px;
 }
 
 ::-webkit-scrollbar-button {
-  height: 0px;
-  width: 0px;
+  height: 0;
+  width: 0;
 }
 
 ::-webkit-scrollbar-thumb {
+  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.10),
+                      inset 0 -1px 0  rgba(0, 0, 0, 0.07);
+  background-clip: padding-box;
+  background-color: rgba(255, 255, 255, 0.15);
   min-height: 28px;
   padding-top: 100px;
-  background-clip: padding-box;
-  background-color: rgba(255,255,255,0.15);
-  -webkit-box-shadow: inset 1px 1px 0px rgba(0,0,0,0.10),
-                      inset 0px -1px 0px  rgba(0,0,0,0.07);
 }
 
 ::-webkit-scrollbar-thumb:hover {
+  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.25);
   background-color: rgba(255,255,255,0.20);
-  -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.25);
 }
 
 ::-webkit-scrollbar-thumb:active {
-  background-color: rgba(255,255,255,0.25);
-  -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.35);
+  -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);
+  background-color: rgba(255, 255, 255, 0.25);
 }
 
 ::-webkit-scrollbar-thumb:vertical {
-  border-top: 0px solid transparent;
-  border-bottom: 0px solid transparent;
-  border-right: 0px solid transparent;
+  border-bottom: 0 solid transparent;
   border-left: 5px solid transparent;
+  border-right: 0 solid transparent;
+  border-top: 0 solid transparent;
 }
 
 ::-webkit-scrollbar-track:hover {
-  background-color: rgba(0,0,0,0.05);
-   -webkit-box-shadow: inset 1px 0px 0px  rgba(0,0,0,0.10);
+  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.10);
+  background-color: rgba(0, 0, 0, 0.05);
 }
 
 ::-webkit-scrollbar-track:active {
-  background-color: rgba(0,0,0,0.05);
-  -webkit-box-shadow: inset 1px 0px 0px  rgba(0,0,0,0.14),
-                      inset -1px -1px 0px  rgba(0,0,0,0.07);
+  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.14),
+                      inset -1px -1px 0 rgba(0, 0, 0, 0.07);
+  background-color: rgba(0, 0, 0, 0.05);
 }
 
 ::-webkit-scrollbar-track:vertical {
-  border-right: 0px solid transparent;
-  border-left: 5px solid transparent;
   background-clip: padding-box;
   background-color: transparent;
+  border-left: 5px solid transparent;
+  border-right: 0 solid transparent;
 }