github/repo2html
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

css font adjustments for readability. also separated css rules that had more than one rule into multiple lines for readability

Browse source
This commit is contained in:
m455 2023-02-04 00:23:01 -05:00
parent 883efa9bfd
commit f05825db4e
1 changed files with 27 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
assets/templates/default.html
View file

@ -9,20 +9,38 @@
<style> <style>
body { body {
font-family: sans-serif; font-family: sans-serif;
font-size: 16px;
margin: 0 auto; margin: 0 auto;
max-width: 700px; max-width: 700px;
line-height: 1.5; line-height: 1.5;
} }
pre, code { background-color: #eeeeee; border-radius: 5px } pre, code {
font-size: 14px;
background-color: #eeeeee;
border-radius: 5px ;
}
code { padding: 2px 7px } code { padding: 2px 7px }
pre { overflow: scroll; padding: 15px 20px; white-space: pre } pre {
overflow: scroll;
padding: 15px 20px;
white-space: pre;
}
pre code { padding: 0 } pre code { padding: 0 }
a { color: blue } a { color: blue }
nav a { margin-right: 10px } nav a { margin-right: 10px }
hr { border: 0; border-bottom: 1px solid black } hr {
border: 0;
border-bottom: 1px solid black;
}
th { text-align: left } th { text-align: left }
td { padding: 0 1em 0 0; vertical-align: top } td {
footer { font-size: small; text-align: right } padding: 0 1em 0 0;
vertical-align: top;
}
footer {
font-size: small;
text-align: right;
}
img { max-width: 100% } img { max-width: 100% }
/* permalinks */ /* permalinks */
h1 a[href^="#"]::after, h2 a[href^="#"]::after, h3 a[href^="#"]::after, h4 a[href^="#"]::after, h5 a[href^="#"]::after, h6 a[href^="#"]::after { content: "¶"; opacity: 0; margin-left: .5em; } h1 a[href^="#"]::after, h2 a[href^="#"]::after, h3 a[href^="#"]::after, h4 a[href^="#"]::after, h5 a[href^="#"]::after, h6 a[href^="#"]::after { content: "¶"; opacity: 0; margin-left: .5em; }
@ -35,21 +53,15 @@
} }
#file-contents code { background-color: inherit } #file-contents code { background-color: inherit }
.line-number { text-align: right } .line-number { text-align: right }
.line:target { .line:target { background-color: yellow }
background-color: yellow;
}
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body { body {
color: white; color: white;
background-color: black; background-color: black;
} }
a { a { color: cyan; }
color: cyan; pre, code { background-color: #222222 }
} .line:target { background-color: darkgreen }
pre, code {
background-color: #222222;
}
.line:target { background-color: darkgreen; }
} }
</style> </style>
</head> </head>