DevTools: Freshen up popover styles.

Source/devtools/front_end/elements/Spectrum.js

 /*
  * Copyright (C) 2011 Brian Grinstead All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
  * 2.  Redistributions in binary form must reproduce the above copyright
@@ skipping 20 matching lines @@
  * @extends {WebInspector.VBox}
  */
 WebInspector.Spectrum = function()
 {
     WebInspector.VBox.call(this);
     this.registerRequiredCSS("spectrum.css");
 
     this.element.classList.add("spectrum-container");
     this.element.tabIndex = 0;
 
-    var topElement = this.element.createChild("div", "spectrum-top");
-    topElement.createChild("div", "spectrum-fill");
-
-    var topInnerElement = topElement.createChild("div", "spectrum-top-inner fill");
-    this._draggerElement = topInnerElement.createChild("div", "spectrum-color");
+    this._draggerElement = this.element.createChild("div", "spectrum-color");
     this._dragHelperElement = this._draggerElement.createChild("div", "spectrum-sat fill").createChild("div", "spectrum-val fill").createChild("div", "spectrum-dragger");
 
-    this._sliderElement = topInnerElement.createChild("div", "spectrum-hue");
+    this._sliderElement = this.element.createChild("div", "spectrum-hue");
     this.slideHelper = this._sliderElement.createChild("div", "spectrum-slider");
 
     var rangeContainer = this.element.createChild("div", "spectrum-range-container");
     var alphaLabel = rangeContainer.createChild("label");
     alphaLabel.textContent = WebInspector.UIString("\u03B1:");
 
     this._alphaElement = rangeContainer.createChild("input", "spectrum-range");
     this._alphaElement.setAttribute("type", "range");
     this._alphaElement.setAttribute("min", "0");
     this._alphaElement.setAttribute("max", "100");
     this._alphaElement.addEventListener("input", alphaDrag.bind(this), false);
     this._alphaElement.addEventListener("change", alphaDrag.bind(this), false);
 
-    var displayContainer = this.element.createChild("div");
+    var displayContainer = this.element.createChild("div", "spectrum-text");
     var swatchElement = displayContainer.createChild("span", "swatch");
     this._swatchInnerElement = swatchElement.createChild("span", "swatch-inner");
     this._displayElement = displayContainer.createChild("span", "source-code spectrum-display-value");
 
     WebInspector.Spectrum.draggable(this._sliderElement, hueDrag.bind(this));
     WebInspector.Spectrum.draggable(this._draggerElement, colorDrag.bind(this), colorDragStart.bind(this));
 
     /**
      * @param {!Element} element
      * @param {number} dragX
@@ skipping 367 matching lines @@
 
 WebInspector.ColorSwatch.prototype = {
     /**
      * @param {string} colorString
      */
     setColorString: function(colorString)
     {
         this._swatchInnerElement.style.backgroundColor = colorString;
     }
 }