diff options
| -rw-r--r-- | search.php | 2 | ||||
| -rw-r--r-- | style/man.css | 84 | ||||
| -rw-r--r-- | style/search.css | 2 |
3 files changed, 54 insertions, 34 deletions
@@ -90,7 +90,7 @@ echo "<nav id='lmmtfy'><div><div>"; echo " <label for='lmmtfy_url'>LmmtFy URL</label></div>"; echo " <textarea id='lmmtfy_url' wrap='off' rows='1' readonly>".$url."</textarea>"; - echo " <button id='lmmtfy_copy' class='jsonly'>Copy</button></div><nav>"; + echo " <button id='lmmtfy_copy' class='jsonly'>Copy</button></div></nav>"; echo "<article class='manpage'>". implode(PHP_EOL, $lines2) ."</article>"; echo "<script src='/js/copy.js'></script>"; diff --git a/style/man.css b/style/man.css index 7acdd4d..63129c5 100644 --- a/style/man.css +++ b/style/man.css @@ -10,7 +10,7 @@ margin-top: 3em; margin-bottom: 1em; - width: min(100% - 5rem, 10in); + max-width: 11in; } #lmmtfy @@ -33,6 +33,8 @@ border: 1px solid var(--border); border-radius: 1em; + + width: 65%; } #lmmtfy > div > div @@ -55,7 +57,7 @@ #lmmtfy textarea { height: 3rem; - width: 250px; + width: min(90%, 9in); margin: 1rem 0.5rem; padding: 0 0.5rem; @@ -111,40 +113,12 @@ } */ -@media (prefers-color-scheme: dark) -{ - #lmmtfy textarea - { - background-color: var(--qbgh); - border: 1px solid var(--qborderh); - } - - #lmmtfy textarea:hover { box-shadow: 0.5pt 0.75pt 0.5rem var(--qshadowh); } -} - -@media (width <= 800px) -{ - .manpage - { - width: unset; - border: none; - margin: 0; - padding: 0; - padding-right: 1%; - } - - #lmmtfy { margin-bottom: 3em; } - - #lmmtfy > div - { - padding: 0; - border: none; - } -} - table { border: none; + + text-align: center; + text-justify: none; } table, td, th, td @@ -177,9 +151,11 @@ td.head-ltitle, td.head-vol, td.head-rtitle, td.foot-date, td.foot-os, table.Nm, table.Nm tbody, table.Nm tbody tr, table.Nm tbody tr td { + text-align: left; border: none !important; } +/* This looks good, but messes with some semantics dl.Bl-tag { display: grid; @@ -189,6 +165,48 @@ dl.Bl-tag dl.Bl-tag dt { grid-column-start: 1; } dl.Bl-tag dd { grid-column-start: 2; } +*/ + +pre +{ + overflow-x: auto; + tab-width: 4; +} + + +@media (prefers-color-scheme: dark) +{ + #lmmtfy textarea + { + background-color: var(--qbgh); + border: 1px solid var(--qborderh); + } + + #lmmtfy textarea:hover { box-shadow: 0.5pt 0.75pt 0.5rem var(--qshadowh); } +} + +@media (width <= 800px) +{ + .manpage + { + width: unset; + border: none; + margin: 0; + padding: 0; + padding-right: 1%; + } + + #lmmtfy { margin-bottom: 3em; } + + #lmmtfy > div + { + width: 90%; + + padding: 0; + border: none; + } +} + /* * $Id: man.1,v 1.40 2020/07/20 16:57:30 schwarze Exp $ diff --git a/style/search.css b/style/search.css index 73ed99c..eeb1e84 100644 --- a/style/search.css +++ b/style/search.css @@ -109,6 +109,8 @@ { flex-grow: 1; margin: 0 5%; + + width: min(100% - 3rem, 90%); } #results > p |