Fix styling of tutorial pages (#17177)
* [WIP] Fix styling of tutorial pages * additional cleanup of styles.css
This commit is contained in:
Karen Bradshaw
Kubernetes Prow Robot
parent
fbc2e4919f
commit
c26ea07706
|
|
@ -14,6 +14,8 @@ card:
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
<link href="/docs/tutorials/kubernetes-basics/public/css/styles.css" rel="stylesheet">
|
||||||
|
|
||||||
<div class="layout" id="top">
|
<div class="layout" id="top">
|
||||||
|
|
||||||
<main class="content">
|
<main class="content">
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@ weight: 10
|
||||||
|
|
||||||
<body>
|
<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">
|
<div class="layout" id="top">
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,7 @@ weight: 10
|
||||||
|
|
||||||
<body>
|
<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">
|
<div class="layout" id="top">
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -5,6 +5,8 @@
|
||||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||||
*/
|
*/
|
||||||
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
|
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
|
||||||
|
|
||||||
|
/*
|
||||||
html
|
html
|
||||||
{
|
{
|
||||||
font-family: sans-serif;
|
font-family: sans-serif;
|
||||||
|
|
@ -57,6 +59,7 @@ template
|
||||||
{
|
{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
a
|
a
|
||||||
{
|
{
|
||||||
|
|
@ -69,6 +72,7 @@ a:hover
|
||||||
outline: 0;
|
outline: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
abbr[title]
|
abbr[title]
|
||||||
{
|
{
|
||||||
border-bottom: 1px dotted;
|
border-bottom: 1px dotted;
|
||||||
|
|
@ -91,7 +95,9 @@ h1
|
||||||
|
|
||||||
margin: .67em 0;
|
margin: .67em 0;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
mark
|
mark
|
||||||
{
|
{
|
||||||
color: #000;
|
color: #000;
|
||||||
|
|
@ -123,6 +129,7 @@ sub
|
||||||
{
|
{
|
||||||
bottom: -.25em;
|
bottom: -.25em;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
img
|
img
|
||||||
{
|
{
|
||||||
|
|
@ -366,17 +373,22 @@ th
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
*
|
*
|
||||||
{
|
{
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
*:before,
|
*:before,
|
||||||
*:after
|
*:after
|
||||||
{
|
{
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
html
|
html
|
||||||
{
|
{
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
|
|
@ -393,6 +405,7 @@ body
|
||||||
color: #333;
|
color: #333;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
input,
|
input,
|
||||||
button,
|
button,
|
||||||
|
|
@ -404,6 +417,7 @@ textarea
|
||||||
line-height: inherit;
|
line-height: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
a
|
a
|
||||||
{
|
{
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
@ -422,6 +436,8 @@ a:focus
|
||||||
outline: 5px auto -webkit-focus-ring-color;
|
outline: 5px auto -webkit-focus-ring-color;
|
||||||
outline-offset: -2px;
|
outline-offset: -2px;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
figure
|
figure
|
||||||
{
|
{
|
||||||
|
|
@ -511,6 +527,7 @@ hr
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
h1,
|
h1,
|
||||||
h2,
|
h2,
|
||||||
h3,
|
h3,
|
||||||
|
|
@ -560,7 +577,10 @@ h6 .small,
|
||||||
|
|
||||||
color: #777;
|
color: #777;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
h1,
|
h1,
|
||||||
.h1,
|
.h1,
|
||||||
h2,
|
h2,
|
||||||
|
|
@ -586,7 +606,9 @@ h3 .small,
|
||||||
{
|
{
|
||||||
font-size: 65%;
|
font-size: 65%;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
h4,
|
h4,
|
||||||
.h4,
|
.h4,
|
||||||
h5,
|
h5,
|
||||||
|
|
@ -612,12 +634,15 @@ h6 .small,
|
||||||
{
|
{
|
||||||
font-size: 75%;
|
font-size: 75%;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
h1,
|
h1,
|
||||||
.h1
|
.h1
|
||||||
{
|
{
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
h2,
|
h2,
|
||||||
.h2
|
.h2
|
||||||
|
|
@ -637,6 +662,7 @@ h4,
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
h5,
|
h5,
|
||||||
.h5
|
.h5
|
||||||
{
|
{
|
||||||
|
|
@ -648,6 +674,7 @@ h6,
|
||||||
{
|
{
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
p
|
p
|
||||||
{
|
{
|
||||||
|
|
@ -853,6 +880,7 @@ a.bg-danger:focus
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
ul,
|
ul,
|
||||||
ol
|
ol
|
||||||
{
|
{
|
||||||
|
|
@ -888,6 +916,9 @@ ol ol
|
||||||
padding-right: 5px;
|
padding-right: 5px;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
dl
|
dl
|
||||||
{
|
{
|
||||||
|
|
@ -5976,7 +6007,7 @@ a.badge:focus
|
||||||
{
|
{
|
||||||
padding: 9px;
|
padding: 9px;
|
||||||
|
|
||||||
color: #333;
|
/*color: #333;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
a.thumbnail:hover,
|
a.thumbnail:hover,
|
||||||
|
|
@ -8769,6 +8800,7 @@ button.close
|
||||||
border-top: 1px solid #e5eaf9;
|
border-top: 1px solid #e5eaf9;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.content
|
.content
|
||||||
{
|
{
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
@ -8788,6 +8820,8 @@ button.close
|
||||||
-ms-flex: 1 1 auto;
|
-ms-flex: 1 1 auto;
|
||||||
flex: 1 1 auto;
|
flex: 1 1 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 998px)
|
@media screen and (max-width: 998px)
|
||||||
{
|
{
|
||||||
.content
|
.content
|
||||||
|
|
@ -9042,6 +9076,7 @@ button.close
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
.header
|
.header
|
||||||
{
|
{
|
||||||
padding: 20px 20px;
|
padding: 20px 20px;
|
||||||
|
|
@ -9532,7 +9567,9 @@ button.close
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
/*
|
||||||
.scrolltop
|
.scrolltop
|
||||||
{
|
{
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
@ -9603,17 +9640,16 @@ button.close
|
||||||
|
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
body
|
body
|
||||||
{
|
{
|
||||||
font-family: Roboto, 'Helvetica Neue', Helvetica, 'Open Sans', Arial, sans-serif;
|
font-family: Roboto, 'Helvetica Neue', Helvetica, 'Open Sans', Arial, sans-serif;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
||||||
/*display: -webkit-box;*/
|
|
||||||
/*display: -ms-flexbox;*/
|
|
||||||
/*display: flex;*/
|
|
||||||
|
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
|
|
||||||
background: #eee;
|
background: #eee;
|
||||||
|
|
@ -9672,6 +9708,8 @@ p a:hover
|
||||||
{
|
{
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
|
||||||
.breadcrumb
|
.breadcrumb
|
||||||
{
|
{
|
||||||
|
|
@ -10106,6 +10144,7 @@ p a:hover
|
||||||
{
|
{
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 992px)
|
@media screen and (max-width: 992px)
|
||||||
{
|
{
|
||||||
.quiz__box
|
.quiz__box
|
||||||
|
|
|
||||||
|
|
@ -9,8 +9,8 @@ weight: 10
|
||||||
|
|
||||||
<body>
|
<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">
|
||||||
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700" rel="stylesheet">
|
|
||||||
|
|
||||||
<div class="layout" id="top">
|
<div class="layout" id="top">
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue