From 32b91437beb7864d713446c211535006a44a4fcf Mon Sep 17 00:00:00 2001 From: dongdigua Date: Sun, 28 May 2023 14:39:09 +0800 Subject: [PATCH] fix cursed CSS by stealing from worg.css --- css/main.css | 133 +++++++++++++++++++++++---------------------------- 1 file changed, 61 insertions(+), 72 deletions(-) diff --git a/css/main.css b/css/main.css index ff0504e..b384ed3 100644 --- a/css/main.css +++ b/css/main.css @@ -13,42 +13,46 @@ https://github.com/rgb-24bit/org-html-theme-list org-joshua { body { font-family: "Source Serif", "Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif !important; - font-size: 18px; - line-height: 21px; - color: #333; - max-width: 62em; - margin: auto; + /* font-size: 18px; */ + /* line-height: 21px; */ + color: black; + /* margin: auto; */ } body #content { - padding-top: 30px; + padding-top: 1em; } body .title { margin-left: 0; font-family: Miriam Libre,serif; } - #org-div-home-and-up{ + #org-div-home-and-up { position: fixed; - right: 0; - top: 4em; + right: 0.5em; + margin-top: 0; + } + #org-div-home-and-up a{ + color: #587e72; } - /* TOC inspired by http://jashkenas.github.com/coffee-script */ #table-of-contents { - z-index: 100; - font-size: 10pt; - position: fixed; - right: 0em; - top: 0em; - background: white; - -webkit-box-shadow: 0 0 0.5em #777777; - -moz-box-shadow: 0 0 0.5em #777777; - -webkit-border-bottom-left-radius: 5px; - -moz-border-radius-bottomleft: 5px; - text-align: right; - /* ensure doesn't flow off the screen when expanded */ - max-height: 80%; - overflow: auto; + 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; @@ -57,63 +61,53 @@ https://github.com/rgb-24bit/org-html-theme-list org-joshua padding-left: 0.5em; padding-left: 0.5em; padding-top: 0.05em; - padding-bottom: 0.05em; + padding-bottom: 0.05em; } - #table-of-contents #text-table-of-contents { display: none; - text-align: left; + text-align: left; } #table-of-contents:hover #text-table-of-contents { display: block; padding: 0.5em; - margin-top: -1.5em; + margin-top: -1.5em; } - #table-of-contents #text-table-of-contents ul { list-style-position: outside; } h1 { - /* - font-family:Sans; - font-weight:bold; */ - font-size:2em; - padding:0 0 30px 0; - margin-top: 10px; - margin-bottom: 10px; - color: #333; + margin-bottom: 1.5em; + margin-right: 7%; } h2 { - font-size:1.5em; - line-height:16px; - padding:7px 0 0 0; - color: #444; + color: #587e72; + border-bottom: 1px solid #ddd; + margin-top: 1.5em; + padding-bottom: 8px; } .outline-text-2 { - margin-left: 0.1em + margin-left: 0.1em } h3 { - font-size:1.3em; - color: #555; - margin-left: 0.6em; + color: #587e72; + margin-left: 0.6em; } .outline-text-3 { - margin-left: 0.9em; + margin-left: 0.9em; } h4 { - font-size:1.2em; - margin-left: 1.2em; - color: #555; + color: #587e72; + margin-left: 1.2em; } .outline-text-4 { - margin-left: 1.4em; + margin-left: 1.45em; } a { @@ -131,19 +125,14 @@ https://github.com/rgb-24bit/org-html-theme-list org-joshua } ul { - list-style-type: square; - list-style-image: inherit; - list-style-position: outside; + list-style-type: square; + list-style-image: inherit; + list-style-position: outside; } ol { - list-style-type: circle; - list-style-position: outside; + list-style-type: circle; + list-style-position: outside; } - /* - ol ol { - list-style-type: lower-alpha; - } - */ .todo { color: #CA0000; @@ -181,8 +170,8 @@ https://github.com/rgb-24bit/org-html-theme-list org-joshua } table.full td { - border: 1px solid black; - padding: 5px; + border: 1px solid black; + padding: 5px; } code { @@ -237,9 +226,9 @@ https://github.com/rgb-24bit/org-html-theme-list org-joshua margin-left:auto; margin-right:auto; padding:0.7em; - /* border:1px solid #CCC; */ - /* border-radius:10px; */ - /* -moz-border-radius:10px; */ + /* border:1px solid #CCC; */ + /* border-radius:10px; */ + /* -moz-border-radius:10px; */ } .org-info-box img { float:left; @@ -334,13 +323,13 @@ https://github.com/rgb-24bit/org-html-theme-list org-joshua @media screen { - #table-of-contents { - float: right; - padding-right: 5px; - border: 1px solid #CCC; - max-width: 50%; - overflow: auto; - } + #table-of-contents { + float: right; + padding-right: 5px; + border: 1px solid #CCC; + max-width: 50%; + overflow: auto; + } } /* END OF @media screen */ .due {