Fix styling of tutorial pages (#17177)

* [WIP] Fix styling of tutorial pages * additional cleanup of styles.css
kubernetes · Oct 26, 2019 · c26ea07 · c26ea07
1 parent fbc2e49
commit c26ea07
Show file tree

Hide file tree

Showing 5 changed files with 50 additions and 9 deletions.
diff --git a/content/en/docs/tutorials/kubernetes-basics/_index.html b/content/en/docs/tutorials/kubernetes-basics/_index.html
@@ -14,6 +14,8 @@
 
 <body>
 
+  <link href="/docs/tutorials/kubernetes-basics/public/css/styles.css" rel="stylesheet">
+
 <div class="layout" id="top">
 
   <main class="content">

diff --git a/content/en/docs/tutorials/kubernetes-basics/create-cluster/cluster-intro.html b/content/en/docs/tutorials/kubernetes-basics/create-cluster/cluster-intro.html
@@ -9,7 +9,7 @@
 
 <body>
 
-<link href="/docs/tutorials/kubernetes-basics/public/css/styles.css" rel="stylesheet">
+    <link href="/docs/tutorials/kubernetes-basics/public/css/styles.css" rel="stylesheet">
 
 <div class="layout" id="top">
 

diff --git a/content/en/docs/tutorials/kubernetes-basics/deploy-app/deploy-intro.html b/content/en/docs/tutorials/kubernetes-basics/deploy-app/deploy-intro.html
@@ -9,7 +9,7 @@
 
 <body>
 
-<link href="/docs/tutorials/kubernetes-basics/public/css/styles.css" rel="stylesheet">
+    <link href="/docs/tutorials/kubernetes-basics/public/css/styles.css" rel="stylesheet">
 
 <div class="layout" id="top">
 

diff --git a/content/en/docs/tutorials/kubernetes-basics/public/css/styles.css b/content/en/docs/tutorials/kubernetes-basics/public/css/styles.css
@@ -5,6 +5,8 @@
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  */
 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+/*
 html
 {
     font-family: sans-serif;
@@ -57,6 +59,7 @@ template
 {
     display: none;
 }
+*/
 
 a
 {
@@ -69,6 +72,7 @@ a:hover
     outline: 0;
 }
 
+/*
 abbr[title]
 {
     border-bottom: 1px dotted;
@@ -91,7 +95,9 @@ h1
 
     margin: .67em 0;
 }
+*/
 
+/*
 mark
 {
     color: #000;
@@ -123,6 +129,7 @@ sub
 {
     bottom: -.25em;
 }
+*/
 
 img
 {
@@ -366,17 +373,22 @@ th
     }
 }
 
+/*
 *
 {
     box-sizing: border-box;
 }
+*/
 
+/*
 *:before,
 *:after
 {
     box-sizing: border-box;
 }
+*/
 
+/*
 html
 {
     font-size: 10px;
@@ -393,6 +405,7 @@ body
     color: #333;
     background-color: #fff;
 }
+*/
 
 input,
 button,
@@ -404,6 +417,7 @@ textarea
     line-height: inherit;
 }
 
+/*
 a
 {
     text-decoration: none;
@@ -422,6 +436,8 @@ a:focus
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
 }
+*/
+
 
 figure
 {
@@ -511,6 +527,7 @@ hr
     cursor: pointer;
 }
 
+/*
 h1,
 h2,
 h3,
@@ -560,7 +577,10 @@ h6 .small,
 
     color: #777;
 }
+*/
 
+
+/*
 h1,
 .h1,
 h2,
@@ -586,7 +606,9 @@ h3 .small,
 {
     font-size: 65%;
 }
+*/
 
+/*
 h4,
 .h4,
 h5,
@@ -612,12 +634,15 @@ h6 .small,
 {
     font-size: 75%;
 }
+*/
 
+/*
 h1,
 .h1
 {
     font-size: 36px;
 }
+*/
 
 h2,
 .h2
@@ -637,6 +662,7 @@ h4,
     font-size: 18px;
 }
 
+/*
 h5,
 .h5
 {
@@ -648,6 +674,7 @@ h6,
 {
     font-size: 12px;
 }
+*/
 
 p
 {
@@ -853,6 +880,7 @@ a.bg-danger:focus
     border-bottom: 1px solid #eee;
 }
 
+/*
 ul,
 ol
 {
@@ -888,6 +916,9 @@ ol ol
     padding-right: 5px;
     padding-left: 5px;
 }
+*/
+
+
 
 dl
 {
@@ -5976,7 +6007,7 @@ a.badge:focus
 {
     padding: 9px;
 
-    color: #333;
+    /*color: #333;*/
 }
 
 a.thumbnail:hover,
@@ -8769,6 +8800,7 @@ button.close
     border-top: 1px solid #e5eaf9;
 }
 
+
 .content
 {
     position: relative;
@@ -8788,6 +8820,8 @@ button.close
     -ms-flex: 1 1 auto;
         flex: 1 1 auto;
 }
+
+
 @media screen and (max-width: 998px)
 {
     .content
@@ -9042,6 +9076,7 @@ button.close
     max-width: 300px;
 }
 
+/*
 .header
 {
     padding: 20px 20px;
@@ -9532,7 +9567,9 @@ button.close
         display: none;
     }
 }
+*/
 
+/*
 .scrolltop
 {
     position: fixed;
@@ -9603,17 +9640,16 @@ button.close
 
     opacity: 1;
 }
+*/
+
 
+/*
 body
 {
     font-family: Roboto, 'Helvetica Neue', Helvetica, 'Open Sans', Arial, sans-serif;
     font-size: 15px;
     line-height: 1.5;
 
-    /*display: -webkit-box;*/
-    /*display: -ms-flexbox;*/
-    /*display: flex;*/
-
     min-height: 100vh;
 
     background: #eee;
@@ -9672,6 +9708,8 @@ p a:hover
 {
     text-decoration: none;
 }
+*/
+
 
 .breadcrumb
 {
@@ -10106,6 +10144,7 @@ p a:hover
 {
     display: block;
 }
+
 @media screen and (max-width: 992px)
 {
     .quiz__box

diff --git a/content/en/docs/tutorials/kubernetes-basics/update/update-intro.html b/content/en/docs/tutorials/kubernetes-basics/update/update-intro.html
@@ -9,8 +9,8 @@
 
 <body>
 
-<link href="/docs/tutorials/kubernetes-basics/public/css/styles.css" rel="stylesheet">
-<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700" rel="stylesheet">
+    <link href="/docs/tutorials/kubernetes-basics/public/css/styles.css" rel="stylesheet">
+
 
 <div class="layout" id="top">