[petri-site] branch split-up-theme updated: Create styles.html

[wave]

This is an automated email from the ASF dual-hosted git repository.

wave pushed a commit to branch split-up-theme
in repository https://gitbox.apache.org/repos/asf/petri-site.git


The following commit(s) were added to refs/heads/split-up-theme by this push:
     new a111a2e  Create styles.html
a111a2e is described below

commit a111a2e3a216f40ec54d9a17ab719d5a8e60804f
Author: Dave Fisher <dave2w...@comcast.net>
AuthorDate: Wed Apr 7 16:04:04 2021 -0700

    Create styles.html
---
 theme/apache/templates/styles.html | 83 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 83 insertions(+)

diff --git a/theme/apache/templates/styles.html 
b/theme/apache/templates/styles.html
new file mode 100644
index 0000000..68e8d79
--- /dev/null
+++ b/theme/apache/templates/styles.html
@@ -0,0 +1,83 @@
+    <link rel="shortcut icon" 
href="https://www.apache.org/favicons/favicon.ico";>
+    <link rel="apple-touch-icon" sizes="57x57" 
href="https://www.apache.org/favicons/apple-touch-icon-57x57.png";>
+    <link rel="apple-touch-icon" sizes="60x60" 
href="https://www.apache.org/favicons/apple-touch-icon-60x60.png";>
+    <link rel="apple-touch-icon" sizes="72x72" 
href="https://www.apache.org/favicons/apple-touch-icon-72x72.png";>
+    <link rel="apple-touch-icon" sizes="76x76" 
href="https://www.apache.org/favicons/apple-touch-icon-76x76.png";>
+    <link rel="apple-touch-icon" sizes="114x114" 
href="https://www.apache.org/favicons/apple-touch-icon-114x114.png";>
+    <link rel="apple-touch-icon" sizes="120x120" 
href="https://www.apache.org/favicons/apple-touch-icon-120x120.png";>
+    <link rel="apple-touch-icon" sizes="144x144" 
href="https://www.apache.org/favicons/apple-touch-icon-144x144.png";>
+    <link rel="apple-touch-icon" sizes="152x152" 
href="https://www.apache.org/favicons/apple-touch-icon-152x152.png";>
+    <link rel="apple-touch-icon" sizes="180x180" 
href="https://www.apache.org/favicons/apple-touch-icon-180x180.png";>
+    <link rel="icon" type="image/png" 
href="https://www.apache.org/favicons/favicon-32x32.png"; sizes="32x32">
+    <link rel="icon" type="image/png" 
href="https://www.apache.org/favicons/favicon-194x194.png"; sizes="194x194">
+    <link rel="icon" type="image/png" 
href="https://www.apache.org/favicons/favicon-96x96.png"; sizes="96x96">
+    <link rel="icon" type="image/png" 
href="https://www.apache.org/favicons/android-chrome-192x192.png"; 
sizes="192x192">
+    <link rel="icon" type="image/png" 
href="https://www.apache.org/favicons/favicon-16x16.png"; sizes="16x16">
+    <!--<link rel="manifest" 
href="https://www.apache.org/favicons/manifest.json"; crossorigin="anonymous">-->
+    <meta name="msapplication-TileColor" content="#603cba">
+    <meta name="msapplication-TileImage" 
content="https://www.apache.org/favicons/mstile-144x144.png";>
+    <meta name="msapplication-config" 
content="https://www.apache.org/favicons/browserconfig.xml";>
+    <meta name="theme-color" content="#282661">
+
+    <link rel="stylesheet"
+      
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css";
+      
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
+      crossorigin="anonymous">
+    <link rel="stylesheet"
+      
href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/3.0.1/github-markdown.min.css";
+      crossorigin="anonymous">
+    <style>
+html {
+  font-size: 18px;
+}
+.markdown-body {
+  box-sizing: border-box;
+  min-width: 200px;
+  max-width: 980px;
+  margin: 0 auto;
+  padding: 45px;
+}
+@media (max-width: 767px) {
+  .markdown-body {
+    padding: 15px;
+  }
+}
+.footer {
+  border-top: 1px solid black;
+  padding-top: 3px;
+}
+.right-align {
+  text-align: right;
+}
+.center-align {
+  text-align: center;
+}
+blockquote {
+  background: bisque;
+}
+.bg-primary {
+  background-color: #005bff!important;
+}
+a {
+  font-weight: 500;
+  color: #005bff;
+}
+li {
+  line-height: 2;
+ }
+.h1, h1 {
+  font-size: 1.5rem;
+}
+.h2, h2 {
+  font-size: 1.4rem;
+}
+.h3, h3 {
+  font-size: 1.3rem;
+}
+.h4, h4 {
+  font-size: 1.2rem;
+}
+.h5, h5 {
+  font-size: 1.1rem;
+}
+      </style>