content/static: move generated github styles to readme.css

Moves the generated github styles into its own "readme.css" file. This
is preparing for the next CL that will generate changes for the
readme.css file.

Change-Id: Ic9f617695030129334b2eb9a47cb74a982576748
Reviewed-on: https://go-review.googlesource.com/c/pkgsite/+/257697
Reviewed-by: Julie Qiu <julie@golang.org>
Trust: Miguel Acero <acero@google.com>
diff --git a/content/static/css/readme.css b/content/static/css/readme.css
new file mode 100644
index 0000000..d83a171
--- /dev/null
+++ b/content/static/css/readme.css
@@ -0,0 +1,393 @@
+/*
+ * Copyright 2020 The Go Authors. All rights reserved.
+ * Use of this source code is governed by a BSD-style
+ * license that can be found in the LICENSE file.
+ */
+
+/* ---------- */
+/*
+/* The CSS classes below are generated using devtools/cmd/css/main.go
+/* To update, delete the contents below and and run go run devtools/cmd/css/main.go
+/*
+/* ---------- */
+
+.Overview-readmeContent details {
+  display: block;
+}
+.Overview-readmeContent summary {
+  display: list-item;
+}
+.Overview-readmeContent a {
+  background-color: initial;
+}
+.Overview-readmeContent a:active,
+.Overview-readmeContent a:hover {
+  outline-width: 0;
+}
+.Overview-readmeContent strong {
+  font-weight: inherit;
+  font-weight: bolder;
+}
+.Overview-readmeContent h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+.Overview-readmeContent img {
+  border-style: none;
+}
+.Overview-readmeContent code,
+.Overview-readmeContent kbd,
+.Overview-readmeContent pre {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+.Overview-readmeContent hr {
+  box-sizing: initial;
+  height: 0;
+  overflow: visible;
+}
+.Overview-readmeContent input {
+  font: inherit;
+  margin: 0;
+}
+.Overview-readmeContent input {
+  overflow: visible;
+}
+.Overview-readmeContent [type='checkbox'] {
+  box-sizing: border-box;
+  padding: 0;
+}
+.Overview-readmeContent * {
+  box-sizing: border-box;
+}
+.Overview-readmeContent input {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+.Overview-readmeContent a {
+  color: #0366d6;
+  text-decoration: none;
+}
+.Overview-readmeContent a:hover {
+  text-decoration: underline;
+}
+.Overview-readmeContent strong {
+  font-weight: 600;
+}
+.Overview-readmeContent hr {
+  height: 0;
+  margin: 15px 0;
+  overflow: hidden;
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid #dfe2e5;
+}
+.Overview-readmeContent hr:after,
+.Overview-readmeContent hr:before {
+  display: table;
+  content: '';
+}
+.Overview-readmeContent hr:after {
+  clear: both;
+}
+.Overview-readmeContent table {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+.Overview-readmeContent td,
+.Overview-readmeContent th {
+  padding: 0;
+}
+.Overview-readmeContent details summary {
+  cursor: pointer;
+}
+.Overview-readmeContent kbd {
+  display: inline-block;
+  padding: 3px 5px;
+  font: 11px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+  line-height: 10px;
+  color: #444d56;
+  vertical-align: middle;
+  background-color: #fafbfc;
+  border: 1px solid #d1d5da;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 #d1d5da;
+}
+.Overview-readmeContent h1,
+.Overview-readmeContent h2,
+.Overview-readmeContent h3,
+.Overview-readmeContent h4,
+.Overview-readmeContent h5,
+.Overview-readmeContent h6 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.Overview-readmeContent h1 {
+  font-size: 32px;
+}
+.Overview-readmeContent h1,
+.Overview-readmeContent h2 {
+  font-weight: 600;
+}
+.Overview-readmeContent h2 {
+  font-size: 24px;
+}
+.Overview-readmeContent h3 {
+  font-size: 20px;
+}
+.Overview-readmeContent h3,
+.Overview-readmeContent h4 {
+  font-weight: 600;
+}
+.Overview-readmeContent h4 {
+  font-size: 16px;
+}
+.Overview-readmeContent h5 {
+  font-size: 14px;
+}
+.Overview-readmeContent h5,
+.Overview-readmeContent h6 {
+  font-weight: 600;
+}
+.Overview-readmeContent h6 {
+  font-size: 12px;
+}
+.Overview-readmeContent p {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+.Overview-readmeContent blockquote {
+  margin: 0;
+}
+.Overview-readmeContent ol,
+.Overview-readmeContent ul {
+  padding-left: 0;
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.Overview-readmeContent ol ol,
+.Overview-readmeContent ul ol {
+  list-style-type: lower-roman;
+}
+.Overview-readmeContent ol ol ol,
+.Overview-readmeContent ol ul ol,
+.Overview-readmeContent ul ol ol,
+.Overview-readmeContent ul ul ol {
+  list-style-type: lower-alpha;
+}
+.Overview-readmeContent dd {
+  margin-left: 0;
+}
+.Overview-readmeContent code,
+.Overview-readmeContent pre {
+  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+  font-size: 12px;
+}
+.Overview-readmeContent pre {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.Overview-readmeContent input::-webkit-inner-spin-button,
+.Overview-readmeContent input::-webkit-outer-spin-button {
+  margin: 0;
+  -webkit-appearance: none;
+  appearance: none;
+}
+.Overview-readmeContent :checked + .radio-label {
+  position: relative;
+  z-index: 1;
+  border-color: #0366d6;
+}
+.Overview-readmeContent hr {
+  border-bottom-color: #eee;
+}
+.Overview-readmeContent kbd {
+  display: inline-block;
+  padding: 3px 5px;
+  font: 11px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
+  line-height: 10px;
+  color: #444d56;
+  vertical-align: middle;
+  background-color: #fafbfc;
+  border: 1px solid #d1d5da;
+  border-radius: 3px;
+  box-shadow: inset 0 -1px 0 #d1d5da;
+}
+.Overview-readmeContent a:not([href]) {
+  color: inherit;
+  text-decoration: none;
+}
+.Overview-readmeContent blockquote,
+.Overview-readmeContent details,
+.Overview-readmeContent dl,
+.Overview-readmeContent ol,
+.Overview-readmeContent p,
+.Overview-readmeContent pre,
+.Overview-readmeContent table,
+.Overview-readmeContent ul {
+  margin-top: 0;
+  margin-bottom: 16px;
+}
+.Overview-readmeContent hr {
+  height: 0.25em;
+  padding: 0;
+  margin: 24px 0;
+  background-color: #e1e4e8;
+  border: 0;
+}
+.Overview-readmeContent blockquote {
+  padding: 0 1em;
+  color: #6a737d;
+  border-left: 0.25em solid #dfe2e5;
+}
+.Overview-readmeContent blockquote > :first-child {
+  margin-top: 0;
+}
+.Overview-readmeContent blockquote > :last-child {
+  margin-bottom: 0;
+}
+.Overview-readmeContent h1,
+.Overview-readmeContent h2,
+.Overview-readmeContent h3,
+.Overview-readmeContent h4,
+.Overview-readmeContent h5,
+.Overview-readmeContent h6 {
+  margin-top: 24px;
+  margin-bottom: 16px;
+  font-weight: 600;
+  line-height: 1.25;
+}
+.Overview-readmeContent h1 {
+  font-size: 2em;
+}
+.Overview-readmeContent h1,
+.Overview-readmeContent h2 {
+  padding-bottom: 0.3em;
+  border-bottom: 1px solid #eaecef;
+}
+.Overview-readmeContent h2 {
+  font-size: 1.5em;
+}
+.Overview-readmeContent h3 {
+  font-size: 1.25em;
+}
+.Overview-readmeContent h4 {
+  font-size: 1em;
+}
+.Overview-readmeContent h5 {
+  font-size: 0.875em;
+}
+.Overview-readmeContent h6 {
+  font-size: 0.85em;
+  color: #6a737d;
+}
+.Overview-readmeContent ol,
+.Overview-readmeContent ul {
+  padding-left: 2em;
+}
+.Overview-readmeContent ol ol,
+.Overview-readmeContent ol ul,
+.Overview-readmeContent ul ol,
+.Overview-readmeContent ul ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.Overview-readmeContent li {
+  word-wrap: break-all;
+}
+.Overview-readmeContent li > p {
+  margin-top: 16px;
+}
+.Overview-readmeContent li + li {
+  margin-top: 0.25em;
+}
+.Overview-readmeContent dl {
+  padding: 0;
+}
+.Overview-readmeContent dl dt {
+  padding: 0;
+  margin-top: 16px;
+  font-size: 1em;
+  font-style: italic;
+  font-weight: 600;
+}
+.Overview-readmeContent dl dd {
+  padding: 0 16px;
+  margin-bottom: 16px;
+}
+.Overview-readmeContent table {
+  display: block;
+  width: 100%;
+  overflow: auto;
+}
+.Overview-readmeContent table th {
+  font-weight: 600;
+}
+.Overview-readmeContent table td,
+.Overview-readmeContent table th {
+  padding: 6px 13px;
+  border: 1px solid #dfe2e5;
+}
+.Overview-readmeContent table tr {
+  background-color: #fff;
+  border-top: 1px solid #c6cbd1;
+}
+.Overview-readmeContent table tr:nth-child(2n) {
+  background-color: #f6f8fa;
+}
+.Overview-readmeContent img {
+  max-width: 100%;
+  box-sizing: initial;
+  background-color: #fff;
+}
+.Overview-readmeContent img[align='right'] {
+  padding-left: 20px;
+}
+.Overview-readmeContent img[align='left'] {
+  padding-right: 20px;
+}
+.Overview-readmeContent code {
+  padding: 0.2em 0.4em;
+  margin: 0;
+  font-size: 85%;
+  background-color: rgba(27, 31, 35, 0.05);
+  border-radius: 3px;
+}
+.Overview-readmeContent pre {
+  word-wrap: normal;
+}
+.Overview-readmeContent pre > code {
+  padding: 0;
+  margin: 0;
+  font-size: 100%;
+  word-break: normal;
+  white-space: pre;
+  background: transparent;
+  border: 0;
+}
+.Overview-readmeContent pre {
+  padding: 16px;
+  overflow: auto;
+  font-size: 85%;
+  line-height: 1.45;
+  background-color: #f6f8fa;
+  border-radius: 3px;
+}
+.Overview-readmeContent pre code {
+  display: inline;
+  max-width: auto;
+  padding: 0;
+  margin: 0;
+  overflow: visible;
+  line-height: inherit;
+  word-wrap: normal;
+  background-color: initial;
+  border: 0;
+}
+
+/* ---------- */
+/*
+/* End output from content/static/css/main.go.
+/*
+/* ---------- */
diff --git a/content/static/css/stylesheet.css b/content/static/css/stylesheet.css
index 212748f..57b0930 100644
--- a/content/static/css/stylesheet.css
+++ b/content/static/css/stylesheet.css
@@ -1659,391 +1659,3 @@
   margin: 0;
   max-width: none;
 }
-
-/* ---------- */
-/*
-/* The CSS classes below are generated using devtools/cmd/css/main.go
-/* To update, delete the contents below and and run go run devtools/cmd/css/main.go
-/*
-/* ---------- */
-
-.Overview-readmeContent details {
-  display: block;
-}
-.Overview-readmeContent summary {
-  display: list-item;
-}
-.Overview-readmeContent a {
-  background-color: initial;
-}
-.Overview-readmeContent a:active,
-.Overview-readmeContent a:hover {
-  outline-width: 0;
-}
-.Overview-readmeContent strong {
-  font-weight: inherit;
-  font-weight: bolder;
-}
-.Overview-readmeContent h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-.Overview-readmeContent img {
-  border-style: none;
-}
-.Overview-readmeContent code,
-.Overview-readmeContent kbd,
-.Overview-readmeContent pre {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-.Overview-readmeContent hr {
-  box-sizing: initial;
-  height: 0;
-  overflow: visible;
-}
-.Overview-readmeContent input {
-  font: inherit;
-  margin: 0;
-}
-.Overview-readmeContent input {
-  overflow: visible;
-}
-.Overview-readmeContent [type='checkbox'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-.Overview-readmeContent * {
-  box-sizing: border-box;
-}
-.Overview-readmeContent input {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-}
-.Overview-readmeContent a {
-  color: #0366d6;
-  text-decoration: none;
-}
-.Overview-readmeContent a:hover {
-  text-decoration: underline;
-}
-.Overview-readmeContent strong {
-  font-weight: 600;
-}
-.Overview-readmeContent hr {
-  height: 0;
-  margin: 15px 0;
-  overflow: hidden;
-  background: transparent;
-  border: 0;
-  border-bottom: 1px solid #dfe2e5;
-}
-.Overview-readmeContent hr:after,
-.Overview-readmeContent hr:before {
-  display: table;
-  content: '';
-}
-.Overview-readmeContent hr:after {
-  clear: both;
-}
-.Overview-readmeContent table {
-  border-spacing: 0;
-  border-collapse: collapse;
-}
-.Overview-readmeContent td,
-.Overview-readmeContent th {
-  padding: 0;
-}
-.Overview-readmeContent details summary {
-  cursor: pointer;
-}
-.Overview-readmeContent kbd {
-  display: inline-block;
-  padding: 3px 5px;
-  font: 11px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
-  line-height: 10px;
-  color: #444d56;
-  vertical-align: middle;
-  background-color: #fafbfc;
-  border: 1px solid #d1d5da;
-  border-radius: 3px;
-  box-shadow: inset 0 -1px 0 #d1d5da;
-}
-.Overview-readmeContent h1,
-.Overview-readmeContent h2,
-.Overview-readmeContent h3,
-.Overview-readmeContent h4,
-.Overview-readmeContent h5,
-.Overview-readmeContent h6 {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-.Overview-readmeContent h1 {
-  font-size: 32px;
-}
-.Overview-readmeContent h1,
-.Overview-readmeContent h2 {
-  font-weight: 600;
-}
-.Overview-readmeContent h2 {
-  font-size: 24px;
-}
-.Overview-readmeContent h3 {
-  font-size: 20px;
-}
-.Overview-readmeContent h3,
-.Overview-readmeContent h4 {
-  font-weight: 600;
-}
-.Overview-readmeContent h4 {
-  font-size: 16px;
-}
-.Overview-readmeContent h5 {
-  font-size: 14px;
-}
-.Overview-readmeContent h5,
-.Overview-readmeContent h6 {
-  font-weight: 600;
-}
-.Overview-readmeContent h6 {
-  font-size: 12px;
-}
-.Overview-readmeContent p {
-  margin-top: 0;
-  margin-bottom: 10px;
-}
-.Overview-readmeContent blockquote {
-  margin: 0;
-}
-.Overview-readmeContent ol,
-.Overview-readmeContent ul {
-  padding-left: 0;
-  margin-top: 0;
-  margin-bottom: 0;
-}
-.Overview-readmeContent ol ol,
-.Overview-readmeContent ul ol {
-  list-style-type: lower-roman;
-}
-.Overview-readmeContent ol ol ol,
-.Overview-readmeContent ol ul ol,
-.Overview-readmeContent ul ol ol,
-.Overview-readmeContent ul ul ol {
-  list-style-type: lower-alpha;
-}
-.Overview-readmeContent dd {
-  margin-left: 0;
-}
-.Overview-readmeContent code,
-.Overview-readmeContent pre {
-  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
-  font-size: 12px;
-}
-.Overview-readmeContent pre {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-.Overview-readmeContent input::-webkit-inner-spin-button,
-.Overview-readmeContent input::-webkit-outer-spin-button {
-  margin: 0;
-  -webkit-appearance: none;
-  appearance: none;
-}
-.Overview-readmeContent :checked + .radio-label {
-  position: relative;
-  z-index: 1;
-  border-color: #0366d6;
-}
-.Overview-readmeContent hr {
-  border-bottom-color: #eee;
-}
-.Overview-readmeContent kbd {
-  display: inline-block;
-  padding: 3px 5px;
-  font: 11px SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
-  line-height: 10px;
-  color: #444d56;
-  vertical-align: middle;
-  background-color: #fafbfc;
-  border: 1px solid #d1d5da;
-  border-radius: 3px;
-  box-shadow: inset 0 -1px 0 #d1d5da;
-}
-.Overview-readmeContent a:not([href]) {
-  color: inherit;
-  text-decoration: none;
-}
-.Overview-readmeContent blockquote,
-.Overview-readmeContent details,
-.Overview-readmeContent dl,
-.Overview-readmeContent ol,
-.Overview-readmeContent p,
-.Overview-readmeContent pre,
-.Overview-readmeContent table,
-.Overview-readmeContent ul {
-  margin-top: 0;
-  margin-bottom: 16px;
-}
-.Overview-readmeContent hr {
-  height: 0.25em;
-  padding: 0;
-  margin: 24px 0;
-  background-color: #e1e4e8;
-  border: 0;
-}
-.Overview-readmeContent blockquote {
-  padding: 0 1em;
-  color: #6a737d;
-  border-left: 0.25em solid #dfe2e5;
-}
-.Overview-readmeContent blockquote > :first-child {
-  margin-top: 0;
-}
-.Overview-readmeContent blockquote > :last-child {
-  margin-bottom: 0;
-}
-.Overview-readmeContent h1,
-.Overview-readmeContent h2,
-.Overview-readmeContent h3,
-.Overview-readmeContent h4,
-.Overview-readmeContent h5,
-.Overview-readmeContent h6 {
-  margin-top: 24px;
-  margin-bottom: 16px;
-  font-weight: 600;
-  line-height: 1.25;
-}
-.Overview-readmeContent h1 {
-  font-size: 2em;
-}
-.Overview-readmeContent h1,
-.Overview-readmeContent h2 {
-  padding-bottom: 0.3em;
-  border-bottom: 1px solid #eaecef;
-}
-.Overview-readmeContent h2 {
-  font-size: 1.5em;
-}
-.Overview-readmeContent h3 {
-  font-size: 1.25em;
-}
-.Overview-readmeContent h4 {
-  font-size: 1em;
-}
-.Overview-readmeContent h5 {
-  font-size: 0.875em;
-}
-.Overview-readmeContent h6 {
-  font-size: 0.85em;
-  color: #6a737d;
-}
-.Overview-readmeContent ol,
-.Overview-readmeContent ul {
-  padding-left: 2em;
-}
-.Overview-readmeContent ol ol,
-.Overview-readmeContent ol ul,
-.Overview-readmeContent ul ol,
-.Overview-readmeContent ul ul {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-.Overview-readmeContent li {
-  word-wrap: break-all;
-}
-.Overview-readmeContent li > p {
-  margin-top: 16px;
-}
-.Overview-readmeContent li + li {
-  margin-top: 0.25em;
-}
-.Overview-readmeContent dl {
-  padding: 0;
-}
-.Overview-readmeContent dl dt {
-  padding: 0;
-  margin-top: 16px;
-  font-size: 1em;
-  font-style: italic;
-  font-weight: 600;
-}
-.Overview-readmeContent dl dd {
-  padding: 0 16px;
-  margin-bottom: 16px;
-}
-.Overview-readmeContent table {
-  display: block;
-  width: 100%;
-  overflow: auto;
-}
-.Overview-readmeContent table th {
-  font-weight: 600;
-}
-.Overview-readmeContent table td,
-.Overview-readmeContent table th {
-  padding: 6px 13px;
-  border: 1px solid #dfe2e5;
-}
-.Overview-readmeContent table tr {
-  background-color: #fff;
-  border-top: 1px solid #c6cbd1;
-}
-.Overview-readmeContent table tr:nth-child(2n) {
-  background-color: #f6f8fa;
-}
-.Overview-readmeContent img {
-  max-width: 100%;
-  box-sizing: initial;
-  background-color: #fff;
-}
-.Overview-readmeContent img[align='right'] {
-  padding-left: 20px;
-}
-.Overview-readmeContent img[align='left'] {
-  padding-right: 20px;
-}
-.Overview-readmeContent code {
-  padding: 0.2em 0.4em;
-  margin: 0;
-  font-size: 85%;
-  background-color: rgba(27, 31, 35, 0.05);
-  border-radius: 3px;
-}
-.Overview-readmeContent pre {
-  word-wrap: normal;
-}
-.Overview-readmeContent pre > code {
-  padding: 0;
-  margin: 0;
-  font-size: 100%;
-  word-break: normal;
-  white-space: pre;
-  background: transparent;
-  border: 0;
-}
-.Overview-readmeContent pre {
-  padding: 16px;
-  overflow: auto;
-  font-size: 85%;
-  line-height: 1.45;
-  background-color: #f6f8fa;
-  border-radius: 3px;
-}
-.Overview-readmeContent pre code {
-  display: inline;
-  max-width: auto;
-  padding: 0;
-  margin: 0;
-  overflow: visible;
-  line-height: inherit;
-  word-wrap: normal;
-  background-color: initial;
-  border: 0;
-}
-
-/* ---------- */
-/*
-/* End output from content/static/css/main.go.
-/*
-/* ---------- */
diff --git a/content/static/html/base.tmpl b/content/static/html/base.tmpl
index 351d693..c824383 100644
--- a/content/static/html/base.tmpl
+++ b/content/static/html/base.tmpl
@@ -15,6 +15,7 @@
 <meta class="js-gtmID" data-gtmid="{{.GoogleTagManagerID}}">
 <link href="https://fonts.googleapis.com/css?family=Work+Sans:600|Roboto:400,500,700|Source+Code+Pro" rel="stylesheet">
 <link href="/static/css/stylesheet.css?version={{.AppVersionLabel}}" rel="stylesheet">
+<link href="/static/css/readme.css?version={{.AppVersionLabel}}" rel="stylesheet">
 {{if (.Experiments.IsActive "sidenav")}}
   <link href="/static/css/sidenav.css?version={{.AppVersionLabel}}" rel="stylesheet">
 {{end}}