simplified style

1 files changed, 13 insertions, 76 deletions

diff --git a/extras/html/style.css b/extras/html/style.css
index 6dcfeee..fb970a9 100644
--- a/extras/html/style.css
+++ b/extras/html/style.css
@@ -1,78 +1,27 @@
-@font-face {
-    font-family: 'text';
-    src: url("./text.ttf") format("truetype");
-}
-
-@font-face {
-    font-family: 'code';
-    src: url("./code.ttf") format("truetype");
-}
-
-@font-face {
-    font-family: 'handnotes';
-    src: url("./handnotes.ttf") format("truetype");
-}
-
-@font-face {
-    font-family: 'typewriter';
-    src: url("./typewriter.ttf") format("truetype");
-}
-
-* {
-  line-height: 1.5em;
-  margin: 0;
-  padding: 0;
-  background-color: #ffffff;
-  color: #000000;
-}
-
 body {
   font-family: monospace;
   width: 99%;
   max-width: 1024px;
-  margin: 2em auto 0;
   padding: 0 20px;
-  display: block;
-  border-style: solid;
+  border-image: linear-gradient(#f6b73c, #4d9f0c) 30;
   border-width: 1px;
-  border-color: #eeeeee;
-  margin-bottom: 50px;
+  border-style: solid;
 }
 
 h1, h2, h3 {
-  color: #000000;
-  font-weight: bold;
-  margin-top: 1em;
-  margin-bottom: 0.75em;
-}
-
-h1 {
-  font-size: 1.5em;
-}
-
-h2 {
-  font-size: 1.25em;
-}
-
-h3 {
-  font-size: 1.0em;
+   background: -webkit-linear-gradient(#f6b73c, #4d9f0c);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
 }
 
 a {
-  color: #39aa00;
-  font-weight: 600;
   text-decoration: none;
 }
 
 a:hover {
-  background-color: #555555;
   text-decoration: underline;
 }
 
-a:visited {
-  color: #39aa00;
-}
-
 a.textlink:before {
   content: "⇒ ";
   padding-left: 11px;
@@ -92,16 +41,6 @@ p.quote:after {
   padding-right: 2px;
 }
 
-p {
-  margin: 0.75em 0 0.75em 0;
-  padding: 0 5px;
-}
-
-ol {
-  margin: 0.75em 0 0.75em 0;
-  padding: 0;
-}
-
 ul {
   list-style: none;
   padding-right: 23px;
@@ -121,15 +60,13 @@ li:before {
 }
 
 img {
-  max-width: 100%;
+  max-width: 90%;
   display: block;
   margin: auto;
   border: 1px solid #333333;
 }
 
 pre {
-  color: #ffa500;
-  background-color: #000000;
   font-family: monospace;
   padding: 0;
   overflow-x: auto;
@@ -137,14 +74,14 @@ pre {
   margin-left: 23px; 
   margin-right: 23px; 
   padding: 23px; 
-  border: 4px solid #aaaaaa;
-  border-style: ridge;
+  border-image: linear-gradient(#f6b73c, #4d9f0c) 30;
+  border-width: 3px;
+  border-style: solid;
+  color: grey;
 }
 
 span.inlinecode {
-  font-family: monospace;
-  border: 2px solid #aaaaaa;
-  color: #ffa500;
-  padding: 1px; 
-  background-color: #000000;
+  border: 1px solid #000000;
+  padding: 1px;
+  color: grey;
 }