Timeline: add layer details view

Source/devtools/front_end/timeline/Layers3DView.js

 /*
  * Copyright (C) 2014 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 563 matching lines @@
     },
 
     _drawViewportAndChrome: function()
     {
         var viewport = this._layerTree.viewportSize();
         if (!viewport)
             return;
 
         var drawChrome = this._showChromeSetting.get() && this._chromeTextures.length >= 3 && this._chromeTextures.indexOf(undefined) < 0;
         var z = (this._maxDepth + 1) * WebInspector.Layers3DView.LayerSpacing;
-        var borderWidth = Math.round(WebInspector.Layers3DView.ViewportBorderWidth * this._scale);
+        var borderWidth = Math.ceil(WebInspector.Layers3DView.ViewportBorderWidth * this._scale);
         var vertices = [viewport.width, 0, z, viewport.width, viewport.height, z, 0, viewport.height, z, 0, 0, z];
         this._gl.lineWidth(borderWidth);
         this._drawRectangle(vertices, drawChrome ? this._gl.LINE_STRIP : this._gl.LINE_LOOP, WebInspector.Layers3DView.ViewportBorderColor);
 
         if (!drawChrome)
             return;
 
         var borderAdjustment = WebInspector.Layers3DView.ViewportBorderWidth / 2;
         var viewportWidth = this._layerTree.viewportSize().width + 2 * borderAdjustment;
         var chromeHeight = this._chromeTextures[0].image.naturalHeight;
@@ skipping 528 matching lines @@
  */
 WebInspector.LayerTextureManager.Tile = function(snapshot, rect, traceEvent)
 {
     this.snapshot = snapshot;
     this.rect = rect;
     this.traceEvent = traceEvent;
     this.scale = 0;
     /** @type {?WebGLTexture} */
     this.texture = null;
 }