Redo styling of the tutorial page

static/css/pages/tutorial.css

@@ -0,0 +1,3 @@
+.tutorial-view .co-main-content-panel {
+  padding: 30px;
+}

static/directives/angular-tour-ui.html

@@ -1,11 +1,6 @@
 <div class="angular-tour-ui-element"
      ng-class="[tour ? 'touring' : 'nottouring', inline ? 'inline' : 'overlay']">
 
-  <div class="tour-title">
-    <h4><i class="fa fa-dot-circle-o"></i> {{ tour.title }}</h4>
-    <button type="button" class="close" ng-click="stop()" aria-hidden="true">&times;</button>
-  </div>
-
   <div class="tour-contents" ng-show="!supported">
     Your browser does not support features required for this tour. Please upgrade and try again.
   </div>

static/js/pages/tutorial.js

@@ -4,9 +4,13 @@
    */
   angular.module('quayPages').config(['pages', function(pages) {
     pages.create('tutorial', 'tutorial.html', TutorialCtrl, {
+      'newLayout': true,
       'title': 'Tutorial',
-      'description': 'Basic tutorial on using Docker with Quay.io'
-    });
+      'description': 'Basic tutorial on using Quay.io'
+    }, ['layout'])
+
+    pages.create('tutorial', 'old-tutorial.html', TutorialCtrl, {
+    }, ['old-layout']);
   }]);
 
   function TutorialCtrl($scope, AngularTour, AngularTourSignals, UserService, Config) {

static/partials/old-tutorial.html

@@ -0,0 +1,3 @@
+<div class="cor-container">
+  <div class="angular-tour-ui" tour="tour" inline="true"></div>
+</div>

static/partials/tutorial.html

@@ -1,3 +1,10 @@
-<div class="cor-container">
-  <div class="angular-tour-ui" tour="tour" inline="true"></div>
-</div>
+<div class="tutorial-view page-content">
+  <div class="cor-title">
+    <span class="cor-title-link"></span>
+    <span class="cor-title-content">Tutorial</span>
+  </div>
+
+  <div class="co-main-content-panel">
+    <div class="angular-tour-ui" tour="tour" inline="true"></div>
+  </div>
+</div>