741 lines
12 KiB
CSS
741 lines
12 KiB
CSS
/*
|
|
* Copyright (c) 2001-2020 The FreeBSD Documentation Project
|
|
* All rights reserved.
|
|
*
|
|
* Redistribution and use in source and binary forms, with or without
|
|
* modification, are permitted provided that the following conditions
|
|
* are met:
|
|
* 1. Redistributions of source code must retain the above copyright
|
|
* notice, this list of conditions and the following disclaimer.
|
|
* 2. Redistributions in binary form must reproduce the above copyright
|
|
* notice, this list of conditions and the following disclaimer in the
|
|
* documentation and/or other materials provided with the distribution.
|
|
*
|
|
* THIS SOFTWARE IS PROVIDED BY THE AUTHOR AND CONTRIBUTORS ``AS IS'' AND
|
|
* ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
|
* IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
|
|
* ARE DISCLAIMED. IN NO EVENT SHALL THE AUTHOR OR CONTRIBUTORS BE LIABLE
|
|
* FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
|
|
* DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS
|
|
* OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
|
|
* HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
|
|
* LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY
|
|
* OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF
|
|
* SUCH DAMAGE.
|
|
*
|
|
* $FreeBSD$
|
|
*/
|
|
|
|
/*
|
|
* Global
|
|
*/
|
|
html {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
html body {
|
|
margin: 1em 8% 1em 10%;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
@media screen {
|
|
html body {
|
|
font-family: sans-serif !important;
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
html body {
|
|
font-family: serif;
|
|
}
|
|
}
|
|
|
|
body div {
|
|
margin: 0;
|
|
}
|
|
|
|
body form {
|
|
margin: .6em 0;
|
|
}
|
|
|
|
body hr {
|
|
margin: .6em;
|
|
border-width: 0 0 1px 0;
|
|
border-style: solid;
|
|
border-color: #cecece;
|
|
}
|
|
|
|
body img.navheader {
|
|
margin: 0 0 0 -4%;
|
|
}
|
|
|
|
body pre {
|
|
font-family: monospace;
|
|
}
|
|
|
|
body td, body th {
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.abstract-title,
|
|
#toc #toctitle,
|
|
div.list-of-figures div.toc-title,
|
|
div.list-of-tables div.toc-title,
|
|
div.list-of-examples div.toc-title {
|
|
font-size: 115%;
|
|
}
|
|
|
|
div.figure-title {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.imageblock .title {
|
|
font-weight: bolder;
|
|
}
|
|
|
|
/*
|
|
* Lists
|
|
*/
|
|
ul.sectlevel0 {
|
|
margin: 0;
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
ul.sectlevel0 li {
|
|
font-weight: bold;
|
|
margin: 0.4em 0 0 0;
|
|
}
|
|
|
|
ul.sectlevel0 li a {
|
|
color: #0645AD;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
ul.sectlevel1 {
|
|
margin: 0;
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
ul.sectlevel1 li {
|
|
font-weight: bold;
|
|
margin: 0.4em 0 0 0;
|
|
}
|
|
|
|
ul.sectlevel1 li a {
|
|
color: #0645AD;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.ulist li {
|
|
margin: 16px 0;
|
|
}
|
|
|
|
ol {
|
|
margin: 0 0 0 1em;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
/*
|
|
* Headings
|
|
*/
|
|
h1, h2 {
|
|
margin: .8em 0 0 -4% !important;
|
|
}
|
|
|
|
h3, h4 {
|
|
margin: .8em 0 0 -3% !important;
|
|
}
|
|
|
|
h5 {
|
|
margin: .8em 0 0 -2% !important;
|
|
}
|
|
|
|
h6 {
|
|
margin: .8em 0 0 -1% !important;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6,
|
|
.author, .corpauthor,
|
|
.abstract-title,
|
|
#toc #toctitle,
|
|
.toc-title,
|
|
div.list-of-figures .toc-title,
|
|
div.list-of-tables div.toc-title,
|
|
div.list-of-examples div.toc-title {
|
|
font-weight: bold;
|
|
line-height: 1.3;
|
|
margin-top: 1em;
|
|
margin-left: 0;
|
|
color: #990000;
|
|
}
|
|
|
|
/*
|
|
* Table of Contents
|
|
*/
|
|
.toc .toc-title {
|
|
font-weight: bold;
|
|
line-height: 1.3;
|
|
margin-top: 1em;
|
|
margin-left: 0;
|
|
color: #990000;
|
|
font-size: 115%;
|
|
}
|
|
|
|
.toc ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.toc ul li {
|
|
line-height: 1.2;
|
|
list-style-type: none;
|
|
}
|
|
|
|
.toc li {
|
|
margin: 0;
|
|
}
|
|
|
|
.toc ul li p {
|
|
font-weight: bold;
|
|
margin: 0.4em 0 0 0;
|
|
}
|
|
|
|
.toc ul li ul {
|
|
margin-left: 40px !important;
|
|
}
|
|
|
|
/*
|
|
* Links
|
|
*/
|
|
a:link {
|
|
color:#0645AD;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a:visited, a:hover, a:active {
|
|
color:#663366;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
@media screen {
|
|
a[href]:hover {
|
|
background: #FFA
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Admonitions
|
|
*/
|
|
div.procedure {
|
|
color: #222 !important;
|
|
background: #eee !important;
|
|
border: 1px solid #ccc !important;
|
|
width: 90% !important;
|
|
}
|
|
|
|
.example, .exampleblock {
|
|
background: #fefde6;
|
|
border: 1px solid #f1bb16;
|
|
width: 90%;
|
|
padding: 2ex;
|
|
margin: .75em 3em .75em 1em;
|
|
}
|
|
|
|
.exampleblock .content .literalblock .content{
|
|
background: #fefde6 !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.exampleblock .content .programlisting .content{
|
|
padding: 1ex !important;
|
|
background-color: #eee !important;
|
|
border: 1px solid #ccc !important;
|
|
}
|
|
|
|
.procedure-title {
|
|
font-weight: bold;
|
|
line-height: 1;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.procedure ol {
|
|
line-height: 1.2;
|
|
margin: 0 0 0 -1em;
|
|
}
|
|
|
|
div.example-title,
|
|
.exampleblock .title {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.admonitionblock>table {
|
|
border-collapse: separate;
|
|
border: 0;
|
|
background: none;
|
|
width: 100%;
|
|
}
|
|
|
|
.admonitionblock>table td.icon {
|
|
text-align: center;
|
|
width: 80px;
|
|
}
|
|
|
|
.admonitionblock>table td.icon img {
|
|
max-width: none;
|
|
}
|
|
|
|
.admonitionblock>table td.icon .title {
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.admonitionblock>table td.content {
|
|
padding-left: 1.125em;
|
|
padding-right: 1.25em;
|
|
border-left: 1px solid #ddddd8;
|
|
}
|
|
|
|
.admonitionblock>table td.content>:last-child>:last-child {
|
|
margin-bottom:0;
|
|
}
|
|
|
|
.admonitionblock td.icon [class^="fa icon-"] {
|
|
font-size:2.5em;
|
|
text-shadow:1px 1px 2px rgba(0,0,0,.5);
|
|
cursor:default;
|
|
}
|
|
|
|
.admonitionblock td.icon .icon-note::before {
|
|
content:"\f05a";
|
|
color:#19407c;
|
|
}
|
|
|
|
.admonitionblock td.icon .icon-tip::before {
|
|
content:"\f0eb";
|
|
text-shadow:1px 1px 2px rgba(155,155,0,.8);
|
|
color:#111;
|
|
}
|
|
|
|
.admonitionblock td.icon .icon-warning::before {
|
|
content:"\f071";
|
|
color:#bf6900;
|
|
}
|
|
|
|
.admonitionblock td.icon .icon-caution::before {
|
|
content:"\f06d";
|
|
color:#bf3400;
|
|
}
|
|
|
|
.admonitionblock td.icon .icon-important::before {
|
|
content:"\f06a";
|
|
color:#bf0000;
|
|
}
|
|
|
|
.note, .procedure {
|
|
color: #222;
|
|
background: #EEE;
|
|
border: 1px solid #CCC;
|
|
width: 90%;
|
|
border-radius: 4px;
|
|
padding: 2ex;
|
|
margin: .75em 3em .75em 1em;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.warning {
|
|
color: #9F1313;
|
|
background: #f8e8e8;
|
|
border: 1px solid #e59595;
|
|
width: 90%;
|
|
border-radius: 4px;
|
|
padding: 2ex;
|
|
margin: .75em 3em .75em 1em;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.important {
|
|
font-style: italic;
|
|
border: 1px solid #a00;
|
|
border-left: 12px solid #c00;
|
|
width: 90%;
|
|
background-color: #FFF;
|
|
border-radius: 4px;
|
|
padding: 2ex;
|
|
margin: .75em 3em .75em 1em;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.caution {
|
|
color: #3E3535;
|
|
background: #fefde6;
|
|
border: 1px solid #f1bb16;
|
|
width: 90%;
|
|
border-radius: 4px;
|
|
padding: 2ex;
|
|
margin: .75em 3em .75em 1em;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.tip {
|
|
color: #004F00;
|
|
background: #d8ecd6;
|
|
border: 1px solid green;
|
|
width: 90%;
|
|
border-radius: 4px;
|
|
padding: 2ex;
|
|
margin: .75em 3em .75em 1em;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
/*
|
|
* Tables
|
|
*/
|
|
table.tableblock {
|
|
margin-bottom: 1.25em;
|
|
border: 1px solid #dedede;
|
|
background-color: #FFF;
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
table.stretch {
|
|
width: 100%;
|
|
}
|
|
|
|
table caption {
|
|
text-rendering: optimizeLegibility;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
table.tableblock thead {
|
|
background: #f7f8f7;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.tableblock th {
|
|
vertical-align: top;
|
|
text-align: left;
|
|
border: 0 solid #dedede;
|
|
text-rendering: optimizeLegibility;
|
|
line-height: 1.6;
|
|
padding: .5em .625em .625em;
|
|
font-size: inherit;
|
|
color: #222;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table.tableblock td {
|
|
text-align: left;
|
|
border: 0 solid #dedede;
|
|
text-rendering: optimizeLegibility;
|
|
line-height: 1.6;
|
|
padding: .5em .625em .625em;
|
|
font-size: inherit;
|
|
color: #222;
|
|
}
|
|
|
|
table.grid-all th.tableblock, table.grid-all td.tableblock {
|
|
border-width: 0 1px 1px 0;
|
|
}
|
|
|
|
.informaltable, .table th {
|
|
padding-left: 0.2em;
|
|
text-align: left;
|
|
}
|
|
|
|
.informaltable table.calstable tr td {
|
|
padding-left: 1em;
|
|
padding-right: 1em;
|
|
}
|
|
|
|
div.table-title {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*
|
|
* Navigation
|
|
*/
|
|
.navheader, .navfooter {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
.navheader .prev, .navfooter .prev {
|
|
display: flex;
|
|
margin-right: auto;
|
|
align-items: end;
|
|
}
|
|
|
|
.navheader .chapter, .navfooter .home{
|
|
display: flex;
|
|
flex-direction: column;
|
|
text-align: center;
|
|
}
|
|
|
|
.navheader .chapter .title {
|
|
line-height: 25px;
|
|
}
|
|
|
|
.navheader .next, .navfooter .next {
|
|
display: flex;
|
|
margin-left: auto;
|
|
align-items: end;
|
|
}
|
|
|
|
/*
|
|
* Source code
|
|
*/
|
|
.screen {
|
|
overflow: auto !important;
|
|
font-family: monospace !important;
|
|
padding: 1em !important;
|
|
background-color: #edc !important;
|
|
border: 1px solid #ccc !important;
|
|
border-radius: 4px !important;
|
|
margin: 0 !important;
|
|
width: 97% !important;
|
|
text-align: left !important;
|
|
direction: ltr !important;
|
|
}
|
|
|
|
.screen p {
|
|
margin: 0;
|
|
}
|
|
|
|
pre.screen strong {
|
|
font-family: monospace;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.rouge {
|
|
overflow: auto !important;
|
|
font-family: monospace !important;
|
|
padding: 1em !important;
|
|
background-color: #edc !important;
|
|
border: 1px solid #ccc !important;
|
|
border-radius: 4px !important;
|
|
margin: 0 !important;
|
|
width: 97% !important;
|
|
}
|
|
|
|
.rouge .c {
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.rouge b {
|
|
display: none;
|
|
}
|
|
|
|
.prompt {
|
|
margin-left: -3px;
|
|
}
|
|
|
|
.listingblock {
|
|
margin: .75em 0;
|
|
}
|
|
|
|
.listingblock:hover code[data-lang]::before {
|
|
display: block;
|
|
}
|
|
|
|
.listingblock code[data-lang]::before {
|
|
display: none;
|
|
content: attr(data-lang);
|
|
position: absolute;
|
|
font-size: .75em;
|
|
top: .425rem;
|
|
right: .5rem;
|
|
line-height: 1;
|
|
text-transform: uppercase;
|
|
color: inherit;
|
|
opacity: .5;
|
|
}
|
|
|
|
.literalblock {
|
|
background-color: #FFF !important;
|
|
border: none !important;
|
|
padding: 0 !important;
|
|
margin: .75em 0 !important;
|
|
}
|
|
|
|
.literalblock .title {
|
|
background-color: #fefde6;
|
|
font-weight: bolder;
|
|
font-size: 16px;
|
|
font-family: "DejaVu Sans";
|
|
padding-bottom: 9px;
|
|
}
|
|
|
|
.literalblock .content {
|
|
overflow: auto;
|
|
font-family: monospace;
|
|
padding: 1ex;
|
|
background-color: #eee;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.literal-block-margin {
|
|
margin: 9px 0;
|
|
}
|
|
|
|
pre {
|
|
margin: 0;
|
|
}
|
|
|
|
.programlisting {
|
|
overflow: auto;
|
|
font-family: monospace;
|
|
padding: 1ex;
|
|
background-color: #eee;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
text-align: left !important;
|
|
direction: ltr !important;
|
|
}
|
|
|
|
/*
|
|
* Callouts
|
|
*/
|
|
.conum {
|
|
display: inline-block;
|
|
color: #fff !important;
|
|
background-color: #000;
|
|
border-radius: 100px;
|
|
text-align: center;
|
|
font-size: .75em;
|
|
width: 1.67em;
|
|
height: 1.67em;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.conum[data-value] {
|
|
color: #fff !important;
|
|
text-align: center;
|
|
font-size: .75em;
|
|
line-height: 1.67em;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.conum[data-value]::after {
|
|
content: attr(data-value);
|
|
}
|
|
|
|
.colist td {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
.colist tr td b, .programlisting b {
|
|
display: none;
|
|
}
|
|
|
|
/*
|
|
* Misc
|
|
*/
|
|
dl {
|
|
margin: .4em 0 0 0;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
dt {
|
|
font-weight: bold !important;
|
|
margin: 0.4em 0 0 0;
|
|
}
|
|
|
|
.guimenu, .guimenuitem, .guisubmenu,
|
|
.guilabel, .interface,
|
|
.shortcut, .shortcut .keycap {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.guibutton {
|
|
background-color: #CFCFCF;
|
|
padding: 2px;
|
|
}
|
|
|
|
.button {
|
|
background-color: #CFCFCF !important;
|
|
padding: 2px;
|
|
}
|
|
|
|
.button::before {
|
|
content: "[";
|
|
padding: 0 3px 0 2px;
|
|
}
|
|
|
|
.button::after {
|
|
content: "]";
|
|
padding: 0 2px 0 3px;
|
|
}
|
|
|
|
kbd {
|
|
font-family: "DejaVu Sans", "DejaVu Sans Bold";
|
|
display: inline-block;
|
|
color: rgba(0,0,0,.8);
|
|
font-size: .65em;
|
|
line-height: 1.45;
|
|
background-color: #f7f7f7;
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
box-shadow: 0 1px 0 rgba(0,0,0,.2),0 0 0 .1em #fff inset;
|
|
margin: 0 .15em;
|
|
padding: .2em .5em;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
top: -.1em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.package, .port {
|
|
color: #007a00;
|
|
font-family: monospace;
|
|
font-style: italic;
|
|
}
|
|
|
|
.filename {
|
|
color: #007a00;
|
|
font-family: "DejaVu Sans Mono";
|
|
line-height: 14.4px;
|
|
}
|
|
|
|
.address {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.svnref {
|
|
color: #007a00;
|
|
}
|
|
|
|
.gitref {
|
|
color: #007a00;
|
|
}
|
|
|
|
.help {
|
|
text-align: center;
|
|
}
|
|
|
|
.copyright {
|
|
margin: 16px 0;
|
|
}
|
|
|
|
.legalnotice {
|
|
font-size: small;
|
|
font-variant: small-caps;
|
|
}
|
|
|
|
details {
|
|
margin: 13px 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.legalnotice details summary {
|
|
font-size: 16px;
|
|
}
|