[BACK]Return to mandoc.css CVS log [TXT][DIR] Up to [cvsweb.bsd.lv] / mandoc

Annotation of mandoc/mandoc.css, Revision 1.42

1.42    ! schwarze    1: /* $Id: mandoc.css,v 1.41 2018/12/04 05:21:04 schwarze Exp $ */
1.1       schwarze    2: /*
1.3       schwarze    3:  * Standard style sheet for mandoc(1) -Thtml and man.cgi(8).
1.39      schwarze    4:  *
                      5:  * Written by Ingo Schwarze <schwarze@openbsd.org>.
                      6:  * I place this file into the public domain.
                      7:  * Permission to use, copy, modify, and distribute it for any purpose
                      8:  * with or without fee is hereby granted, without any conditions.
1.1       schwarze    9:  */
                     10:
1.3       schwarze   11: /* Global defaults. */
                     12:
1.30      schwarze   13: html {         max-width: 65em; }
1.3       schwarze   14: body {         font-family: Helvetica,Arial,sans-serif; }
1.13      schwarze   15: table {                margin-top: 0em;
1.40      schwarze   16:                margin-bottom: 0em;
                     17:                border-collapse: collapse; }
1.41      schwarze   18: /* Some browsers set border-color in a browser style for tbody,
                     19:  * but not for table, resulting in inconsistent border styling. */
                     20: tbody {                border-color: inherit; }
                     21: tr {           border-color: inherit; }
1.42    ! schwarze   22: td {           vertical-align: top;
1.40      schwarze   23:                padding-left: 0.2em;
1.41      schwarze   24:                padding-right: 0.2em;
                     25:                border-color: inherit; }
1.12      schwarze   26: ul, ol, dl {   margin-top: 0em;
                     27:                margin-bottom: 0em; }
                     28: li, dt {       margin-top: 1em; }
1.18      schwarze   29:
1.36      schwarze   30: .permalink {   border-bottom: thin dotted;
1.18      schwarze   31:                color: inherit;
                     32:                font: inherit;
                     33:                text-decoration: inherit; }
1.22      schwarze   34: * {            clear: both }
1.3       schwarze   35:
                     36: /* Search form and search results. */
                     37:
                     38: fieldset {     border: thin solid silver;
                     39:                border-radius: 1em;
                     40:                text-align: center; }
                     41: input[name=expr] {
                     42:                width: 25%; }
                     43:
1.11      schwarze   44: table.results {        margin-top: 1em;
1.3       schwarze   45:                margin-left: 2em;
                     46:                font-size: smaller; }
                     47:
1.4       schwarze   48: /* Header and footer lines. */
                     49:
1.13      schwarze   50: table.head {   width: 100%;
                     51:                border-bottom: 1px dotted #808080;
1.4       schwarze   52:                margin-bottom: 1em;
                     53:                font-size: smaller; }
                     54: td.head-vol {  text-align: center; }
                     55: td.head-rtitle {
                     56:                text-align: right; }
                     57:
1.13      schwarze   58: table.foot {   width: 100%;
                     59:                border-top: 1px dotted #808080;
1.4       schwarze   60:                margin-top: 1em;
                     61:                font-size: smaller; }
1.13      schwarze   62: td.foot-os {   text-align: right; }
1.4       schwarze   63:
1.5       schwarze   64: /* Sections and paragraphs. */
                     65:
1.36      schwarze   66: .manual-text {
1.30      schwarze   67:                margin-left: 3.8em; }
1.32      schwarze   68: .Nd {          display: inline; }
1.35      schwarze   69: .Sh {          margin-top: 1.2em;
                     70:                margin-bottom: 0.6em;
1.30      schwarze   71:                margin-left: -3.2em;
1.5       schwarze   72:                font-size: 110%; }
1.35      schwarze   73: .Ss {          margin-top: 1.2em;
                     74:                margin-bottom: 0.6em;
1.30      schwarze   75:                margin-left: -1.2em;
1.5       schwarze   76:                font-size: 105%; }
1.35      schwarze   77: .Pp {          margin: 0.6em 0em; }
1.32      schwarze   78: .Sx { }
                     79: .Xr { }
1.3       schwarze   80:
1.7       schwarze   81: /* Displays and lists. */
                     82:
1.32      schwarze   83: .Bd { }
1.33      schwarze   84: .Bd-indent {   margin-left: 3.8em; }
1.7       schwarze   85:
1.36      schwarze   86: .Bl-bullet {   list-style-type: disc;
1.8       schwarze   87:                padding-left: 1em; }
1.36      schwarze   88: .Bl-bullet > li { }
                     89: .Bl-dash {     list-style-type: none;
1.8       schwarze   90:                padding-left: 0em; }
1.36      schwarze   91: .Bl-dash > li:before {
1.8       schwarze   92:                content: "\2014  "; }
1.36      schwarze   93: .Bl-item {     list-style-type: none;
1.8       schwarze   94:                padding-left: 0em; }
1.36      schwarze   95: .Bl-item > li { }
                     96: .Bl-compact > li {
1.30      schwarze   97:                margin-top: 0em; }
1.8       schwarze   98:
1.36      schwarze   99: .Bl-enum {     padding-left: 2em; }
                    100: .Bl-enum > li { }
                    101: .Bl-compact > li {
1.30      schwarze  102:                margin-top: 0em; }
1.8       schwarze  103:
1.36      schwarze  104: .Bl-diag { }
                    105: .Bl-diag > dt {
1.25      schwarze  106:                font-style: normal;
                    107:                font-weight: bold; }
1.36      schwarze  108: .Bl-diag > dd {
1.30      schwarze  109:                margin-left: 0em; }
1.36      schwarze  110: .Bl-hang { }
                    111: .Bl-hang > dt { }
                    112: .Bl-hang > dd {
1.30      schwarze  113:                margin-left: 5.5em; }
1.36      schwarze  114: .Bl-inset { }
                    115: .Bl-inset > dt { }
                    116: .Bl-inset > dd {
1.30      schwarze  117:                margin-left: 0em; }
1.36      schwarze  118: .Bl-ohang { }
                    119: .Bl-ohang > dt { }
                    120: .Bl-ohang > dd {
1.30      schwarze  121:                margin-left: 0em; }
1.36      schwarze  122: .Bl-tag {      margin-left: 5.5em; }
                    123: .Bl-tag > dt {
1.25      schwarze  124:                float: left;
1.30      schwarze  125:                margin-top: 0em;
                    126:                margin-left: -5.5em;
1.37      schwarze  127:                padding-right: 0.5em;
1.14      schwarze  128:                vertical-align: top; }
1.36      schwarze  129: .Bl-tag > dd {
1.25      schwarze  130:                clear: right;
1.22      schwarze  131:                width: 100%;
1.30      schwarze  132:                margin-top: 0em;
                    133:                margin-left: 0em;
1.14      schwarze  134:                vertical-align: top;
                    135:                overflow: auto; }
1.36      schwarze  136: .Bl-compact > dt {
1.30      schwarze  137:                margin-top: 0em; }
1.8       schwarze  138:
1.36      schwarze  139: .Bl-column { }
                    140: .Bl-column > tbody > tr { }
                    141: .Bl-column > tbody > tr > td {
1.25      schwarze  142:                margin-top: 1em; }
1.36      schwarze  143: .Bl-compact > tbody > tr > td {
1.30      schwarze  144:                margin-top: 0em; }
1.8       schwarze  145:
1.32      schwarze  146: .Rs {          font-style: normal;
1.15      schwarze  147:                font-weight: normal; }
1.32      schwarze  148: .RsA { }
                    149: .RsB {         font-style: italic;
                    150:                font-weight: normal; }
                    151: .RsC { }
                    152: .RsD { }
                    153: .RsI {         font-style: italic;
                    154:                font-weight: normal; }
                    155: .RsJ {         font-style: italic;
                    156:                font-weight: normal; }
                    157: .RsN { }
                    158: .RsO { }
                    159: .RsP { }
                    160: .RsQ { }
                    161: .RsR { }
                    162: .RsT {         text-decoration: underline; }
                    163: .RsU { }
                    164: .RsV { }
1.9       schwarze  165:
1.32      schwarze  166: .eqn { }
1.42    ! schwarze  167: .tbl td {      vertical-align: middle; }
1.11      schwarze  168:
1.34      schwarze  169: .HP {          margin-left: 3.8em;
                    170:                text-indent: -3.8em; }
                    171:
1.10      schwarze  172: /* Semantic markup for command line utilities. */
                    173:
                    174: table.Nm { }
1.24      schwarze  175: code.Nm {      font-style: normal;
                    176:                font-weight: bold;
                    177:                font-family: inherit; }
1.32      schwarze  178: .Fl {          font-style: normal;
1.24      schwarze  179:                font-weight: bold;
                    180:                font-family: inherit; }
1.32      schwarze  181: .Cm {          font-style: normal;
1.24      schwarze  182:                font-weight: bold;
                    183:                font-family: inherit; }
1.32      schwarze  184: .Ar {          font-style: italic;
1.16      schwarze  185:                font-weight: normal; }
1.32      schwarze  186: .Op {          display: inline; }
                    187: .Ic {          font-style: normal;
1.24      schwarze  188:                font-weight: bold;
                    189:                font-family: inherit; }
1.32      schwarze  190: .Ev {          font-style: normal;
1.10      schwarze  191:                font-weight: normal;
                    192:                font-family: monospace; }
1.32      schwarze  193: .Pa {          font-style: italic;
1.27      schwarze  194:                font-weight: normal; }
1.10      schwarze  195:
                    196: /* Semantic markup for function libraries. */
                    197:
1.32      schwarze  198: .Lb { }
1.24      schwarze  199: code.In {      font-style: normal;
                    200:                font-weight: bold;
                    201:                font-family: inherit; }
1.10      schwarze  202: a.In { }
1.32      schwarze  203: .Fd {          font-style: normal;
1.24      schwarze  204:                font-weight: bold;
                    205:                font-family: inherit; }
1.32      schwarze  206: .Ft {          font-style: italic;
1.16      schwarze  207:                font-weight: normal; }
1.32      schwarze  208: .Fn {          font-style: normal;
1.24      schwarze  209:                font-weight: bold;
                    210:                font-family: inherit; }
1.32      schwarze  211: .Fa {          font-style: italic;
1.16      schwarze  212:                font-weight: normal; }
1.32      schwarze  213: .Vt {          font-style: italic;
1.16      schwarze  214:                font-weight: normal; }
1.32      schwarze  215: .Va {          font-style: italic;
1.16      schwarze  216:                font-weight: normal; }
1.32      schwarze  217: .Dv {          font-style: normal;
1.10      schwarze  218:                font-weight: normal;
                    219:                font-family: monospace; }
1.32      schwarze  220: .Er {          font-style: normal;
1.10      schwarze  221:                font-weight: normal;
                    222:                font-family: monospace; }
                    223:
                    224: /* Various semantic markup. */
                    225:
1.32      schwarze  226: .An { }
                    227: .Lk { }
                    228: .Mt { }
                    229: .Cd {          font-style: normal;
1.24      schwarze  230:                font-weight: bold;
                    231:                font-family: inherit; }
1.32      schwarze  232: .Ad {          font-style: italic;
1.28      schwarze  233:                font-weight: normal; }
1.32      schwarze  234: .Ms {          font-style: normal;
1.29      schwarze  235:                font-weight: bold; }
1.32      schwarze  236: .St { }
                    237: .Ux { }
1.10      schwarze  238:
1.11      schwarze  239: /* Physical markup. */
1.7       schwarze  240:
1.26      schwarze  241: .Bf {          display: inline; }
1.11      schwarze  242: .No {          font-style: normal;
                    243:                font-weight: normal; }
                    244: .Em {          font-style: italic;
                    245:                font-weight: normal; }
                    246: .Sy {          font-style: normal;
                    247:                font-weight: bold; }
1.7       schwarze  248: .Li {          font-style: normal;
                    249:                font-weight: normal;
                    250:                font-family: monospace; }
1.31      schwarze  251:
                    252: /* Overrides to avoid excessive margins on small devices. */
                    253:
                    254: @media (max-width: 37.5em) {
1.36      schwarze  255: .manual-text {
1.31      schwarze  256:                margin-left: 0.5em; }
1.32      schwarze  257: .Sh, .Ss {     margin-left: 0em; }
1.33      schwarze  258: .Bd-indent {   margin-left: 2em; }
1.36      schwarze  259: .Bl-hang > dd {
1.31      schwarze  260:                margin-left: 2em; }
1.36      schwarze  261: .Bl-tag {      margin-left: 2em; }
                    262: .Bl-tag > dt {
1.31      schwarze  263:                margin-left: -2em; }
1.34      schwarze  264: .HP {          margin-left: 2em;
                    265:                text-indent: -2em; }
1.31      schwarze  266: }

CVSweb