chore(quickstart/ts): updates to support new docs design

Jade file updated to support new docs design. Also other kinds of
edits; e.g., the prose is more compact, showing the handful of config
files in via a `makeTab`. This new shorter version (once explanations
are hidden) feels more like a QuickStart guide :).

Author: chalin

public/docs/_examples/quickstart/ts/app/app.component.ts

@@ -9,6 +9,6 @@ import { Component } from '@angular/core';
   template: '<h1>My First Angular 2 App</h1>'
 })
 // #enddocregion metadata
-// #docregion export
+// #docregion class
 export class AppComponent { }
-// #enddocregion export
+// #enddocregion class

public/docs/_examples/quickstart/ts/styles.1.css

@@ -1,25 +1,9 @@
 /* #docregion */
-/* Master Styles */
 h1 {
   color: #369; 
   font-family: Arial, Helvetica, sans-serif;   
   font-size: 250%;
 }
-h2, h3 { 
-  color: #444;
-  font-family: Arial, Helvetica, sans-serif;   
-  font-weight: lighter;
-}
 body { 
   margin: 2em; 
 }
-body, input[text], button { 
-  color: #888; 
-  font-family: Cambria, Georgia; 
-}
-
-/* 
- * See https://github.com/angular/angular.io/blob/master/public/docs/_examples/styles.css
- * for the full set of master styles used by the documentation samples
- */
- 

public/docs/ts/latest/_util-fns.jade

@@ -5,7 +5,7 @@ include ../../../_includes/_util-fns
 //- Other values match the defaults.
 
 mixin liveExampleLink(linkText, exampleUrlPartName)
-  a(href='/resources/live-examples/#{exampleUrlPartName}/ts/plnkr.html')= linkText
+  a(href='/resources/live-examples/#{exampleUrlPartName}/ts/plnkr.html' target="_blank")= linkText
 
 mixin liveExampleLink2(linkText, exampleUrlPartName)
   //- In Dart this also gives a link to the source.