]> git.cameronkatri.com Git - mandoc.git/blobdiff - mandoc.css
Implement centering and adjustment to the right margin directly in
[mandoc.git] / mandoc.css
index 000886d203b057cf4f6499da06c285fe234bc585..894c224a9e14b9e13094ff722b96f4155c4fbe85 100644 (file)
@@ -1,20 +1,38 @@
-/* $Id: mandoc.css,v 1.12 2017/01/21 02:09:51 schwarze Exp $ */
+/* $Id: mandoc.css,v 1.42 2018/12/04 06:11:49 schwarze Exp $ */
 /*
  * Standard style sheet for mandoc(1) -Thtml and man.cgi(8).
+ *
+ * Written by Ingo Schwarze <schwarze@openbsd.org>.
+ * I place this file into the public domain.
+ * Permission to use, copy, modify, and distribute it for any purpose
+ * with or without fee is hereby granted, without any conditions.
  */
 
 /* Global defaults. */
 
-html {         max-width: 100ex; }
+html {         max-width: 65em; }
 body {         font-family: Helvetica,Arial,sans-serif; }
-table {                width: 100%;
-               margin-top: 0em;
-               margin-bottom: 0em; }
-td {           vertical-align: top; }
+table {                margin-top: 0em;
+               margin-bottom: 0em;
+               border-collapse: collapse; }
+/* Some browsers set border-color in a browser style for tbody,
+ * but not for table, resulting in inconsistent border styling. */
+tbody {                border-color: inherit; }
+tr {           border-color: inherit; }
+td {           vertical-align: top;
+               padding-left: 0.2em;
+               padding-right: 0.2em;
+               border-color: inherit; }
 ul, ol, dl {   margin-top: 0em;
                margin-bottom: 0em; }
 li, dt {       margin-top: 1em; }
 
+.permalink {   border-bottom: thin dotted;
+               color: inherit;
+               font: inherit;
+               text-decoration: inherit; }
+* {            clear: both }
+
 /* Search form and search results. */
 
 fieldset {     border: thin solid silver;
@@ -29,140 +47,198 @@ table.results {   margin-top: 1em;
 
 /* Header and footer lines. */
 
-table.head {   border-bottom: 1px dotted #808080;
+table.head {   width: 100%;
+               border-bottom: 1px dotted #808080;
                margin-bottom: 1em;
                font-size: smaller; }
 td.head-vol {  text-align: center; }
 td.head-rtitle {
                text-align: right; }
-span.Nd { }
 
-table.foot {   border-top: 1px dotted #808080;
+table.foot {   width: 100%;
+               border-top: 1px dotted #808080;
                margin-top: 1em;
                font-size: smaller; }
-td.foot-date { width: 50%; }
-td.foot-os {   width: 50%;
-               text-align: right; }
+td.foot-os {   text-align: right; }
 
 /* Sections and paragraphs. */
 
-div.manual-text {
-               margin-left: 5ex; }
-h1.Sh {                margin-top: 2ex;
-               margin-bottom: 1ex;
-               margin-left: -4ex;
+.manual-text {
+               margin-left: 3.8em; }
+.Nd {          display: inline; }
+.Sh {          margin-top: 1.2em;
+               margin-bottom: 0.6em;
+               margin-left: -3.2em;
                font-size: 110%; }
-h2.Ss {                margin-top: 2ex;
-               margin-bottom: 1ex;
-               margin-left: -2ex;
+.Ss {          margin-top: 1.2em;
+               margin-bottom: 0.6em;
+               margin-left: -1.2em;
                font-size: 105%; }
-div.Pp {       margin: 1ex 0ex; }
-a.Sx { }
-a.Xr { }
+.Pp {          margin: 0.6em 0em; }
+.Sx { }
+.Xr { }
 
 /* Displays and lists. */
 
-div.Bd { }
-div.D1 {       margin-left: 5ex; }
+.Bd { }
+.Bd-indent {   margin-left: 3.8em; }
 
-ul.Bl-bullet { list-style-type: disc;
+.Bl-bullet {   list-style-type: disc;
                padding-left: 1em; }
-li.It-bullet { }
-ul.Bl-dash {   list-style-type: none;
+.Bl-bullet > li { }
+.Bl-dash {     list-style-type: none;
                padding-left: 0em; }
-li.It-dash:before {
+.Bl-dash > li:before {
                content: "\2014  "; }
-ul.Bl-item {   list-style-type: none;
+.Bl-item {     list-style-type: none;
                padding-left: 0em; }
-li.It-item { }
-
-ol.Bl-enum {   padding-left: 2em; }
-li.It-enum { }
-
-dl.Bl-diag { }
-dt.It-diag { }
-dd.It-diag { }
-b.It-diag {    font-style: normal; }
-dl.Bl-hang { }
-dt.It-hang { }
-dd.It-hang { }
-dl.Bl-inset { }
-dt.It-inset { }
-dd.It-inset { }
-dl.Bl-ohang { }
-dt.It-ohang { }
-dd.It-ohang {  margin-left: 0ex; }
-dl.Bl-tag { }
-dt.It-tag { }
-dd.It-tag { }
-
-table.Bl-column { }
-tr.It-column { }
-td.It-column { margin-top: 1em; }
-
-span.Rs        { }
-span.RsA { }
-i.RsB {                font-weight: normal; }
-span.RsC { }
-span.RsD { }
-i.RsI {                font-weight: normal; }
-i.RsJ {                font-weight: normal; }
-span.RsN { }
-span.RsO { }
-span.RsP { }
-span.RsQ { }
-span.RsR { }
-span.RsT {     text-decoration: underline; }
-a.RsU { }
-span.RsV { }
-
-span.eqn { }
-table.tbl { }
+.Bl-item > li { }
+.Bl-compact > li {
+               margin-top: 0em; }
+
+.Bl-enum {     padding-left: 2em; }
+.Bl-enum > li { }
+.Bl-compact > li {
+               margin-top: 0em; }
+
+.Bl-diag { }
+.Bl-diag > dt {
+               font-style: normal;
+               font-weight: bold; }
+.Bl-diag > dd {
+               margin-left: 0em; }
+.Bl-hang { }
+.Bl-hang > dt { }
+.Bl-hang > dd {
+               margin-left: 5.5em; }
+.Bl-inset { }
+.Bl-inset > dt { }
+.Bl-inset > dd {
+               margin-left: 0em; }
+.Bl-ohang { }
+.Bl-ohang > dt { }
+.Bl-ohang > dd {
+               margin-left: 0em; }
+.Bl-tag {      margin-left: 5.5em; }
+.Bl-tag > dt {
+               float: left;
+               margin-top: 0em;
+               margin-left: -5.5em;
+               padding-right: 0.5em;
+               vertical-align: top; }
+.Bl-tag > dd {
+               clear: right;
+               width: 100%;
+               margin-top: 0em;
+               margin-left: 0em;
+               vertical-align: top;
+               overflow: auto; }
+.Bl-compact > dt {
+               margin-top: 0em; }
+
+.Bl-column { }
+.Bl-column > tbody > tr { }
+.Bl-column > tbody > tr > td {
+               margin-top: 1em; }
+.Bl-compact > tbody > tr > td {
+               margin-top: 0em; }
+
+.Rs {          font-style: normal;
+               font-weight: normal; }
+.RsA { }
+.RsB {         font-style: italic;
+               font-weight: normal; }
+.RsC { }
+.RsD { }
+.RsI {         font-style: italic;
+               font-weight: normal; }
+.RsJ {         font-style: italic;
+               font-weight: normal; }
+.RsN { }
+.RsO { }
+.RsP { }
+.RsQ { }
+.RsR { }
+.RsT {         text-decoration: underline; }
+.RsU { }
+.RsV { }
+
+.eqn { }
+.tbl td {      vertical-align: middle; }
+
+.HP {          margin-left: 3.8em;
+               text-indent: -3.8em; }
 
 /* Semantic markup for command line utilities. */
 
 table.Nm { }
-b.Nm {         font-style: normal; }
-b.Fl {         font-style: normal; }
-b.Cm {         font-style: normal; }
-i.Ar {         font-weight: normal; }
-span.Op { }
-b.Ic {         font-style: normal; }
-code.Ev {      font-style: normal;
+code.Nm {      font-style: normal;
+               font-weight: bold;
+               font-family: inherit; }
+.Fl {          font-style: normal;
+               font-weight: bold;
+               font-family: inherit; }
+.Cm {          font-style: normal;
+               font-weight: bold;
+               font-family: inherit; }
+.Ar {          font-style: italic;
+               font-weight: normal; }
+.Op {          display: inline; }
+.Ic {          font-style: normal;
+               font-weight: bold;
+               font-family: inherit; }
+.Ev {          font-style: normal;
                font-weight: normal;
                font-family: monospace; }
-i.Pa {         font-weight: normal; }
+.Pa {          font-style: italic;
+               font-weight: normal; }
 
 /* Semantic markup for function libraries. */
 
-span.Lb { }
-b.In {         font-style: normal; }
+.Lb { }
+code.In {      font-style: normal;
+               font-weight: bold;
+               font-family: inherit; }
 a.In { }
-b.Fd {         font-style: normal; }
-i.Ft {         font-weight: normal; }
-b.Fn {         font-style: normal; }
-i.Fa {         font-weight: normal; }
-i.Vt {         font-weight: normal; }
-i.Va {         font-weight: normal; }
-code.Dv {      font-style: normal;
+.Fd {          font-style: normal;
+               font-weight: bold;
+               font-family: inherit; }
+.Ft {          font-style: italic;
+               font-weight: normal; }
+.Fn {          font-style: normal;
+               font-weight: bold;
+               font-family: inherit; }
+.Fa {          font-style: italic;
+               font-weight: normal; }
+.Vt {          font-style: italic;
+               font-weight: normal; }
+.Va {          font-style: italic;
+               font-weight: normal; }
+.Dv {          font-style: normal;
                font-weight: normal;
                font-family: monospace; }
-code.Er {      font-style: normal;
+.Er {          font-style: normal;
                font-weight: normal;
                font-family: monospace; }
 
 /* Various semantic markup. */
 
-span.An { }
-a.Lk { }
-a.Mt { }
-b.Cd {         font-style: normal; }
-i.Ad {         font-weight: normal; }
-b.Ms {         font-style: normal; }
-a.Ux { }
+.An { }
+.Lk { }
+.Mt { }
+.Cd {          font-style: normal;
+               font-weight: bold;
+               font-family: inherit; }
+.Ad {          font-style: italic;
+               font-weight: normal; }
+.Ms {          font-style: normal;
+               font-weight: bold; }
+.St { }
+.Ux { }
 
 /* Physical markup. */
 
+.Bf {          display: inline; }
 .No {          font-style: normal;
                font-weight: normal; }
 .Em {          font-style: italic;
@@ -172,3 +248,19 @@ a.Ux { }
 .Li {          font-style: normal;
                font-weight: normal;
                font-family: monospace; }
+
+/* Overrides to avoid excessive margins on small devices. */
+
+@media (max-width: 37.5em) {
+.manual-text {
+               margin-left: 0.5em; }
+.Sh, .Ss {     margin-left: 0em; }
+.Bd-indent {   margin-left: 2em; }
+.Bl-hang > dd {
+               margin-left: 2em; }
+.Bl-tag {      margin-left: 2em; }
+.Bl-tag > dt {
+               margin-left: -2em; }
+.HP {          margin-left: 2em;
+               text-indent: -2em; }
+}