diff --git a/lib/isodoc/ogc/html/_coverpage.scss b/lib/isodoc/ogc/html/_coverpage.scss
index b95e5a1..d014059 100644
--- a/lib/isodoc/ogc/html/_coverpage.scss
+++ b/lib/isodoc/ogc/html/_coverpage.scss
@@ -8,16 +8,12 @@
.icon-svg {
width: 100%;
- color: #5ecf86; /* COLOR */
+ color: #5ecf86;
}
.wrapper-top {
- /*
background: rgb(0,51,91);
background: linear-gradient(130deg, rgba(0,51,91,1) 45%, rgba(241,248,255,1) 100%);
- */
- background: $color_background_page;
- background: linear-gradient(130deg, $color_background_page 45%, rgba(241,248,255,1) 100%);
color: #ffffff;
padding: 5em 0;
width: 100%;
@@ -26,8 +22,7 @@
.wrapper-top-bottom {
width: 0;
height: 0;
- /* border-top: 100px solid #00335b; */
- border-top: 100px solid $color_text;
+ border-top: 100px solid #00335b;
border-right: 100px solid transparent;
position: absolute;
}
@@ -109,13 +104,11 @@ table {
width: auto;
}
th {
- /* background-color: #93c0d6; */
- background-color: $color_background_definition_term;
+ background-color: #93c0d6;
}
td {
vertical-align: top;
-/* background-color: #daeef3; */
- background-color: $color_background_definition_description;
+background-color: #daeef3;
padding: 0.5em;
border: 0;
}
@@ -215,8 +208,7 @@ border-radius: 0 0 1em 0;
span.roletag {
display: inline-block;
font-size: 12px;
- /* color: #00335b; */
- color: $color_text;
+ color: #00335b;
background-color: white;
padding: 2px 5px;
margin-left: 7px;
@@ -227,13 +219,10 @@ border-radius: 0 0 1em 0;
/* Draft Warning */
.coverpage-warning {
- /*
- border: #f36f36 solid 2px;
- color: #f36f36!important;
- */
- border: $color_secondary_shade_1 solid 2px;
- color: $color_secondary_shade_1!important;
+ border: #f36f36 solid 2px;
+ color: #f36f36!important;
margin: 1em 2em;
+ color: #2e81c2;
padding: 2em 1em 1em 1em;
border-radius: 25px;
diff --git a/lib/isodoc/ogc/html/htmlstyle.scss b/lib/isodoc/ogc/html/htmlstyle.scss
index d4c8d11..49cc44a 100644
--- a/lib/isodoc/ogc/html/htmlstyle.scss
+++ b/lib/isodoc/ogc/html/htmlstyle.scss
@@ -62,17 +62,11 @@ table a.anchor {
body {
- /*
@include bodyStyle1(
$fontSize: $normalfontsize, $lineHeight: 1.5,
$colorText: #00335b, $colorBackground: #f6f8fa,
$fontWeight: 300);
- */
- @include bodyStyle1(
- $fontSize: $normalfontsize, $lineHeight: 1.5,
- $colorText: {{ presentation_metadata_color-text }}, $colorBackground: $color_background,
- $fontWeight: 300)
- /* COLOR */
+
@include sidebarNavContainer(360px);
}
@@ -85,8 +79,8 @@ dl {
}
#toc, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) {
- /* @include toc($colorLink: #00335b, $colorLinkActiveBg: #00335b, $colorLinkActiveFg: white); */
- @include toc($colorLink: {{ presentation_metadata_color-text }} , $colorLinkActiveBg: {{ presentation_metadata_color-text }}, $colorLinkActiveFg: white);
+ @include toc($colorLink: #00335b, $colorLinkActiveBg: #00335b, $colorLinkActiveFg: white);
+
li a {
font-size: 14px;
}
@@ -121,13 +115,11 @@ nav {
}
#toggle {
- /* @include sidebarNavToggle(white, #00335b); */
- @include sidebarNavToggle(white, {{ presentation_metadata_color-text }});
+ @include sidebarNavToggle(white, #00335b);
}
.rule {
- /* @include rule(1px, #00335b, 2em 0); */
- @include rule(1px, {{ presentation_metadata_color-text }}, 2em 0);
+ @include rule(1px, #00335b, 2em 0);
&.toc {
@include tocSeparator();
@@ -209,8 +201,7 @@ p {
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
- /* color: #00335b; */
- color: {{ presentation_metadata_color-text-title }};
+ color: #00335b;
font-weight: 400;
margin-top: 1.6em;
margin-bottom: 0.3em;
@@ -254,20 +245,15 @@ h4, .h4 {
box-shadow: 0 0 0 0;
}
a, a:hover {
- /* color: #00335b; */
- color: {{ presentation_metadata_color-text }};
+ color: #00335b;
}
padding: 2em;
margin-top: 5em;
width: 280px;
text-align: left;
- /*
- border: #00335b solid 2px;
+ border: #00335b solid 2px;
color: #00335b!important;
- */
- border: {{ presentation_metadata_color-text }} solid 2px;
- color: {{ presentation_metadata_color-text }}!important;
border-radius: 25px;
p, a {
@@ -322,14 +308,6 @@ ol ul > li:first-child {
margin-top: 0;
}
-dt {
- background-color: {{ presentation_metadata_color-background-definition-term }};
-}
-
-dd {
- background-color: {{ presentation_metadata_color-background-definition-description }};
-}
-
span.keyword {
font-weight: 600;
@@ -344,22 +322,13 @@ table {
/*color: #010d16;*/
thead tr th {
- /* background-color: #5d99d6; */
- background-color: {{ presentation_metadata_color-background-table-header }};
- color: $color_background;
+ background-color: #5d99d6;
}
td, th {
padding: 1em;
}
- tbody tr:nth-child(even) {
- background: {{ presentation_metadata_color-background-table-row-even }};
- }
- tbody tr:nth-child(odd) {
- background: {{ presentation_metadata_color-background-table-row-odd }};
- }
-
td.header {
font-weight: 400;
}
@@ -372,11 +341,10 @@ table {
}
}
-/*
table.modspec {
@include table($border: none !important);
- color: #010d16;
+ color: #010d16;
tr:nth-child(even) {
background: #ffffff
@@ -386,7 +354,7 @@ table.modspec {
}
thead tr th {
- background-color: #5d99d6;
+ background-color: #5d99d6;
}
td, th {
@@ -397,7 +365,6 @@ table.modspec {
font-weight: 400;
}
}
-*/ /* COLOR */
td > p:first-child, th > p:first-child {
margin-top: 0em;
@@ -421,8 +388,7 @@ p.TableTitle {
}
.TermNum, .Terms, .AltTerms {
- /* color: #00335b; */
- color: {{ presentation_metadata_color-text-title }};
+ color: #00335b;
font-family: $headerfont;
}
@@ -436,19 +402,8 @@ p.AltTerms {
}
span.AdmittedLabel {
- /* color: #00335b; */
- color: {{ presentation_metadata_color-text-title }};
- /* background-color: #CFE2F3; */
- background-color: {{ presentation_metadata_color-background-term-admitted-label }};
- font-size: 70%;
- vertical-align: top;
-}
-
-span.DeprecatedLabel {
- /* color: #00335b; */
- color: {{ presentation_metadata_color-text-title }};
- /* background-color: #CFE2F3; */
- background-color: {{ presentation_metadata_color-background-term-deprecated-label }};
+ color: #00335b;
+ background-color: #CFE2F3;
font-size: 70%;
vertical-align: top;
}
@@ -456,8 +411,7 @@ span.DeprecatedLabel {
/* Links, selection */
-/* @include elementStyles(#2e81c2, #39CCCC, #00335b); */ /* COLOR */
-@include elementStyles(#2e81c2, #39CCCC, {{ presentation_metadata_color-text }});
+@include elementStyles(#2e81c2, #39CCCC, #00335b);
/* Bibliograhy */
@@ -477,8 +431,7 @@ p.Biblio, p.NormRef {
@include listBlock();
pre, .sourcecode {
- /* @include sourceBlock(#f7f7f7); */
- @include sourceBlock($color_background);
+ @include sourceBlock(#f7f7f7);
font-family: $monospacefont;
font-variant-ligatures: none;
@@ -488,66 +441,37 @@ pre, .sourcecode {
@include admonitionBlock();
padding: 1em 1.2em 1.2em 1.2em;
margin: 1em 0 1em 0;
- /* background-color: #fcad88; */
- border-top: 10px solid {{ presentation_metadata_color-secondary-shade-1 }};
- border: 1px solid {{ presentation_metadata_color-admonition-important }};
- /* color: #290404; */
- color: {{ presentation_metadata_color-admonition-important }};
+ background-color: #fcad88;
+ border-top: 10px solid #eb5a06;
+ color: #290404;
&.Important {
- /* background-color: #f58cff; */
- /* color: #5d1364; */
- color: {{ presentation_metadata_color-admonition-important }};
- border-color: {{ presentation_metadata_color-admonition-important }};
+ background-color: #f58cff;
+ color: #5d1364;
+ border-top: 10px solid #9503a8;
}
&.Warning {
- /* background-color: #ff989d; */
- /* color: #270204; */
- color: {{ presentation_metadata_color-admonition-warning }};
- border-color: {{ presentation_metadata_color-admonition-warning }};
+ background-color: #ff989d;
+ color: #270204;
+ border-top: 10px solid #e4010c;
}
- &.Tip {
- color: {{ presentation_metadata_color-admonition-tip }};
- border-color: {{ presentation_metadata_color-admonition-tip }};
- }
- &.Editor {
- color: {{ presentation_metadata_color-admonition-editor }};
- border-color: {{ presentation_metadata_color-admonition-editor }};
- }
-
- &.Caution {
- color: {{ presentation_metadata_color-admonition-caution }};
- border-color: {{ presentation_metadata_color-admonition-caution }};
- }
-
- &.Todo {
- color: {{ presentation_metadata_color-admonition-todo }};
- border-color: {{ presentation_metadata_color-admonition-todo }};
- }
-
- &.Safety-Precaution {
- color: {{ presentation_metadata_color-admonition-safety-precaution }};
- border-color: {{ presentation_metadata_color-admonition-safety-precaution }};
- }
-
- p {
+ p, &.Important p, &.Warning p {
margin: 0;
}
}
.figure, pre, .pseudocode, .sourcecode {
- /* background-color: #e1eef1; */ /* COLOR */
- /* color: #424242; */ /* COLOR */
+ background-color: #e1eef1;
+ color: #424242;
font-size: $monospacefontsize;
}
.Note {
- /* background-color: #fff8bb; */ /* COLOR */
- /* color: #7d760b; */
- /* color: {{ presentation_metadata_color-admonition-note }}; */
+ background-color: #fff8bb;
+ color: #7d760b;
padding: 1.2em;
margin: 1em 0 1em 0;
@@ -557,8 +481,8 @@ pre, .sourcecode {
}
.example {
- /* background-color: #e1eef1; */ /* COLOR */
- /* color: #424242; */ /* COLOR */
+ background-color: #e1eef1;
+ color: #424242;
padding: 1.2em;
margin: 2em 0 1em 0;
padding-left: 2em;
@@ -576,14 +500,12 @@ pre, .sourcecode {
}
.Quote {
- /* @include blockquoteBlock(#e1eef1); */ /* COLOR */
- @include blockquoteBlock($color_background);
+ @include blockquoteBlock(#e1eef1);
}
.formula {
- /* @include formulaBlock(#f6f6f6); */ /* COLOR */
- @include formulaBlock($color_background);
+ @include formulaBlock(#f6f6f6);
}
.recommend, .recommendtest {
@@ -650,12 +572,11 @@ tbody td.recommend p.RecommendationTitle, tbody td.recommend p.RecommendationTit
}
#myBtn {
- /* @include toTopBtn(white, #00335b); */
- @include toTopBtn(white, {{ presentation_metadata_color-text }});
+ @include toTopBtn(white, #00335b);
}
a.anchorjs-link {
- @include anchorLink(#2e81c2); /* COLOR */
+ @include anchorLink(#2e81c2);
}
@@ -696,8 +617,8 @@ a.anchorjs-link {
}
.Note {
- background-color: #fff495; /* COLOR */
- color: #47430c; /* COLOR */
+ background-color: #fff495;
+ color: #47430c;
padding: 5px;
margin: 2em 0 1em 0;