Separate walk-through CSS from welcome page

src/vs/workbench/parts/walkThrough/electron-browser/walkThroughPart.css

@@ -3,124 +3,124 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent {
+.monaco-workbench > .part.editor > .content .walkThroughContent {
 	box-sizing: border-box;
 	padding: 10px 20px;
 	line-height: 22px;
 }
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent img {
+.monaco-workbench > .part.editor > .content .walkThroughContent img {
 	max-width: 100%;
 	max-height: 100%;
 }
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent a {
+.monaco-workbench > .part.editor > .content .walkThroughContent a {
 	color: #4080D0;
 	text-decoration: none;
 }
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent a:focus,
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent input:focus,
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent select:focus,
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent textarea:focus {
+.monaco-workbench > .part.editor > .content .walkThroughContent a:focus,
+.monaco-workbench > .part.editor > .content .walkThroughContent input:focus,
+.monaco-workbench > .part.editor > .content .walkThroughContent select:focus,
+.monaco-workbench > .part.editor > .content .walkThroughContent textarea:focus {
 	outline: 1px solid -webkit-focus-ring-color;
 	outline-offset: -1px;
 }
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent hr {
+.monaco-workbench > .part.editor > .content .walkThroughContent hr {
 	border: 0;
 	height: 2px;
 	border-bottom: 2px solid;
 }
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent h1 {
+.monaco-workbench > .part.editor > .content .walkThroughContent h1 {
 	padding-bottom: 0.3em;
 	line-height: 1.2;
 	border-bottom-width: 1px;
 	border-bottom-style: solid;
 }
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent h1, h2, h3 {
+.monaco-workbench > .part.editor > .content .walkThroughContent h1, h2, h3 {
 	font-weight: normal;
 }
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent a:hover {
+.monaco-workbench > .part.editor > .content .walkThroughContent a:hover {
 	color: #4080D0;
 	text-decoration: underline;
 }
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent table {
+.monaco-workbench > .part.editor > .content .walkThroughContent table {
 	border-collapse: collapse;
 }
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent table > thead > tr > th {
+.monaco-workbench > .part.editor > .content .walkThroughContent table > thead > tr > th {
 	text-align: left;
 	border-bottom: 1px solid;
 }
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent table > thead > tr > th,
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent table > thead > tr > td,
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent table > tbody > tr > th,
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent table > tbody > tr > td {
+.monaco-workbench > .part.editor > .content .walkThroughContent table > thead > tr > th,
+.monaco-workbench > .part.editor > .content .walkThroughContent table > thead > tr > td,
+.monaco-workbench > .part.editor > .content .walkThroughContent table > tbody > tr > th,
+.monaco-workbench > .part.editor > .content .walkThroughContent table > tbody > tr > td {
 	padding: 5px 10px;
 }
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent table > tbody > tr + tr > td {
+.monaco-workbench > .part.editor > .content .walkThroughContent table > tbody > tr + tr > td {
 	border-top: 1px solid;
 }
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent blockquote {
+.monaco-workbench > .part.editor > .content .walkThroughContent blockquote {
 	margin: 0 7px 0 5px;
 	padding: 0 16px 0 10px;
 	border-left: 5px solid;
 }
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent code {
+.monaco-workbench > .part.editor > .content .walkThroughContent code {
 	font-family: Menlo, Monaco, Consolas, "Droid Sans Mono", "Courier New", monospace, "Droid Sans Fallback";
 	font-size: 14px;
 	line-height: 19px;
 }
 
-.monaco-workbench.mac > .part.editor > .content .walkThroughContainer .walkThroughContent  code {
+.monaco-workbench.mac > .part.editor > .content .walkThroughContent  code {
 	font-size: 12px;
 	line-height: 18px;
 }
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent code > div {
+.monaco-workbench > .part.editor > .content .walkThroughContent code > div {
 	padding: 16px;
 	border-radius: 3px;
 	overflow: auto;
 }
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent .monaco-tokenized-source {
+.monaco-workbench > .part.editor > .content .walkThroughContent .monaco-tokenized-source {
 	white-space: pre;
 }
 
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent .mac-only,
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent .windows-only,
-.monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent .linux-only {
+.monaco-workbench > .part.editor > .content .walkThroughContent .mac-only,
+.monaco-workbench > .part.editor > .content .walkThroughContent .windows-only,
+.monaco-workbench > .part.editor > .content .walkThroughContent .linux-only {
 	display: none;
 }
-.monaco-workbench.mac > .part.editor > .content .walkThroughContainer .walkThroughContent .mac-only {
+.monaco-workbench.mac > .part.editor > .content .walkThroughContent .mac-only {
 	display: initial;
 }
-.monaco-workbench.windows > .part.editor > .content .walkThroughContainer .walkThroughContent .windows-only {
+.monaco-workbench.windows > .part.editor > .content .walkThroughContent .windows-only {
 	display: initial;
 }
-.monaco-workbench.linux > .part.editor > .content .walkThroughContainer .walkThroughContent .linux-only {
+.monaco-workbench.linux > .part.editor > .content .walkThroughContent .linux-only {
 	display: initial;
 }
 
-.vs .monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent .monaco-editor-background,
-.vs .monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent .glyph-margin {
+.vs .monaco-workbench > .part.editor > .content .walkThroughContent .monaco-editor-background,
+.vs .monaco-workbench > .part.editor > .content .walkThroughContent .glyph-margin {
 	background-color: #eee;
 }
 
-.vs-dark .monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent .monaco-editor-background,
-.vs-dark .monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent .glyph-margin {
+.vs-dark .monaco-workbench > .part.editor > .content .walkThroughContent .monaco-editor-background,
+.vs-dark .monaco-workbench > .part.editor > .content .walkThroughContent .glyph-margin {
 	background-color: #111;
 }
 
-.hc-black .monaco-workbench > .part.editor > .content .walkThroughContainer .walkThroughContent .monaco-editor {
+.hc-black .monaco-workbench > .part.editor > .content .walkThroughContent .monaco-editor {
 	border: 1px white solid
 }

src/vs/workbench/parts/walkThrough/electron-browser/walkThroughPart.ts

@@ -61,10 +61,8 @@ export class WalkThroughPart extends BaseEditor {
 
 	createEditor(parent: Builder): void {
 		const container = parent.getHTMLElement();
-		container.classList.add('walkThroughContainer');
 
 		this.content = document.createElement('div');
-		this.content.classList.add('walkThroughContent');
 
 		this.scrollbar = new DomScrollableElement(this.content, {
 			canUseTranslate3d: false,
@@ -149,6 +147,7 @@ export class WalkThroughPart extends BaseEditor {
 
 					return `<div id=${id} class="walkThroughEditorContainer" ></div>`;
 				};
+				this.content.classList.add('walkThroughContent'); // only for markdown files
 				this.content.innerHTML = marked(content.value, { renderer });
 				this.decorateContent();
 

src/vs/workbench/parts/welcomePage/electron-browser/welcomePage.css

@@ -3,10 +3,15 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
-.monaco-workbench > .part.editor > .content .monaco-workbench > .part.editor > .content .welcomePage {
+.monaco-workbench > .part.editor > .content .welcomePage {
 	font-family: "Lucida Grande", sans-serif;
 }
 
+.monaco-workbench > .part.editor > .content .welcomePage a {
+	color: #4080D0;
+	text-decoration: none;
+}
+
 .monaco-workbench > .part.editor > .content .welcomePage .splash {
 	position: absolute;
 	top: 50%;

src/vs/workbench/parts/welcomePage/electron-browser/welcomePage.html

-<link href="../../parts/welcomePage/electron-browser/welcomePage.css" rel="stylesheet"></link>
 <div class="welcomePage">
 	<div class="splash">
 		<div class="title">

src/vs/workbench/parts/welcomePage/electron-browser/welcomePage.ts

@@ -4,6 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 'use strict';
 
+import 'vs/css!./welcomePage';
 import URI from 'vs/base/common/uri';
 import * as path from 'path';
 import { WalkThroughInput } from 'vs/workbench/parts/walkThrough/common/walkThroughInput';