/* This stylesheet is used by manuals and a few older resources. */
/* Public domain */
/* Last update 2024-09-28 */

/* (Definitions in /reset.css are included.) */


                          /** COMMON DEFINITIONS **/


/**  PAGE LAYOUT  **/

html, body {
   font-size: 16px;
   text-align: left;
   text-decoration: none;
   color: #000;
}
html { background-color: #e7e7e7; }

body {
   max-width: 74.92em;
   margin: 0 auto 2em;
   padding: .5em 1em 1em 1em;
   background-color: white;
   border: .1em solid #c0c0c0;
}


/** BASIC ELEMENTS **/

p, pre, li, dt, dd, table, code, address { line-height: 1.4em; }

p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote {
   padding: 0;
}
h1 { font-size: 2em; margin: 1em 0 }
h2 { font-size: 1.50em; margin: 1.3em 0 0.87em 0; }
h3 { font-size: 1.30em; margin: 1.6em 0 0.87em 0; }
h4 { font-size: 1.13em; margin: 1.8em 0 0.88em 0; }
h5, h6 { font-size: 1em; margin: 1em 0; }

h1, h2, h3, h4, h5, h6, strong, dt, th { font-weight: bold; }
/* The default color (black) is too dark for large text in
   bold font. */
h1, h2, h3, h4 { color: #333; }
h5, h6, dt { color: #222; }

p, pre { margin: 1em 0; }
pre { overflow: auto; padding: .5em 0 .5em 2.5%; }
address { margin-bottom: 1em; }

hr {
   margin: 2em 0;
   background: #d5bb7d; border-color: #d5bb7d;
}

blockquote { margin-left: 3%; }

ul, ol { margin-left: 1.5%; }
/* Lists of underlined links are difficult to read. The top margin
   gives a little more spacing between entries. */
ul li { margin: .5em 0 .5em 1em; }
ol li { margin: 1em 0 1em 1em; }
ol ul li { margin: .5em 0 .5em 1em; }
ul li p, ul ul li { margin-top: .3em; margin-bottom: .3em; }
ul ul, ol ul { margin-top: 0; margin-bottom: 0; }

ol { list-style: decimal outside;}
ul { list-style: square outside; }
ul ul, ol ul { list-style: circle; }
li { list-style: inherit; }

/* Separate description lists from preceding text */
dl { margin: 1em 0; }
/* separate the "term" from subsequent "description" */
dt { margin: .5em 0; }
/* separate the "description" from subsequent list item
   when the final <dd> child is an anonymous box */
dd { margin: .5em 0 1em 3%; }
/* separate anonymous box (used to be the first element in <dd>)
   from subsequent <p> */
dd p { margin: .5em 0; }

table, td, th { width: auto; }
table {
   margin: 1.2em 0 1.5em;
   border-collapse: separate;
   border: 0; border-spacing: 0;
   vertical-align: middle;
}
td, th {
   padding: .4em .6em;
   text-align: left;
   background: white;   /* In case overflow extends outside <body>. */
}
caption { padding: 0; margin: 0 0 .5em 0; text-align: center; }

img {
   max-width: 100%;
   padding: 0; border: 0;
   line-height: 2.5em; color: #666;   /* for the alt attribute. */
}

a[href] { color: #005090; }
a[href]:visited { color: #100070; }
a[href]:active, a[href]:hover {
   color: #100070;
   text-decoration: none;
}
h1 a[href]:visited, h2 a[href]:visited, h3 a[href]:visited,
 h4 a[href]:visited { color: #005090; }
h1 a[href]:hover, h2 a[href]:hover, h3 a[href]:hover,
 h4 a[href]:hover { color: #100070; }

abbr,acronym {
   font-variant: normal;
   border: 0;
   border-bottom:1px dotted #000;
   text-decoration: none;
   cursor:help;
}
del { text-decoration: line-through; }
em, var { font-style: italic; }
small { font-size: .9em; }

sup { vertical-align: super; }
sub { vertical-align: sub; }

address, caption, dfn {
   font-style: inherit;
   font-weight: inherit;
}
strong, td, th { font-style: inherit; }
em, var, cite, code { font-weight: inherit; }


/** UNUSED from reset.css **/

form, fieldset, legend, input, button, textarea {
   padding: 0; margin: 0;
}
fieldset { border: 0; }
legend { color: #000; }
input, button, textarea, select, optgroup, option {
   font-family: inherit;
   font-size: inherit;
   font-style: inherit;
   font-weight: inherit;
}
input, button, textarea, select { *font-size: 100%; }

ins { text-decoration: none; }
q:before, q:after { content: ''; }


/** SIMPLE CLASSES **/

.center, .c { text-align: center; }
.nocenter{ text-align: left; }

.underline { text-decoration: underline; }
.nounderline { text-decoration: none; }

.no-bullet { list-style: none; }
.inline-list li { display: inline }

.netscape4, .no-display { display: none; }


/** FOR WIDE SCREENS **/

@media (min-width: 45em) {
   body { padding: .5em 2em 1em 2em; }
   div.header, div.node { margin: 0 -2em; padding: 0 2em; }
}


                    /** DEFINITIONS FOR TEXINFO MANUALS **/


/** MENUS & NAVIGATION **/

/* Adjust the vertical spacing of menu comments. */
pre.menu-comment { padding: 1em 0 0; margin: 0; }

/* This makes the very long tables of contents in Gnulib and other
   manuals easier to read. */
.contents ul, .shortcontents ul { font-weight: bold; }
.contents ul ul, .shortcontents ul ul { font-weight: normal; }
.contents ul { list-style: none; }

/* For colored navigation bars (Emacs manual): make the bar extend
   across the whole width of the page and give it a decent height. */
.header, .node { margin: 0 -1em; padding: 0 1em; }
.header p, .node p, .nav-panel p { line-height: 2em; margin: 2em 0; }

/* For navigation links. We can't use inline-block display to avoid wrapping
   because this makes the links appear much smaller than normal text on 
   phones with Chromium (RT #1872370). */
.node a, .header a { /*display: inline-block;*/ line-height: 2em; }
.node a:hover, .header a:hover { background: #f2efe4; }


/** IMAGES & DATA TABLES **/

.caption, .float-caption { display: table; margin: 1em auto; }
.caption p, .float-caption p { margin: -.5em 0 0; }

table.multitable { margin: 1.2em auto 1.5em; }
.multitable td, .multitable th { width: auto; }
table[border="1"], .multitable { border: 2px solid #95b0d8; }  /* blue */
.multitable th { border-bottom: 2px solid #95b0d8; }

.cartouche img { display: block; margin: auto; }


/** CONTAINERS **/

/* Turn 'cartouche' into a set of normal divs. */
table.cartouche, table.cartouche > tbody, table.cartouche > tbody > tr,
table.cartouche > tbody > tr > td, table.cartouche > tbody > tr > th {
   display: block; width: 100%; padding: 0; margin: 0; border: 0;
}
div[class*="example"], div[class*="lisp"], div[class*="display"],
table.cartouche {
   margin: 1.2em 0 1.5em;
}
.float {
   padding-bottom: .5em; margin: 1.2em 0 1em;
   overflow: auto;
}

/* There is a great creativity in the use of these containers. To make
   vertical spacing of examples and tables somewhat consistent, remove the
   top and bottom margins of content and internal containers. */
.pspp > *:first-child,
.pspp > *:first-child > *:first-child,
.float > *:first-child,
.float > *:first-child > *:first-child,
.cartouche>tbody>tr>td > *:first-child,
.cartouche>tbody>tr>td > *:first-child > *:first-child { margin-top: 0; }
.pspp > *:last-child,
.pspp > *:last-child > *:last-child,
.float > *:last-child,
.float > *:last-child > *:last-child,
.cartouche>tbody>tr>td > *:last-child,
.cartouche>tbody>tr>td > *:last-child > *:last-child { margin-bottom: 0; }


/** EXAMPLES, DISPLAYS, etc. **/

/* Increase the size of 'small*' for comfortable reading. */
blockquote[class^="small"], pre[class^="small"] {
   font-size: .94em;    /* 16px -> 15px */
}
/* <pre>'s that have a background need to be padded. ('verbatim',
   'smallexample' and 'smalllisp' don't have one unless within
   'cartouche'.) */
pre[class^="example"], pre[class^="lisp"], pre[class^="display"] {
   padding: 1em 2.5%;
}

pre[class*="example"], pre[class*="lisp"], pre[class^="display"],
pre.verbatim, div[class*="example"], table.cartouche {
   border-radius: .3em;
}

/* Simple layout of examples */

div[class^="example"] pre, div[class^="lisp"] pre,
div[class^="display"] pre {
   margin: 0;
}
/* For make, gawk, bison, etc. */
div[class*="example"] > pre + pre, div[class*="example"] > .group {
   margin: 3px 0;
}

/* Modification of examples by 'cartouche' */

/* When 'cartouche' contains only one <pre> (most cases), it simply adds
   a border to the example and darkens the background. */
.cartouche>tbody>tr>td > div[class*="example"] > pre[class*="example"],
.cartouche>tbody>tr>td > div[class*="example"] > pre[class*="lisp"],
.cartouche>tbody>tr>td > div[class*="example"] > pre.verbatim,
.cartouche>tbody>tr>td > div[class*="lisp"] > pre[class*="lisp"],
.cartouche>tbody>tr>td > pre[class*="example"],
.cartouche>tbody>tr>td > pre[class*="lisp"] {
   padding: 1em 2.5%;
   background: #f2efe4;          /* light tan */
   border: 1px solid #d4cbb6;    /* tan */
}

/* Combinations of divs and tables */

/* All combinations are possible, including with basic tables.
   This takes care of a few corner cases: */
div[class*="example"] + div[class*="example"] {
   margin-top: -.5em;                      /* bash */
}
div[class*="example"] > pre + .cartouche {
   margin: 1em 0 0;                        /* gcal */
}
dd > pre[class^="example"] + br {
   display: none;                          /* acct */
}
td > div[class*="example"] {
   margin: 0;                              /* coreutils */
}
td > pre[class*="example"] {
   padding: 0; margin: 0; background: 0;   /* autogen */
}


/* CARTOUCHE on <ul> */

/* Currently used by automake. */
.cartouche ul {
   margin: 0;
   padding: .5em 2.5%;
   border: 3px solid #95b0d8;
   border-radius: .3em;
}


/** QUOTATIONS **/

/* (gawk, gawkinet & mes) Keep short quotations and their signatures
   together. */
blockquote.quotation + div.center, blockquote + div[align="center"] {
   margin: -.5em 0 1.5em;
}


                             /** SPECIAL CASES **/


/* == FDL & *GPL == */

/* Suppress the background under the license notices of FDL and *GPL,
   and center them. */
*[id*="License"] ~ div.display pre, *[name*="License"] ~ div.display pre,
*[id*="LICENSE"] ~ div.display pre, #Copying-This-Manual div.display pre {
   display: table;
   padding: 0 1em .5em 0;  margin: auto;
   background: none;
}
*[name*="License"] ~ table pre.display {
   padding: 0 0 .5em 0; margin: 0;
   background: none;
}
