From d60172ad23bf985c9db7a8a75c874e648f6be224 Mon Sep 17 00:00:00 2001
From: dongdigua <dongdigua@outlook.com>
Date: Sun, 24 Nov 2024 08:31:47 +0800
Subject: [PATCH] 404; css: remove font & @media all

---
 404.html     |   2 +-
 css/main.css | 555 +++++++++++++++++++++++++--------------------------
 2 files changed, 274 insertions(+), 283 deletions(-)

diff --git a/404.html b/404.html
index 7ec237c..5b3a827 100644
--- a/404.html
+++ b/404.html
@@ -16,7 +16,7 @@ a { color: #BAD7FF; }
 <h1>404 Not Found</h1>
 <hr>
 <address>Your attempt is logged and sent to C.I.A., G.F.W., K.G.B. and S.I.S.<br>
-Expect a visit soon.
+Expect a visit soon!
 </address>
 <!--
 I forgot where those words came from.
diff --git a/css/main.css b/css/main.css
index c468962..a5ce5cf 100644
--- a/css/main.css
+++ b/css/main.css
@@ -2,324 +2,315 @@
 https://github.com/rgb-24bit/org-html-theme-list org-joshua
 */
 
-@font-face { /* FROM https://jabberwocky.ca */
-    font-family: Recursive;
-    src: url(https://fonts.gstatic.com/s/recursive/v38/8vJN7wMr0mhh-RQChyHEH06TlXhq_gukbYrFMk1QuAIcyEwG_X-dpEfaE5YaERmK-CImKsvxvU-MXGX2fSqasNfUvz2xbXfn1uEQadCCk317tQ0.woff2)
+body {
+    font-family: Inter, "Source Serif", Arial, sans-serif !important;
+    font-size: 18px;
+    /* line-height: 21px; */
+    /* FROM https://github.com/ZenLian/ZenLian.github.io/blob/zola/themes/cattery/static/css/style.css */
+    color: #4c4f69;
+    background-color: #eff1f5;
+    /* margin: auto; */
+}
+body #content {
+    padding-top: 1em;
+}
+body .title {
+    margin-left: 0;
 }
 
-@media all
-{
-    body {
-        font-family: "Recursive", "Source Serif", Arial, sans-serif !important;
-        font-size: 18px;
-        /* line-height: 21px; */
-        /* FROM https://github.com/ZenLian/ZenLian.github.io/blob/zola/themes/cattery/static/css/style.css */
-        color: #4c4f69;
-        background-color: #eff1f5;
-        /* margin: auto; */
-    }
-    body #content {
-        padding-top: 1em;
-    }
-    body .title {
-        margin-left: 0;
-        font-family: Recursive,serif;
-    }
+#org-div-home-and-up {
+    position: fixed;
+	right: 0.5em;
+	margin-top: 0;
+}
+#org-div-home-and-up a{
+    color: #587e72;
+}
 
-    #org-div-home-and-up {
-        position: fixed;
-	    right: 0.5em;
-	    margin-top: 0;
-    }
-    #org-div-home-and-up a{
-        color: #587e72;
-    }
+#table-of-contents {
+	z-index: 1;
+	margin-top: 30px;
+	font-size: 10pt;
+	font-family: sans-serif;
+	position: fixed;
+	right: 0em;
+	top: 0em;
+	background: white;
+	line-height: 12pt;
+	text-align: right;
+	box-shadow: 0 0 1em #777777;
+	-webkit-box-shadow: 0 0 1em #777777;
+	-moz-box-shadow: 0 0 1em #777777;
+	-webkit-border-bottom-left-radius: 5px;
+	-moz-border-radius-bottomleft: 5px;
+	/* ensure doesn't flow off the screen when expanded */
+	max-height: 80%;
+}
+#table-of-contents h2 {
+    font-size: 10pt;
+    max-width: 9em;
+    font-weight: normal;
+    padding-left: 0.5em;
+    padding-left: 0.5em;
+    padding-top: 0.05em;
+    padding-bottom: 0.05em;
+}
+#table-of-contents #text-table-of-contents {
+    display: none;
+    text-align: left;
+}
+#table-of-contents:hover #text-table-of-contents {
+    display: block;
+    padding: 0.5em;
+    margin-top: -1.5em;
+}
+#table-of-contents #text-table-of-contents ul {
+    list-style-position: outside;
+}
 
-    #table-of-contents {
-	    z-index: 1;
-	    margin-top: 30px;
-	    font-size: 10pt;
-	    font-family: sans-serif;
-	    position: fixed;
-	    right: 0em;
-	    top: 0em;
-	    background: white;
-	    line-height: 12pt;
-	    text-align: right;
-	    box-shadow: 0 0 1em #777777;
-	    -webkit-box-shadow: 0 0 1em #777777;
-	    -moz-box-shadow: 0 0 1em #777777;
-	    -webkit-border-bottom-left-radius: 5px;
-	    -moz-border-radius-bottomleft: 5px;
-	    /* ensure doesn't flow off the screen when expanded */
-	    max-height: 80%;
-    }
-    #table-of-contents h2 {
-        font-size: 10pt;
-        max-width: 9em;
-        font-weight: normal;
-        padding-left: 0.5em;
-        padding-left: 0.5em;
-        padding-top: 0.05em;
-        padding-bottom: 0.05em;
-    }
-    #table-of-contents #text-table-of-contents {
-        display: none;
-        text-align: left;
-    }
-    #table-of-contents:hover #text-table-of-contents {
-        display: block;
-        padding: 0.5em;
-        margin-top: -1.5em;
-    }
-    #table-of-contents #text-table-of-contents ul {
-        list-style-position: outside;
-    }
+h1 {
+	margin-bottom: 1.5em;
+	margin-right: 7%;
+}
 
-    h1 {
-	    margin-bottom: 1.5em;
-	    margin-right: 7%;
-    }
+h2 {
+	color: #587e72;
+	border-bottom: 1px solid #ddd;
+	margin-top: 1.5em;
+	padding-bottom: 8px;
+}
 
-    h2 {
-	    color: #587e72;
-	    border-bottom: 1px solid #ddd;
-	    margin-top: 1.5em;
-	    padding-bottom: 8px;
-    }
+.outline-text-2 {
+	margin-left: 0.1em
+}
 
-    .outline-text-2 {
-	    margin-left: 0.1em
-    }
+h3 {
+	color: #587e72;
+	margin-left: 0.6em;
+}
 
-    h3 {
-	    color: #587e72;
-	    margin-left: 0.6em;
-    }
+.outline-text-3 {
+	margin-left: 0.9em;
+}
 
-    .outline-text-3 {
-	    margin-left: 0.9em;
-    }
+h4 {
+	color: #587e72;
+	margin-left: 1.2em;
+}
 
-    h4 {
-	    color: #587e72;
-	    margin-left: 1.2em;
-    }
+.outline-text-4 {
+	margin-left: 1.45em;
+}
 
-    .outline-text-4 {
-	    margin-left: 1.45em;
-    }
+a {
+    cursor: crosshair;
+    text-decoration: none; 
+    color: #08c;            /* FROM Arch */
+}
+a:hover {
+    text-decoration: underline; 
+    color: #39c5bb;  /* FROM miku */
+}
 
-    a {
-        cursor: crosshair;
-        text-decoration: none; 
-        color: #08c;            /* FROM Arch */
-    }
-    a:hover {
-        text-decoration: underline; 
-        color: #39c5bb;  /* FROM miku */
-    }
+ul, ol {
+    padding-left: 2em;
+}
 
-    ul, ol {
-        padding-left: 2em;
-    }
+ul {
+    list-style-type: square;
+    list-style-image: inherit;
+    list-style-position: outside;
+}
+ol {
+    list-style-type: circle;
+    list-style-position: outside;
+}
 
-    ul {
-        list-style-type: square;
-        list-style-image: inherit;
-        list-style-position: outside;
-    }
-    ol {
-        list-style-type: circle;
-        list-style-position: outside;
-    }
+.todo {
+    color: #CA0000;
+}
 
-    .todo {
-        color: #CA0000;
-    }
+.done {
+    color: #006666;
+}
 
-    .done {
-        color: #006666;
-    }
+.timestamp-kwd {
+    color: #444;
+}
 
-    .timestamp-kwd {
-        color: #444;
-    }
+li {
+    margin: .4em;
+}
 
-    li {
-        margin: .4em;
-    }
+table {
+    border: none;
+    margin: auto;
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
 
-    table {
-        border: none;
-        margin: auto;
-        margin-top: 10px;
-        margin-bottom: 10px;
-    }
+td {
+    border: none;
+    border-left: 1px solid black;
+}
 
-    td {
-        border: none;
-        border-left: 1px solid black;
-    }
+th {
+    border: none;
+}
 
-    th {
-        border: none;
-    }
+table.full {
+}
 
-    table.full {
-    }
+table.full td {
+    border: 1px solid black;
+    padding: 5px;
+}
 
-    table.full td {
-        border: 1px solid black;
-        padding: 5px;
-    }
+code {
+    font-size: 100%;
+    color: black;
+    border: 1px solid #DEDEDE;
+    padding: 0px 0.2em;
+}
 
-    code {
-        font-size: 100%;
-        color: black;
-        border: 1px solid #DEDEDE;
-        padding: 0px 0.2em;
-    }
+img {
+    border: none;
+}
 
-    img {
-        border: none;
-    }
+.share img {
+    opacity: .4;
+    -moz-opacity: .4;
+    filter: alpha(opacity=40);
+}
 
-    .share img {
-        opacity: .4;
-        -moz-opacity: .4;
-        filter: alpha(opacity=40);
-    }
+.share img:hover {
+    opacity: 1;
+    -moz-opacity: 1;
+    filter: alpha(opacity=100);
+}
 
-    .share img:hover {
-        opacity: 1;
-        -moz-opacity: 1;
-        filter: alpha(opacity=100);
-    }
+pre {
+    font-family: monospace;
+    /* color: black; */
+    background-color: #dce0e8;  /* FROM cattery */
+    /* background-color: #d7dfed;  /\* FROM Bryan Ford *\/ */
+    padding: 1.2em;
+    overflow: auto;
+}
 
-    pre {
-        font-family: monospace;
-        /* color: black; */
-        background-color: #dce0e8;  /* FROM cattery */
-        /* background-color: #d7dfed;  /\* FROM Bryan Ford *\/ */
-        padding: 1.2em;
-        overflow: auto;
-    }
+div.summary {
+    padding: 15px;
+    border:1px solid #CCC;
+    border-radius:10px;
+    -moz-border-radius:10px;
+    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.23);
+    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.23);
+    box-shadow: 0px 0px 4px rgba(0,0,0,0.23);
+}
 
-    div.summary {
-        padding: 15px;
-        border:1px solid #CCC;
-        border-radius:10px;
-        -moz-border-radius:10px;
-        -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.23);
-        -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.23);
-        box-shadow: 0px 0px 4px rgba(0,0,0,0.23);
-    }
+div.summary h2 {
+    padding: 0;
+    margin: 0;
+}
 
-    div.summary h2 {
-        padding: 0;
-        margin: 0;
-    }
-
-    .org-info-box {
-        clear:both;
-        margin-left:auto;
-        margin-right:auto;
-        padding:0.7em;
-        /* border:1px solid #CCC; */
-        /* border-radius:10px; */
-        /* -moz-border-radius:10px; */
-    }
-    .org-info-box img {
-        float:left;
-        margin:0em 0.5em 0em 0em;
-    }
-    .org-info-box p {
-        margin:0em;
-        padding:0em;
-    }
+.org-info-box {
+    clear:both;
+    margin-left:auto;
+    margin-right:auto;
+    padding:0.7em;
+    /* border:1px solid #CCC; */
+    /* border-radius:10px; */
+    /* -moz-border-radius:10px; */
+}
+.org-info-box img {
+    float:left;
+    margin:0em 0.5em 0em 0em;
+}
+.org-info-box p {
+    margin:0em;
+    padding:0em;
+}
 
 
-    .builtin {
-        /* font-lock-builtin-face */
-        color: #f4a460;
-    }
-    .comment {
-        /* font-lock-comment-face */
-        color: #737373;
-    }
-    .comment-delimiter {
-        /* font-lock-comment-delimiter-face */
-        color: #666666;
-    }
-    .constant {
-        /* font-lock-constant-face */
-        color: #db7093;
-    }
-    .doc {
-        /* font-lock-doc-face */
-        color: #b3b3b3;
-    }
-    .function-name {
-        /* font-lock-function-name-face */
-        color: #5f9ea0;
-    }
-    .headline {
-        /* headline-face */
-        color: #ffffff;
-        background-color: #000000;
-        font-weight: bold;
-    }
-    .keyword {
-        /* font-lock-keyword-face */
-        color: #4682b4;
-    }
+.builtin {
+    /* font-lock-builtin-face */
+    color: #f4a460;
+}
+.comment {
+    /* font-lock-comment-face */
+    color: #737373;
+}
+.comment-delimiter {
+    /* font-lock-comment-delimiter-face */
+    color: #666666;
+}
+.constant {
+    /* font-lock-constant-face */
+    color: #db7093;
+}
+.doc {
+    /* font-lock-doc-face */
+    color: #b3b3b3;
+}
+.function-name {
+    /* font-lock-function-name-face */
+    color: #5f9ea0;
+}
+.headline {
+    /* headline-face */
+    color: #ffffff;
+    background-color: #000000;
+    font-weight: bold;
+}
+.keyword {
+    /* font-lock-keyword-face */
+    color: #4682b4;
+}
 
-    .string {
-        /* font-lock-string-face */
-        color: #ccc79a;
-    }
-    .todo-comment {
-        /* todo-comment-face */
-        color: #ffffff;
-        background-color: #000000;
-        font-weight: bold;
-    }
-    .variable-name {
-        /* font-lock-variable-name-face */
-        color: #ff6a6a;
-    }
-    .warning {
-        /* font-lock-warning-face */
-        color: #ffffff;
-        background-color: #cd5c5c;
-        font-weight: bold;
-    }
-    pre.a {
-        color: inherit;
-        background-color: inherit;
-        font: inherit;
-        text-decoration: inherit;
-    }
-    pre.a:hover {
-        text-decoration: underline;
-    }
+.string {
+    /* font-lock-string-face */
+    color: #ccc79a;
+}
+.todo-comment {
+    /* todo-comment-face */
+    color: #ffffff;
+    background-color: #000000;
+    font-weight: bold;
+}
+.variable-name {
+    /* font-lock-variable-name-face */
+    color: #ff6a6a;
+}
+.warning {
+    /* font-lock-warning-face */
+    color: #ffffff;
+    background-color: #cd5c5c;
+    font-weight: bold;
+}
+pre.a {
+    color: inherit;
+    background-color: inherit;
+    font: inherit;
+    text-decoration: inherit;
+}
+pre.a:hover {
+    text-decoration: underline;
+}
 
-    #postamble {
-        font-family: monospace;
-        text-align: center;
-        padding: .3em;
-        margin-bottom: 1em;
-        /* border: 1px solid gray; */
-        background-color: #eaeaea;  /* orgmode.org */
-    }
+#postamble {
+    font-family: monospace;
+    text-align: center;
+    padding: .3em;
+    margin-bottom: 1em;
+    /* border: 1px solid gray; */
+    background-color: #eaeaea;  /* orgmode.org */
+}
 
-    #show_source {
-        float: right;
-        margin: .7em;
-    }
+#show_source {
+    float: right;
+    margin: .7em;
+}
 
-} /* END OF @media all */