$doctype-colors-list: (
standard: #0ac442, governance: #750697, guide: #48a0e7,
);
$docstage-colors-list: (
working-draft: #fda706, committee-draft: #fd06fd, draft-standard: #fdf906, standard: #0ac442, obsolete: #7e0d13,
);
$mainContentsOffsetLeft: 4em;
@import 'base_style/all';
body {
@include bodyStyle1($bodyfont, 1.3, black, white); @include sidebarNavContainer(323px);
}
.title-section, .prefatory-section {
padding-right: 2em; padding-left: $mainContentsOffsetLeft; padding-top: 2em; @media screen and (min-width: $bigscreenBreakpoint) { padding-top: 0; }
}
@import 'coverpage';
.prefatory-section {
margin-bottom: 5em;
}
h1 {
font-size: 1.5em; line-height: 2em; color: #485094; font-weight: 400; margin-top: 2em; margin-bottom: 1em;
}
h2 {
font-size: 1.3em; line-height: 1.5em; color: #485094; font-weight: 300; margin-top: 2em; margin-bottom: 1em; p { display: inline; } &.toc-contents { @media screen and (min-width: $bigscreenBreakpoint) { margin-top: 1em; } }
}
h3 {
font-size: 1.1em; line-height: 1.3em; color: #485094; font-weight: 300;
}
h4, h5, h6 {
line-height: 1.2;
}
p {
margin-top: 1em; margin-bottom: 1em; line-height: 1.2em;
}
p.zzSTDTitle1 {
font-weight: 700; font-size: 1.5em;
}
span.obligation {
font-weight: 400;
}
sup a {
vertical-align: super; font-size: 0.8em;
}
a {
&, &:visited { text-decoration: none; color: #485094; } &:hover { text-style: italic; color: #485094; }
}
ul, ol {
margin-left: 2em; li p { margin-bottom: 0.6em; line-height: 1.2; }
}
ol > li > p:before {
content: ""; display: none;
}
// Keywords
span.keyword {
font-weight: 600;
}
// Terms
p.TermNum, p.Terms, p.AltTerms, p.DeprecatedTerms {
margin: 0; color: #485094; font-weight: 400;
}
p.AltTerms, p.DeprecatedTerms {
font-style: italic;
}
// Nav
nav {
@include sidebarNav(#f7f7f7, 278px, 45px); a { color: black; text-decoration: none; line-height: 1.2em; }
}
toggle {
@include sidebarNavToggle(white, black); @media screen and (min-width: $bigscreenBreakpoint) { margin-left: -$mainContentsOffsetLeft; width: 30px; }
}
toc {
@include toc(inherit, #1d1d1d, white); li:before { content: " "; display: none; }
}
toc-list {
ul { margin-bottom: 0.25em; li { list-style-type: none; } } @media screen and (min-width: $bigscreenBreakpoint) { padding: 0; margin: 0; }
}
myBtn {
@include toTopBtn($color: white, $colorBg: #1d1d1d);
}
// Typography misc.
.rule {
@include rule(1px, #0e1a85); &.toc { @media screen and (min-width: $bigscreenBreakpoint) { display: none; } }
}
// Bands
.document-stage-band {
@include docBand($order: 1, $textLength: 160px, $fontWeight: 300);
}
.document-type-band {
@include docBand($order: 2, $offset: 180px); .document-type { top: 20px; }
}
governance-band p.document-type {
font-weight: 400; height: 230px !important;
}
// Bibliograhy
p.Biblio, p.NormRef {
margin-top: 1em; margin-left: 2em;
}
// Blocks
.figure {
@include figureBlock(); background-color: #f7f7f7; /* div.figure > img:not(.logo) { TODO: ^^^ Relevant selector? margin-left: auto; margin-right: auto; display: block; max-width: 100%; height: auto; } */
}
.SourceTitle {
@include blockTitle();
}
pre {
@include sourceBlock(#f7f7f7, null); // Requires fontSize: null, but needs an update in isodoc // @include sourceBlock(#f7f7f7, null, null);
}
.pseudocode {
@include pseudocodeBlock(#f7f7f7, null); // Requires fontSize: null, but needs an update in isodoc // @include pseudocodeBlock(#f7f7f7, null, null);
}
.RecommendationTitle {
@include blockTitle();
}
.Note, .note {
background-color: #fff495; color: #47430c; padding: 0.5em; margin: 1.5em 0 1.5em 0; text-align: left; p { margin: 0; }
}
.Admonition {
@include admonitionBlock(); background-color: #ffcccc; color: #47430c; padding: 0.5em; margin: 1.5em 0 1.5em 0; text-align: left; p { margin: 0; }
}
.example {
@include exampleBlock(#e1eef1, null, .5em, 1.5em); .example-title { margin-top:0; } pre, .pseudocode { background: none; }
}
.blockquote, .Quote {
@include blockquoteBlock(#f7f7f7);
}
.formula {
@include formulaBlock(#f7f7f7); margin-left: 20%; margin-right: 20%; font-size: 0.9em;
}
dl.formula_dl { background-color: f7f7f7; margin-left: 20%; margin-right: 20%; font-size: 0.9em; }
.Admonition, .admonition {
background-color: #ffb3b3; padding: 0.5em; margin: 1.5em 0 1.5em 0; text-align: left; p { margin: 0; }
}
// Tables
table {
@include table(1px solid black); text-align: center;
}
p.TableTitle {
text-align: center; margin-top: 2.5em; font-weight: 800; font-size: 1.1em;
}
.TableFootnote {
text-align: left !important;
}
// Footnotes
a.footnote-number, a.TableFootnoteRef, span.TableFootnoteRef {
vertical-align: super; font-size: 0.8em;
}
.footnote {
font-size: 0.9em;
}
footnote_box {
font-size: 14px; background: white; padding: 0 10px; margin: 10px; border: 1px solid #888; -moz-box-shadow: 0px 0px 5px #888; -webkit-box-shadow: 0px 0px 5px #888; box-shadow: 0px 0px 5px #888;
}
ol.footnotes-list, aside.footnote {
margin-left: 1em;
}
ol.footnotes-list li, aside.footnote {
font-size: 0.9em; vertical-align: top; list-style:decimal; margin-bottom: 1em;
}
ol.footnotes-list:first-child {
margin-top: 2em;
}
ol.footnotes-list p, aside.footnote {
display: inline;
}