bc26633fc7
Removing the JS requirement and (hopefully) providing a more useful view into the same data. This view now also lists other man pages that happen to have the same contents.
108 lines
5.6 KiB
CSS
108 lines
5.6 KiB
CSS
* { margin: 0; padding: 0; font-size: inherit; font-family: "Trebuchet MS", sans-serif; }
|
|
html { background: #fff; padding: 0 10px; color: #000 }
|
|
body { margin: 10px auto 50px auto; max-width: 1100px; border-collapse: separate; padding-bottom: 10px }
|
|
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:hover { text-decoration: underline; color: #48B;}
|
|
p { margin-bottom: 15px }
|
|
dl { margin-bottom: 15px }
|
|
dt { margin: 0 0 5px 0 }
|
|
dd { margin: 0 0 10px 10px; }
|
|
ul { margin: 0 0 15px 20px }
|
|
input { font-size: 0.9em; padding: 1px 2px }
|
|
code { font-family: "Lucida Console", Monospace; font-size: 12px; background-color: #f0f8ff; padding: 1px }
|
|
small { color: #aaa }
|
|
.hidden { display: none!important; }
|
|
thead td { font-weight: bold }
|
|
|
|
header { border-bottom: 3px dotted #ccc; display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap }
|
|
header a { font: 24px "Arial", serif; font-weight: bold }
|
|
header form { padding-bottom: 3px }
|
|
header input[type=text] { width: 100px }
|
|
|
|
footer { border-top: 3px dotted #ccc; color: #666; font-size: 12px; display: flex; justify-content: space-between; flex-wrap: wrap }
|
|
|
|
main { padding: 10px 0 25px 0 }
|
|
main.thin { max-width: 700px; margin: 0 auto }
|
|
|
|
.systems > div { margin: 25px 0; display: flex; align-items: start }
|
|
.systems > div > a { display: flex; align-items: center }
|
|
.systems img { width: 50px; height: 50px; margin-right: 10px }
|
|
.systems b { font-size: 24px; display: block }
|
|
.systems > div > div > a { padding-right: 10px }
|
|
|
|
.searchres ul { margin: 20px 0; list-style-type: none; column-width: 300px }
|
|
.searchres a { padding-right: 2px }
|
|
|
|
.charselect a, .paginate a { display: inline-block; padding: 3px 5px }
|
|
.charselect b, .paginate b { display: inline-block; padding: 3px 5px }
|
|
|
|
.pkglist > div { display: flex; align-items: start; justify-content: space-between; flex-wrap: wrap }
|
|
.pkglist .paginate { margin: 10px 0; text-align: center }
|
|
.pkglist ul { margin: 20px 0; list-style-type: none; column-width: 300px }
|
|
.pkglist ul a { padding-right: 2px }
|
|
|
|
.pkgpage > div { display: flex; flex-wrap: wrap; margin-top: 15px }
|
|
.pkgpage h2 { border-bottom: 0; margin: 0 0 10px 0 }
|
|
.pkgpage ul { margin: 0; list-style-type: none }
|
|
.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 }
|
|
|
|
.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 }
|
|
.manpage nav p { margin: 3px 5px 20px 5px }
|
|
.manpage nav p a,
|
|
.manpage nav p i { padding: 3px 5px; font-size: 13px; font-style: normal; text-decoration: none;}
|
|
.manpage nav p a:hover,
|
|
.manpage nav p i { background: #cde; border-radius: 5px }
|
|
.manpage nav ul { list-style-type: none; margin: 3px 10px 0 20px }
|
|
.manpage nav ul li a { overflow: hidden; margin-left: -10px; text-decoration: none; text-transform: capitalize }
|
|
.manpage nav form { margin: 0 0 10px 0 }
|
|
.manpage nav select { width: 200px }
|
|
.manpage nav input { width: 40px }
|
|
|
|
.locpage tr td { padding: 2px 7px }
|
|
.locpage tbody tr td:last-child { font-size: 12px }
|
|
|
|
|
|
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 }
|
|
|