feat: adjust style to be more ETSI-alike (07230dee) · Commits · CIM - Context Information Management / NGSI-LD API

md_to_docx_converter/ETSIstyles.css

+32 −15

Original line number	Diff line number	Diff line
		@@ -9,9 +9,9 @@
		.TAH {
		font-family: Arial;
		font-size: 9pt;
		font-weight: bold;
		font-weight: 600;
		text-align: center;
		color: #100;
		color: #121619;
		}

		.TAC {
		@@ -31,10 +31,14 @@
		font-style: italic;
		}

		.HTML-Variable strong {
		font-weight: 700;
		color: #121619;
		}

		.HTML-Keyboard {
		font-family: Roboto, Arial, sans-serif;
		font-size: 1.1em;
		color: #100;
		font-size: 1.06em;
		color: #121619;
		}

		.HTML-Definition {
		@@ -56,14 +60,14 @@
		}

		.Plain_Text_Char {
		font-family: Courier New;
		font-family: "Roboto Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
		}

		.HTML-Error {
		font-family: Arial;
		font-weight: bold;
		font-weight: 600;
		font-style: italic;
		color: #622;
		color: #6e151e;
		}

		.TAJ {
		@@ -121,6 +125,7 @@
		border: 1px solid;
		border-color: #4078c0;
		background-color: aliceblue;
		border-radius: 3px;
		}

		.NO > p {
		@@ -134,7 +139,7 @@
		}

		.NO > div:first-of-type {
		font-weight: bold;
		font-weight: 600;
		}

		.EQ {
		@@ -162,7 +167,7 @@
		}

		.EX > div:first-of-type {
		font-weight: bold;
		font-weight: 600;
		}

		.EX > div:nth-child(2) {
		@@ -186,15 +191,27 @@

		.FL {
		font-family: Arial;
		font-weight: bold;
		font-weight: 600;
		text-align: center;
		margin-top: 3pt;
		margin-bottom: 9pt;

		overflow: auto;
		border-radius: 3px;
		border: 1px solid;
		border-color: #e1e2e3;
		min-width: 100%;
		max-width: 100%;
		width: 100%;
		padding: 16px;
		background-color: white;
		border-radius: 3px;

		}

		.TF {
		font-family: Arial;
		font-weight: bold;
		font-weight: 600;
		text-align: center;
		margin-bottom: 12pt;
		}
		@@ -205,7 +222,7 @@

		.TH {
		font-family: Arial;
		font-weight: bold;
		font-weight: 600;
		text-align: center;
		margin-top: 3pt;
		margin-bottom: 9pt;
		@@ -216,7 +233,7 @@
		}

		.HTML-Sample {
		font-family: Courier New;
		font-family: "Roboto Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
		font-size: 8pt;
		}

		@@ -229,7 +246,7 @@
		}

		.PL {
		font-family: Courier New;
		font-family: "Roboto Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
		font-size: 8pt;
		}

md_to_docx_converter/customCSS.css

+101 −26

Original line number	Diff line number	Diff line
		@import url('https://fonts.googleapis.com/css?family=Roboto:400,600,700\|Roboto+Mono:400,500,600');
		@import url('https://fonts.googleapis.com/css?family=Rubik:400,500,600,700');
		@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,600');
		/! normalize.css v3.0.1 \| MIT License \| git.io/normalize /

		/**
		@@ -16,19 +19,19 @@ html {
		* Remove default margin.
		*/

		body {
		margin: 0;
		color: #333;
		body: {
		color: #586269;
		font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
		}

		#TOC {
		top: 0;
		top: 0px;
		left: 0;
		height: 100%;
		min-height: calc(100vh - 30px);
		max-height: calc(100vh - 30px);
		width: unset;
		position: relative;

		background-color: rgba(100, 100, 100, 0.6);
		background-color: #ccc;
		overflow-y: auto;
		scrollbar-width: none;
		-ms-overflow-style: none;
		@@ -44,6 +47,60 @@ body {
		text-overflow: ellipsis;
		}

		#TOC h1 {
		background-color: #02488d;
		border-bottom-style: none;
		padding-top: 10px;
		margin-bottom: 0px !important;
		}

		#TOC:before {
		content: url("https://www.etsi.org/templates/etsi/img/logo.svg");
		display: block;
		background-color: white;
		padding-left: 30px;
		padding-top: 5px;
		position: sticky;
		top: 0px;
		}

		flex-item:has(#TOC) {
		background-color: #3e484f;
		}

		flex-item:has(#TOC):after {
		background-color: #3e484f;
		color: white;
		padding-left: 30px;
		padding-top: 5px;
		content: "© Copyright 2025, ETSI";
		display: block;
		font-family: "Rubik";
		font-size: 0.9rem;
		}


		#TOC h1 a {
		color: white;
		}
		#TOC ul {
		background-color: rgba(200, 200, 200);
		}

		#TOC ul:after {
		background-color: #02488d;
		}

		#TOC ul:first-child {
		background-color: #02488d;
		list-style: none;
		margin-bottom: 0px !important;
		position: sticky;
		top: 50px;
		}



		#TOC li > ul {
		display: none;
		}
		@@ -222,7 +279,8 @@ abbr[title] {

		b,
		strong {
		font-weight: bold;
		font-weight: 500;
		color: #3e484f
		}

		/**
		@@ -556,11 +614,11 @@ th {
		box-sizing: border-box;
		}
		body {
		font-family: -apple-system, BlinkMacSystemFont, "Times New Roman", "Segoe UI",
		font-family: Rubik, -apple-system, BlinkMacSystemFont, "Times New Roman", "Segoe UI",
		Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol";
		font-size: 10pt;
		line-height: 1.6;
		font-size: 0.9rem;
		line-height: 1.4;
		/* margin: auto; */
		/* max-width: 920px;
		min-width: 360px; */
		@@ -569,6 +627,8 @@ body {
		position: relative;
		padding: 2rem;
		word-wrap: break-word;
		background-color: rgb(248, 249, 250);
		color: rgb(62, 72, 79)
		}

		/* Headers
		@@ -580,23 +640,26 @@ h3,
		h4,
		h5,
		h6 {
		font-weight: 600;

		line-height: 1.25;
		margin-bottom: 16px;
		margin-top: 2em;
		color: #100;
		color: #02488d;
		font-family: "Maven Pro";
		}
		h1 {
		margin-top: 1.5em;
		padding-bottom: 0.3em;
		font-size: 2em;
		border-bottom: 1px solid #eee;
		font-weight: 700;
		border-bottom: 1px solid rgb(62, 72, 79);
		}
		h2 {
		margin-top: 1.5em;
		padding-bottom: 0.3em;
		font-size: 1.5em;
		border-bottom: 1px solid #eee;
		font-weight: 600;
		border-bottom: 1px solid rgb(62, 72, 79)
		}
		h3 {
		font-size: 1.25em;
		@@ -658,13 +721,14 @@ a:first-child h6 {
		========================================================================== */

		a {
		color: #4078c0;
		color: rgb(2, 72, 141);
		text-decoration: none;
		}
		a:active,
		a:hover {
		outline: 0;
		text-decoration: underline;
		text-decoration: none;
		color: #012142;
		}
		sup,
		sub,
		@@ -788,11 +852,13 @@ table {
		}
		table th {
		font-weight: normal;
		border: 1px solid #ccc;
		border: 1px solid rgb(153, 160, 165);
		padding: 6px 13px;
		background-color: #eaebec;

		}
		table td {
		border: 1px solid #ccc;
		border: 1px solid rgb(153, 160, 165);
		padding: 6px 13px;
		}
		table td > p:first-child {
		@@ -802,8 +868,9 @@ table td > p:last-child {
		margin-bottom: 0;
		}
		table tr {
		border-top: 1px solid #ccc;
		background-color: #f8f8f8;
		border-top: 1px solid rgb(153, 160, 165);
		background-color: rgb(241, 241, 241)
		color: #1a1f23;
		}

		/* STRIPED TABLES DOES NOT WORK WITH GRID TABLES AS THEY REQUIRE CUSTOM CSS TO WORK PROPERLY
		@@ -825,7 +892,7 @@ tt {
		padding-top: 0.2em;
		padding-bottom: 0.2em;
		margin: 0;
		font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
		font-family: "Roboto Mono", Consolas, "Liberation Mono", Menlo, Courier, monospace;
		font-size: 1em;
		background-color: rgba(0, 0, 0, 0.04);
		border-radius: 3px;
		@@ -847,11 +914,13 @@ pre {
		overflow: auto;
		border-radius: 3px;
		border: 1px solid;
		border-color: #ccc;
		border-color: #e1e2e3;
		min-width: 100%;
		max-width: 100%;
		width: 100%;
		padding-right: 16px;
		border-radius: 3px;

		}
		pre code,
		pre tt {
		@@ -1058,6 +1127,12 @@ code > span.in {
		text-wrap: nowrap;
		}

		code span.er {
		color: rgb(62, 72, 79) !important;
		font-weight: 500;
		}


		#Table_6\.2-1 + table tbody {
		tr {
		background-color: #fff !important;