lib/isodoc/nist/html/htmlstyle.scss in metanorma-nist-0.2.3 vs lib/isodoc/nist/html/htmlstyle.scss in metanorma-nist-0.2.4
- old
+ new
@@ -1,1193 +1,381 @@
-/*
- 0 CSS RESET
-*/
+$doctype-colors-list: (
+ nist-sp: #d8eca8,
+ nist-cswp: darken(#d8eca8, 20),
+);
-/* http://meyerweb.com/eric/tools/css/reset/
- v2.0 | 20110126
- License: none (public domain)
-*/
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
- margin: 0;
- padding: 0;
-}
+$docstage-colors-list: (
+ standard: #9ABD48,
+ final: #d8eca8,
+ proposal: #F7803C,
+ internal-draft: #F7803C,
+ public-draft: #fd06fd,
+ initial-public-draft: #fd06fd,
+ final-public-draft: #fd06fd,
+ withdrawal-pending: #750697,
+ retired-draft: #7e0d13,
+ withdrawn: #7e0d13,
+);
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
- border: 0;
- font-size: 100%;
-}
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, tt, var,
-b, u, i, center,
-dl, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
- vertical-align: baseline;
-}
+@import 'base_style/all';
-html, body, div, span, applet, object, iframe,
-p, blockquote,
-a, abbr, acronym, address, big, cite,
-del, dfn, em, img, ins, q, s,
-small, strike, strong, sub, sup, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
- font-family: $bodyfont;
-}
-code, pre, tt, kbd, samp {
- font-family: $monospacefont;
- font-variant-ligatures: none;
-}
-
-code *, pre *, tt *, kbd *, samp * {
- font-family: $monospacefont !important;
- font-variant-ligatures: none;
-}
-
-h1, h2, h3, h4, h5, h6, .h2Annex {
- font-family: $headerfont;
-}
-
dl {
- display: grid;
- /*grid-template-columns: max-content auto;*/
grid-template-columns: 25% 75%;
-}
-dt {
- grid-column-start: 1;
+ &.glossary dt {
+ font-weight: bold;
+ }
}
-dd {
- grid-column-start: 2;
-}
-dd p, dt p {
- margin-top: 0px;
+body {
+ @include bodyStyle1(
+ $fontSize: 14px, $lineHeight: 1.6em,
+ $colorText: #141115, $colorBackground: #fff);
}
-dl.glossary dt {
- font-weight: bold;
-}
-
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
- display: block;
+.rule {
+ @include rule($thickness: 1px, $color: #2677ea, $margin: 2em 0);
}
-body {
- line-height: 1;
+.rule-2 {
+ @include rule($thickness: 1px, $color: #2677ea, $margin: false);
}
-
-blockquote, q {
- quotes: none;
+.rule-thick {
+ @include rule($thickness: 3px, $color: #2677ea, $margin: 3em 0 0 0);
}
-blockquote:before, blockquote:after,
-q:before, q:after {
- content: '';
- content: none;
-}
-table {
- border-collapse: collapse;
- border-spacing: 0;
-}
-/*
- 1. HTML & Body
-*/
+#toc {
+ @include toc($colorLink: #141115, $colorLinkActiveBg: #006494, $colorLinkActiveFg: white);
+ font-family: 'Source Sans Pro', sans-serif;
- body {
- margin: 0;
- margin-left: auto;
- margin-right: auto;
- max-width: 100%;
- color: #141115;
- font-weight: 400;
+ li a {
font-size: 14px;
- line-height: 1.6em;
- background-color: #fff;
}
- main {margin: 0 3em 0 6em;}
-
- #toc{
- font-family: 'Source Sans Pro', sans-serif;
- font-weight: 400;
+ li:before {
+ content: " ";
+ display: none;
}
-
-/*
- 2. Responsive navigation layout
-*/
-
-
-@media screen and (min-width: 768px) {
- nav {
- position: fixed;
- top: 0;
- bottom: 0;
- left: 0;
- width: 323px;
- font-size: 0.9em;
- overflow: auto;
- padding: 0 0 0 45px;
- margin-right: 30px;
- background-color:#ffffff;
- }
-
- #toggle {
- position: fixed;
- height: 100%;
- width: 30px;
- background-color:#006494;
- color: white!important;
- cursor: pointer;
- z-index: 100;
- }
-
- #toggle span {
- text-align: center;
- width: 100%;
- position: absolute;
- top: 50%;
- transform: translate(0, -50%);
-
- }
-
- .container {
- padding-left: 360px;
- }
-
- .rule.toc {
- display: none;
- }
-
- h1.toc-contents {
- margin-top: 1em;
- }
-
- ul#toc-list {
- padding:0;
- margin:0;
- }
}
-@media screen and (max-width: 768px) {
- #toc {
- padding: 0 1.5em 0 1.5em;
- overflow: visible;
- }
-}
+nav {
+ @include sidebarNav(
+ $colorBg: white,
+ $width: 323px,
+ $offsetLeft: 45px);
- div.figure > img {
- margin-left: auto;
-margin-right: auto;
-display: block;
-max-width: 100%;
-height: auto;
+ #toc {
+ @include sidebarToc();
}
-
-
-
-#toc ul {
- margin: 0;
- padding: 0;
- list-style: none;
}
-#toc li a {
- padding: 5px 10px;
- font-size: 14px;
+#toggle {
+ @include sidebarNavToggle(
+ $colorFg: white,
+ $colorBg: #006494);
}
-#toc a {
- color: #141115;
- text-decoration: none;
- display: block;
+.container {
+ @include sidebarNavContainer(360px);
}
-#toc a:hover {
- box-shadow: none;
- color: white;
-}
-#toc .h2 {
- padding-left: 30px;
+.rule {
+ &.toc {
+ @include tocSeparator();
+ }
}
-#toc .h3 {
- padding-left: 50px;
+span.nistvariable {
+ font-family: $bodyfont;
+ font-style: italic;
}
-#toc .toc-active a {
- color: white;
-}
-#toc .toc-active, #toc li:hover {
- background: #006494;
- box-shadow: inset -5px 0px 10px -5px #006494!important;
- font-weight: 600;
-}
+/* Document bands */
-#toc li:hover a {
- color: white;
- background: none;
- box-shadow: none;
+.document-stage-band {
+ @include docBand(
+ $fontFamily: "'Source Sans Pro', sans-serif",
+ $order: 1, $textLength: 160px, $fontWeight: 300, $color: #7ba812);
}
-#toc li a {
- text-transform: nonce;
-}
-
-/*
- Document types + stages
-*/
-
.document-type-band {
- left:0;
- top:180px;
- height: 100%;
- position: fixed;
- display: block;
- z-index: 99;
- /*box-shadow: -5px 0px 10px #1d1d1d*/
-
+ @include docBand(
+ $fontFamily: "'Source Sans Pro', sans-serif",
+ $order: 2, $textLength: 150, $offset: 180px, $color: #7ba812);
}
-.document-stage-band {
- font-family: "Source Sans Pro", sans-serif;
- left:0;
- top:0;
- height: 100%;
- position: fixed;
- display: block;
- z-index: 98;
- box-shadow: -5px 0px 10px #1d1d1d;
+#governance-band p.document-type {
+ height: 230px !important;
}
-
-.document-type {
- font-family: "Source Sans Pro", sans-serif;
- position: relative;
- width: 25px;
+#standard-band p {
+ height: 270px !important;
}
-
-.document-stage {
- font-family: "Source Sans Pro", sans-serif;
- position: relative;
- width: 25px;
+#proposal-band p {
+ height: 150px !important;
}
-p.document-type, p.document-stage {
- text-transform: uppercase;
- font-size: 0.9em;
- font-weight: 400;
- letter-spacing: 0.05em;
- margin:0;
- margin-left: 6px;
- writing-mode:tb-rl;
- -webkit-transform:rotate(180deg);
- -moz-transform:rotate(180deg);
- -o-transform: rotate(180deg);
- white-space:nowrap;
- display:block;
- bottom: 0;
+// Document stage
+#standard, #final {
+ color: #9ABD48;
}
-p.document-type {
- font-weight: 400;
- height: 150;
-}
-#governance-band p.document-type {
- font-weight: 400;
- height: 230px !important;
-}
+@import 'coverpage';
-p.document-stage {
- font-weight: 300;
- height: 160px;
-}
-#standard-band p{
- height: 270px;
+.recommend {
+ background-color: #ccffcc;
+ padding: 1.2em;
+ margin: 2em 0 1em 0;
}
-#proposal-band p {
- height: 150px;
-}
+/* TYPOGRAPHY */
-#standard-band, #final-band {
-color: #7ba812;
- background-color: #d8eca8; }
-
- #standard, #final {
- color: #9ABD48; }
-
-#governance, #policy-and-procedures {
- border-bottom: solid 3px #750697; }
-
-#governance-band, #policy-and-procedures-band {
- background-color: #750697; }
-
-#guide {
- border-bottom: solid 3px #48a0e7; }
-
-#guide-band {
- background-color: #48a0e7; }
-
-.coverpage-maturity, .coverpage-stage {
- font-family: 'Source Sans Pro', sans-serif;
+h1, h2, h3, h4, h5, h6 {
font-weight: 400;
- font-size: 1em;
- margin: 0 0 2em 0;
- text-transform: uppercase; }
+ margin-top: 1.6em;
+ margin-bottom: 0.3em;
+}
-#internal-draft, #proposal {
- border-bottom: solid 3px #F7803C; }
+h1 {
+ font-size: 1.4em;
+ text-transform: uppercase;
+ margin-top: 2em;
-#internal-draft-band, #proposal-band {
- background-color: #F7803C; }
+ &#content {
+ margin-top: 2em;
+ }
+}
-#public-draft, #initial-public-draft, #final-public-draft {
- border-bottom: solid 3px #fd06fd; }
+h2 {
+ margin-top: 1.7em;
+ font-size: 1.3em;
+ font-weight: 300;
-#public-draft-band, #initial-public-draft-band, #final-public-draft-band {
- background-color: #fd06fd; }
+ p {
+ display: inline;
+ }
- #withdrawal-pending-band {
- background-color: #750697;
- color: #fff;
- }
- #retired-draft-band {
- background-color: #7e0d13;
- color: white; }
-
-#retired-draft-band {
- background-color: #fdf906; }
-
-#standard {
- border-bottom: solid 3px #9ABD48; }
-
-#standard-band {
- background-color: #9ABD48; }
-
-#withdrawn {
- border-bottom: solid 3px #7e0d13; }
-
-#withdrawn-band {
- background-color: #7e0d13; }
-
-.coverpage-maturity {
- font-family: $bodyfont;
- font-weight: 400;
- font-size: 1em;
- margin: 0 0 2em 0;
- text-transform: uppercase;
- }
-
-.logo-wrapper {
- margin-left: 3em;
- margin-top: 100px;
- margin-bottom: 100px;
- float: right; }
-
-
-
- img#NIST-logo {
- margin-right: 50px;
- }
-
-.logo-info {
- margin-left: 3em;
- margin-bottom: 1.5em;
+ &.TermNum {
+ margin-bottom: 0;
+ }
}
-.logo-info p{
- margin: 0;
+h3 {
+ margin-top: 1.5em;
+ font-size: 1.2em;
+ font-weight: 100;
}
-#NIST-logo {
- width: 300px;
- height: auto;
- padding-top: 3m;
+h4 {
+ font-size: 1em;
}
-#commerce-logo {
- width: 150px;
- height: auto;
+.TermNum, .Terms, .AltTerms {
+ font-weight: 300;
}
-.authors-container {
- margin-top: 2em;
-}
-
-.affiliation {
- font-style: italic;
+p {
+ margin-top: 1em;
margin-bottom: 1em;
-}
-.main-section {
- word-wrap:break-word;
+ &.AltTerms {
+ font-size: 20px;
+ margin-top: 1em;
+ }
}
-/*
- 3. TYPOGRAPHY
-*/
-/*
- 3.1 Titles
-*/
+/* Links, selection */
- h1,h2,h3,h4,h5,h6 {
- font-family: $headerfont;
- font-weight: 400;
- margin-top: 1.6em;
- margin-bottom: 0.3em;
- }
+@include elementStyles(
+ $color: #2677EA,
+ $colorHighlightBg: #2677EA,
+ $colorHighlightFg: white);
- h1 {
- font-size: 1.4em;
- text-transform: uppercase;
- margin-top: 2em;
- }
- h1#content {
- margin-top: 2em;
- }
+/* Lists */
- h2 {
- margin-top: 1.7em;
- font-size: 1.3em;
- font-weight: 300;
- }
+ul, ol {
+ margin-left: 1.2em;
+}
- h3 {
- margin-top: 1.5em;
- font-size: 1.2em;
- font-weight: 100;
- }
-
- h4 {
- font-size: 1em;
- }
-
- .TermNum, .Terms, .AltTerms {
- font-weight: 300;
- }
-
- h2.TermNum {
- margin-bottom: 0;
- }
-/*
- p.Terms {
- font-size: 1.1em;
- line-height: 1.5em;
- margin: 0;
- }
-*/
- p.AltTerms {
- /*
- font-style: italic;
- */
- font-size: 20px;
- margin-top: 1em;
- }
-
-/*
- 3.2 Links
-*/
-
- a, a:visited{
- text-decoration: none;
- color: #2677EA;
+ul {
+ > li {
+ &:first-child {
+ margin-top: 1em;
}
-
- a:hover {
- color: white;
- background: #2677EA;
- box-shadow: 3px 0 0 #2677EA, -3px 0 0 #2677EA;
- /* padding: 2px 0 2px 0; */
+ p:first-child {
+ display: inline;
}
+ }
+}
- ::selection {
- background: #2677EA; /* WebKit/Blink Browsers */
- color: white;
- }
- ::-moz-selection {
- background: #2677EA; /* Gecko Browsers */
- color: white;
- }
- .contact-info a:hover {
- color: #2677EA;
- text-decoration: underline;
- background: none;
- box-shadow: 0 0 0 0;
- }
+/* Bibliograhy */
-
-/*
- 3.3 Lists
-*/
-
- ul, ol {margin-left: 1.2em;}
-
- /*
- ul > li {
- list-style: none;
- }
-
- ul > li:before {
- content: "\2014";
- display: inline-block; width: 1em;
- margin-left: -1.2em;
- }
- */
-
- ul > li p:first-child {
- display: inline;
- }
-
-ul > li:first-child {
+p.Biblio, p.NormRef {
margin-top: 1em;
+ margin-left: 2em;
}
- #toc-list ul {margin-bottom: 0.25em;}
- #toc-list li {list-style-type: none;}
+/* Blocks */
- #toc li:before {
- content: " ";
- display: none;
+.figure {
+ @include figureBlock();
+ @include monospaceBlockStyle();
+ font-size: 0.8em;
+ background-color: #f6f6f6;
}
+.Sourcecode {
+ @include sourceBlock(#f6f6f6);
+}
-/*
- 3.4 Rules
-*/
+.Note {
+ background-color: #ffca3a;
+ color: #141115;
+ padding: 1.2em;
+ margin: 1em 0 1em 0;
- .rule {
- width: 100%;
- height: 1px;
- background-color: #2677ea;
- margin: 2em 0;
- }
-
- .rule-2 {
- width: 100%;
- height: 1px;
- background-color: #2677ea;
+ p {
+ margin: 0;
+ }
}
-.rule-thick {
- width: 100%;
- height: 3px;
- background-color: #2677ea;
- margin-top: 3em;
-}
+.Admonition {
+ @include admonitionBlock();
+ background-color: #ffcccc;
+ color: #47430c;
+ padding: 1.2em;
+ margin: 1em 0 1em 0;
-/*
- 3.5 Bibliograhy
-*/
-
-p.Biblio, p.NormRef {
- margin-top: 1em;
- margin-left: 2em;
+ p {
+ margin: 0;
+ }
}
-/*
- 3.6 Source Code + figures
-*/
-
-.figure, .Sourcecode {
- font-family: $monospacefont;
- font-variant-ligatures: none;
- background-color: #f6f6f6;
- font-size: 0.8em;
- line-height: 1.6em;
- padding: 1.5em;
- margin: 2em 0 1em 0;
- overflow: auto;
+.Quote {
+ @include blockquoteBlock(#f6f6f6);
}
-.FigureTitle, .SourceTitle, .AdmonitionTitle {
- font-weight: 700;
- font-size: 1em;
- text-align: center;
+p.blockQuote {
+ padding-left: 20px;
}
-span.nistvariable {
- font-family: $bodyfont;
- font-style: italic;
+.formula {
+ @include formulaBlock(#f6f6f6);
}
-/*
- 3.7 Notes
-*/
-.Note {
- background-color: #ffca3a;
- color: #141115;
- padding: 1.2em;
- margin: 1em 0 1em 0;
- }
- .Note p {
- margin: 0;
- }
+/* Examples */
-.Admonition {
- background-color: #ffcccc;
- color: #47430c;
- padding: 1.2em;
- margin: 1em 0 1em 0;
- }
- .Admonition p {
- margin: 0;
- }
-
-
-/*
- 3.8 Examples
-*/
-
.example {
- background-color: #e1eef1;
- padding: 1.2em;
- margin: 2em 0 1em 0;
- padding-left: 2em;
-}
+ background-color: #e1eef1;
+ padding: 1.2em;
+ margin: 2em 0 1em 0;
+ padding-left: 2em;
-.example .example-title {
+ .Sourcecode {
+ background: none;
+ }
+
+ .example-title {
font-weight: 700;
text-transform: uppercase;
- margin-top:0;
+ margin-top: 0;
margin-left: -1.5em;
+ }
}
-.example .Sourcecode {
- background: none;
-}
-
.pseudocode {
- background-color: #dddddd;
- padding: 1.2em;
- margin: 2em 0 1em 0;
- padding-left: 2em;
-}
+ background-color: #dddddd;
+ padding: 1.2em;
+ margin: 2em 0 1em 0;
+ padding-left: 2em;
-.pseudocode .example-title {
+ .example-title {
font-weight: 700;
text-transform: uppercase;
text-align: center;
- margin-top:0;
+ margin-top: 0;
margin-left:-1.5em;
+ }
}
-.recommend {
- background-color: #ccffcc;
- padding: 1.2em;
- margin: 2em 0 1em 0;
-}
-/*
- 3.9 Tables
-*/
-table {
- border-collapse: collapse;
- width: 100%;
- color: #141115;
- font-weight: 300;
- margin: 1em 0 2em 0;
- margin-left: auto;
- margin-right: auto;
- padding-right: 2em;
-}
+/* Tables */
-table, th, td {
- border: none!important;
- font-size: 0.95em;
-}
+table {
+ @include table($border: none !important);
-tr:nth-child(even) {background: #f1f8ff}
-tr:nth-child(odd) {background: #f6f8fa}
+ color: #141115;
-td, th {
- padding: 1em;
+ tr:nth-child(even) { background: #f1f8ff }
+ tr:nth-child(odd) { background: #f6f8fa }
}
-td.header {
- font-weight: 400;
-}
-
p.TableTitle {
text-align: center;
margin-top: 2.5em;
font-weight: 400;
}
-/*
- 3.10 Footnotes
-*/
+/* Footnotes */
+
a.footnote-number {
- vertical-align: super;
- font-size: 0.8em;
+ vertical-align: super;
+ font-size: 0.8em;
}
.footnote {
- font-size: 0.9em;
+ font-size: 0.9em;
}
-/*
- 3.11 Blockquotes
-*/
+/* Keywords */
-.Quote {
- background-color: #f6f6f6;
- font-style: italic;
- width: 80%;
- padding: 1.5em;
- margin-top: 2em;
- margin-left: auto;
- margin-right: auto;
-}
-
-
-/*
- 3.12 Formulas
-*/
-
-.formula {
- background-color: #f6f6f6;
- padding: 1.5em;
- margin-top: 2em;
- text-align: center;
-}
-
-/*
- 3.13 Contact Info
-*/
-
-.contact-info {
- width: 280px;
-}
-
-.contact-info, .authority5 {
- padding: 2em;
- margin-top: 5em;
-
- text-align: left;
- color: #2677ea!important;
- background-color: #f1f8ff;
- border-radius: 25px;
-
-}
-
-.authority5 h2 {
- text-align: center;
-}
-
-.contact-info a,
-.contact-info a:hover,
-.authority5 a,
-.authority5 a:hover {
- color: #2677ea;
-}
-
-.contact-info p, .contact-info a {
- font-family: $monospacefont;
- font-variant-ligatures: none;
- font-weight: 400;
-}
-
-.contact-info .name {
- font-weight: 700;
- font-size: 14px;
- margin-bottom: 5px;
-}
-
-.contact-info .address {
- font-size: 12px;
- line-height: 1.3em;
- margin-top:0;
-}
-
-/*
- Keywords
-*/
-
span.keyword {
- font-weight: 600;
+ font-weight: 600;
}
-/*
- Paragraphs
-*/
-p {
- margin-top: 1em;
- margin-bottom: 1em;
-}
+/* To top button */
-h2 p {
- display: inline;
-}
-
-
-/*
- 4.0 Page header
-*/
-
-/*
- 4.1 Top Logo
-*/
-
-.icon-svg {
- width: 100%;
- color: #5ecf86;
-}
-
-.wrapper-top {
- background: #fff;
- color: #141115;
- padding: 7em 0;
- margin-left: 3em;
-}
-
-.wrapper-top-bottom {
- width: 0;
- height: 0;
- border-top: 100px solid #1661AD;
- border-right: 100px solid transparent;
- position: absolute;
-}
-
- .doc-number {
- font-size: 20px;
- font-family: $bodyfont;
- line-height: 1.6;
- margin: 1.5em 0;
- }
-
-.coverpage-title {
-
- font-family: $headerfont; }
-
- .coverpage-title span {
- font-family: $headerfont;
- font-size: 1.1em;
- line-height: 1;
- }
-
- .title-second {
- font-style: italic;
- font-size: 15px;
- line-height: 1.6;
- margin-bottom: 1.5em;
-}
-
-.download-info {
- margin-top: 2em;
-}
-
-.category {
- color: #2677ea;
- margin-top: 4em;
- margin-right: 2em;
- padding: 0.7em 1em;
- text-align: center;
- border-top: solid 1px #2677ea;
- border-bottom: solid 1px #2677ea;
+#myBtn {
+ @include toTopBtn($color: white, $colorBg: #2677ea);
text-transform: uppercase;
-}
- .banner {
- border-top: 1px solid #2677ea;
- border-bottom: 1px solid #2677ea;
- margin-right: 50px;
- margin-top: 100px;
- }
-
- .banner p {
- text-transform: uppercase;
- font-weight: 300;
- font-size: 16px;
- letter-spacing: 5px;
- text-align: center;
- color: #2677ea;
- font-family: $monospacefont;
- }
-
- .banner#inactive-draft {
- display: none;
- }
-
- .WordSection11 {
- padding: 0 2em 0 3em;
+ @media print {
+ background-color: white;
}
-
- .info-section {
- padding: 0; }
-
- .prefatory-section {
- padding: 0 3em 0 6em;
- }
-
-
- .zzSTDTitle1, .MsoCommentText {
- display: none;
- }
-
-
- .coverpage {
- text-align: left;
- padding-left: 1.5em;
- }
-
- .coverpage-logo span, .coverpage-tc-name span {
- font-family: $bodyfont;
- text-transform: none;
- font-weight: 300;
- }
-
- .coverpage-logo span {
- display: block;
- float: left;
- }
-
- .coverpage-tc-name {
- font-size: 1.2em;
- line-height: 1.2em;
- margin: 0.25em 0;
- }
-
-/*
- 4.2 Document Identity
-*/
-
- .coverpage-doc-identity {
- font-size: 2em;
- line-height: 1.5em;
- margin-bottom: 150px;
- }
-
- /*
- .coverpage-title .title-second {
- display: none;
- }
- */
-
- .coverpage-stage-block {
- font-family: 'Source Sans Pro', sans-serif;
- font-weight: 600;
- font-size: 1.25em;
- margin: 2em 0em 2em 0em;
- text-transform: uppercase;
- }
-
- .more-info {
- margin-right: 50px;
- }
-
- .more-info h2 {
- text-align: center;
- color: #2e81c2;
- font-size: 20px;
- font-family: 'Source Sans Pro', sans-serif;
- font-weight: 300;
- text-transform: uppercase;
- }
-
- .more-info p {
- font-size: 14px;
- }
-
-
-/*
- 4.3 Draft Warning
-*/
-
- .coverpage-warning {
- border: #f36f36 solid 2px;
- color: #f36f36!important;
- margin: 50px 100px;
- color: #2e81c2;
- padding: 10px;
- border-radius: 25px;
- text-align: center;
- font-size: 14px;
- }
-
- .coverpage-warning p {
- margin: 0;
- line-height: 1.6;
- }
-
- .coverpage-warning .title {
- font-family: 'Source Sans Pro', sans-serif;
- font-weight: 300;
- text-transform: uppercase;
- font-size: 1.2em;
- }
-
- .draft-state-container {
- margin-bottom: 30px;
- margin-top: -30px;
- }
-
- .draft-state {
- font-size: 20px;
- color: #f36f36;
- }
-
- .draft-state#inactive-draft {
- color: #7e0d13;
- }
-
- .draft-state#inactive-final {
- color: #750697;
- }
-
- .draft-description {
- font-size: 14px;
- }
-
- #retired-draft, #retired-draft {
- color: #7e0d13;
- }
-
- .draft-description p {
- margin-top: 10px;
- margin-bottom: 0;
- }
-
- p.blockQuote {
- padding-left: 20px;
- }
-
- table.coverpage-table {
- max-width: 500px;
- font-size: 14px;
-
- }
-
-
-/*
- 4.4 Copyright
-*/
-
- .copyright {
- padding: 1em;
- font-size: 0.9em;
- text-align: left;
- }
-
-
-/* .copyright .name, .copyright .address {color: #2e81c2;} */
-
-
-
-/*
- 5.0 Other styles
-*/
-
-
-
-/*
-To top button
-*/
-
-#myBtn {
- font-family: $monospacefont;
- font-variant-ligatures: none;
- display: none;
- position: fixed;
- bottom: 20px;
- right: 30px;
- z-index: 99;
- font-size: 12px;
- border: none;
- outline: none;
- background-color: #2677ea;
- opacity: 0.15;
- color: white;
- cursor: pointer;
- padding: 10px 15px 10px 15px;
- border-radius: 4px;
- text-transform: uppercase;
- }
-
- #myBtn:hover {
- opacity: 1;
- }
-
- a.anchorjs-link:hover {
- background: none;
- color: #2e81c2;
- box-shadow: none;
}
-.authority3 {
- border: solid;
- padding: 1em;
+.anchorjs-link {
+ @include anchorLink(#2e81ca);
}
@page {
margin: 2cm 1cm;
}
@media print {
-
-
.document-info, nav, .copyright {
- page-break-before: always;
+ page-break-before: always;
}
nav {
page-break-after: always;
}
@@ -1203,93 +391,48 @@
.info-section {
display: none;
}
- .coverpage {
- height: 23cm;
- }
-
.wrapper-top {
top: 0;
padding-top: 4cm;
padding-bottom: 4cm;
}
- .wrapper-top-bottom {
- margin-top: -5px;
+ .wrapper-top-bottom { // TODO: Obsolete?
+ display: none;
}
+ h1 {
+ font-size: 1.5em;
+ line-height: 1.5;
- #toggle, .document-stage-band,
- .document-type-band, button#myBtn {
- display: none;
+ &.content {
+ margin-top: 2em;
+ line-height: 2.5em;
+ }
}
- button#myBtn {
- background-color: white;
+ h2 {
+ font-size: 1.2em
}
- .container {
- padding-left: 0;
+ h3 {
+ font-size: 1em;
}
- nav {
- position: relative;
- width: auto;
- font-size: 0.9em;
- overflow: auto;
- padding: 0;
- margin-right: 0;
- background-color: white;
- }
+ .Note {
+ background-color: #fff495;
+ color: #47430c;
+ padding: 5px;
+ margin: 2em 0 1em 0;
- #toc .toc-active a {
- color: #4D7EA5;
- }
-
- #toc .toc-active, #toc li:hover {
- background: white;
- box-shadow: none !important; }
-
- #toc li:hover a {
- color: black; }
-
-
- h1.content {
- margin-top: 2em;
- line-height: 2.5em;
- }
-
- h1 {
- font-size: 1.5em;
- line-height: 1.5;
- }
-
- h2 {
- font-size: 1.2em
- }
-
- h3 {
- font-size: 1em;
- }
-
- .Note {
- background-color: #fff495;
- color: #47430c;
- padding: 5px;
- margin: 2em 0 1em 0; }
-
- .Note p {
+ p {
padding: 0 5px 0 5px;
}
+ }
- nav {
- line-height: 1;
- }
-
- .wrapper-top-bottom {
- display: none;
- }
-
+ nav {
+ line-height: 1;
+ }
}
-