fixed style

SEMICeu · Aug 30, 2024 · cc4dd1d · cc4dd1d
1 parent 7a60e22
commit cc4dd1d
Show file tree

Hide file tree

Showing 2 changed files with 118 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -1001,6 +1001,115 @@
 	color: var(--vscode-editorError-foreground);
 }
 </style>
+<style>.markdown-converter-toc {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 23.5em;
+    overflow: auto;
+    padding: 0 1em;
+    line-height: 1.1em;
+    color: black;
+    background: inherit;
+    background-color: #f7f8f9;
+    z-index: 1;
+    box-shadow: -0.1em 0 0.25em rgb(0 0 0 / 10%) inset;
+}
+
+.markdown-converter-toc > ul {
+	padding-inline-start: 10px;
+}
+
+.markdown-converter-toc > ul > li {
+    margin: 1rem 0;
+    font-weight: bold;
+}
+
+.markdown-converter-toc > ul > li li{
+    margin: 1rem 0;
+    font-weight: normal;
+}
+
+.markdown-converter-toc li {
+    clear: both;
+    list-style: none;
+}
+
+.markdown-converter-toc a {
+padding: 0.1rem 1px 0;
+    display: block;
+    text-decoration: none;
+    border-bottom: 1px solid;
+    color: black;
+    text-decoration-color: #3980b5;
+    border-color: #3980b5;
+}
+
+.markdown-converter-toc a:focus, .markdown-converter-toc a:hover {
+    background: rgba(75%, 75%, 75%, .25);
+    border-bottom-width: 3px;
+    margin-bottom: -2px;
+}
+
+.markdown-converter-toc a:visited {
+    text-decoration-color: #054572;
+    border-color: #054572;
+}
+
+.markdown-converter-toc a:not(:focus):not(:hover) {
+    border-bottom-color: transparent;
+}
+
+body {
+    padding-left: 26em;
+    line-height: 1.5;
+    font-family: sans-serif;
+    font-size: initial;
+}
+
+h1, h2, h3 {
+    color: #005a9c;
+    margin-top: 3rem;
+}
+
+pre {
+    color: black;
+    counter-increment: example;
+    clear: both;
+    padding: 0.5em;
+    border-left-width: 0.5em;
+    border-left-style: solid;
+    border-color: #e0cb52;
+    background: #fcfaee !important;
+}
+
+table {
+    border-spacing: 0;
+    border-collapse: collapse;
+    border-bottom: 3px solid #005a9c;
+    margin-top: 25px;
+    margin-bottom: 25px;
+}
+
+table, thead, tr, td {
+    border-width: 1px;
+    border-style: solid;
+}
+
+table thead tr:first-child th {
+    background: #005a9c;
+    color: #fff;
+    padding: 3px 5px;
+    text-align: left;
+}
+
+tr:nth-child(even) {background: #f0f6ff}
+
+img {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}</style>
 
     </head>
     <body class="vscode-body vscode-light">

diff --git a/style.css b/style.css
@@ -1,4 +1,4 @@
-.toc {
+.markdown-converter-toc {
     position: fixed;
     top: 0;
     bottom: 0;
@@ -14,26 +14,26 @@
     box-shadow: -0.1em 0 0.25em rgb(0 0 0 / 10%) inset;
 }
 
-.toc > ul {
+.markdown-converter-toc > ul {
 	padding-inline-start: 10px;
 }
 
-.toc > ul > li {
+.markdown-converter-toc > ul > li {
     margin: 1rem 0;
     font-weight: bold;
 }
 
-.toc > ul > li li{
+.markdown-converter-toc > ul > li li{
     margin: 1rem 0;
     font-weight: normal;
 }
 
-.toc li {
+.markdown-converter-toc li {
     clear: both;
     list-style: none;
 }
 
-.toc a {
+.markdown-converter-toc a {
 padding: 0.1rem 1px 0;
     display: block;
     text-decoration: none;
@@ -43,18 +43,18 @@ padding: 0.1rem 1px 0;
     border-color: #3980b5;
 }
 
-.toc a:focus, .toc a:hover {
+.markdown-converter-toc a:focus, .markdown-converter-toc a:hover {
     background: rgba(75%, 75%, 75%, .25);
     border-bottom-width: 3px;
     margin-bottom: -2px;
 }
 
-.toc a:visited {
+.markdown-converter-toc a:visited {
     text-decoration-color: #054572;
     border-color: #054572;
 }
 
-.toc a:not(:focus):not(:hover) {
+.markdown-converter-toc a:not(:focus):not(:hover) {
     border-bottom-color: transparent;
 }