www: Replace "versions" tab with separate page

This gets rid of the last remaining feature that only worked with
Javascript.
This commit is contained in:
Yorhel 2024-04-29 16:24:21 +02:00
parent 962a7c848a
commit 18b9666e32
3 changed files with 94 additions and 397 deletions

View file

@ -4,7 +4,7 @@ body { margin: 10px auto 50px auto; max-width: 1100px; border-collapse: separate
h1 { font-size: 24px; font-weight: normal }
h2 { font-size: 21px; margin-top: 35px; margin-bottom: 7px; font-weight: normal; border-bottom: 1px solid #ccc }
h3 { font-size: 18px; margin-top: 20px; margin-bottom: 5px; font-weight: normal }
a { color: #048; text-decoration: none }
a { color: #048; text-decoration: none; font-family: inherit }
a:hover { text-decoration: underline; color: #48B;}
p { margin-bottom: 15px }
dl { margin-bottom: 15px }
@ -50,32 +50,11 @@ main.thin { max-width: 700px; margin: 0 auto }
.pkgpage section:first-child { border-right: 1px dashed #468; padding: 0 10px }
.pkgpage section:last-child { padding: 0 10px }
#manbuttons h1 { display: inline; margin: 0 20px 0 0; vertical-align: middle }
#manbuttons ul { list-style-type: none; display: inline-block }
#manbuttons li { display: inline-block }
#manbuttons li a, #manbuttons li i { display: inline-block; outline: none; margin: 0 10px 0 0; padding: 5px 7px 8px 7px; text-decoration: none; border-top-left-radius: 7px 5px; border-top-left-radius: 7px 5px }
#manbuttons li i { font-style: normal; text-decoration: line-through; color: #aaa }
#manbuttons li a:hover, #manbuttons li a.active { background: #f0f8ff }
#closebtn { float: right; margin: -5px 0 -20px 0; text-decoration: none; outline: none; color: #036; font-weight: bold }
#manres { margin: 0 0 10px 0; width: 70%; padding: 10px; box-sizing: border-box; background: #f0f8ff; border-radius: 10px; border-left: 1px dashed #333; border-right: 1px dashed #333 }
#manres i { color: #aaa; font-size: 13px; margin-left: 7px }
#manres ul { list-style-type: none; margin-bottom: 0 }
#manres ul a { outline: none; text-decoration: none }
#manres ul .oldver a { color: #aaa; font-size: 13px }
#manres div > ul { margin-top: 5px } /* System names */
#manres div > ul > li > a { color: #036; font-weight: bold } /* System names */
#manres div > ul > li > ul { margin-left: 15px } /* System versions */
#manres div > ul > li > ul > li > a { color: #000 } /* System versions */
#manres div > ul > li > ul > li > ul { margin-left: 15px } /* Package names */
#manres div > ul > li > ul > li > ul > li > a { color: #000 } /* Package names */
#manres table { margin: 10px 0; border-collapse: collapse; }
#manres td { padding: 1px 5px; font-size: 12px; }
#manres td + td { border-left: 1px solid #ccc }
#manres table { margin: 2px 10px; }
#manres table tr td:nth-child(1) { min-width: 80px }
#manbuttons li a { display: inline-block; outline: none; margin: 0 10px 0 0; padding: 5px 7px 8px 7px; text-decoration: none; border-top-left-radius: 7px 5px; border-top-left-radius: 7px 5px }
#manbuttons li a:hover { background: #f0f8ff }
.manpage nav { background: #f0f8ff; color: #036; float: right; padding: 8px; width: 250px; margin-bottom: 10px; border-radius: 8px; }
.manpage nav b { text-transform: uppercase; font-size: 13px }
@ -93,16 +72,11 @@ main.thin { max-width: 700px; margin: 0 auto }
.locpage tr td { padding: 2px 7px }
.locpage tbody tr td:last-child { font-size: 12px }
.verpage p { margin-top: 15px }
.verpage tr td { padding: 2px 7px }
.verpage tbody tr td:last-child { font-family: "Lucida Console", monospace }
pre { margin: 10px 0 0 0 }
pre, pre * { font-family: "Lucida Console", Monospace; font-size: 15px }
pre b, pre em, pre a { color: #369; font-weight: normal; text-decoration: none }
pre em { font-style: italic }
#ds_box { position: absolute; top: 0; border: 1px solid $border$; border-top: none; background: #f0f8ff; cursor: pointer; z-index: 2 }
#ds_box b { padding: 2px 0 0 10px; font-size: 12px; }
#ds_box tr.selected { background: #fff; }
#ds_box table { width: 100% }
#ds_box td { border: 0; padding: 1px 5px }
#ds_box i { padding-left: 5px; color: #aaa; font-style: normal }