Commit 0ce4f2bd authored by Aleksander Kleczek's avatar Aleksander Kleczek
Browse files

Add new CSS styles and JavaScript functionality for improved document presentation and navigation 

- Created common_spec_style.css and common_spec_style_pdf.css for consistent styling across print and screen views.
- Introduced custom_spec_style.css for specific document formatting, including margins and header content.
- Added excerpt_explorer.css for notable sections with distinct styling.
- Implemented remove_links.css to disable link interactions and maintain visual consistency.
- Developed sidebar.css for a fixed sidebar navigation with responsive design adjustments.
- Added 3gpp.js for scroll spy functionality in the sidebar, enhancing user navigation experience.
- Introduced tex_eqn_to_svg.js for converting TeX equations to SVG format.
- Added multiple image assets to the media directory for use in documentation.
- Included logos for 3GPP and 5G in the media directory.
parent db1c7cd4

explorer/38533_excerpt_explorer.html

0 → 100644
+2758 −0

File added.

Preview size limit exceeded, changes collapsed.

explorer/css/common_spec_style.css

0 → 100644
+200 −0
Original line number Diff line number Diff line 
@page :first {

	@top-center { content: ""; }

	@top-left { content: ""; }

	@top-right { content: ""; }

}



.title-page-statement { 

	font-size: 9.5px;

	margin-top: 100px; 

}



.title-page-address {

	text-align: center; 

	margin-top: 100px;

	margin-bottom: 100px;

}



@media print {

	.pagebreak { page-break-before: always; }

	.title-page-statement {

		font-size: 9.5px;

		margin-top: 500px; 

	}

	.title-page-address {

		text-align: center; 

		margin-top: 250px;

		margin-bottom: 275px;

	}

	.page-number {

		a::before {

			/* content: target-text(attr(href)) ' ' leader('.') ' ' target-counter(attr(href), page); */

			/* get the title and the related page number */

			content: " " leader(".") " " target-counter(attr(href), page);

			color: black;

		}

	}

	.page-number {

		color: black;

	}

}



@media screen { 

	.page-number {

		a::before {

			content: "";

		}

	}

	

	a {

		color: blue;

		text-decoration: none;

	}

}



p.nospace {

	margin: 0;

}



body {

	font-family: "Times New Roman", Times, serif;

	font-size: 13px;

	margin: auto;

	width: calc(100% - 260px);

}



table {

	width: 6.5in;

}



th, td {

	width: auto;

}



table, th, td {

	border: 1px solid;

	border-collapse: collapse;

}



table thead {

    position: sticky;

    top: 0;

    padding: 10px 16px;

    background: #99CCFF;

	z-index: 10;

}



h1 { 

	font-size: 24px;

	border-top: 1px solid;

	width: 100%;

	float:left;

	padding-bottom: 3px;

}

h2 { font-size: 21px; }

h3 { font-size: 19px; }

h4 { font-size: 16px; }

h5 { font-size: 15px; }

h6 { font-size: 13px; }

h7 { font-size: 13px; }

h8 { font-size: 13px; }

h9 { font-size: 13px; }

h10 { font-size: 13px; }



.heading { 

	font-size: 13px;

	font-weight: bold;

	border-top: 1px solid;

	width: 100%;

	float:left;

	padding-bottom: 3px;

}



.add {

	color: green;

}



.sub {

	color: red;

}    



.b1 { width: 6.50in; margin-left: 0.00in; }

.b2 { width: 6.25in; margin-left: 0.25in; }

.b3 { width: 6.00in; margin-left: 0.50in; }

.b4 { width: 5.75in; margin-left: 0.75in; }

.b5 { width: 5.50in; margin-left: 1.00in; }

.b6 { width: 5.25in; margin-left: 1.25in; }

.b7 { width: 5.00in; margin-left: 1.50in; }

.b8 { width: 4.75in; margin-left: 1.75in; }

.b9 { width: 4.50in; margin-left: 2.00in; }



.asn1 {

	background-color: #E6E6E6;

	display: block;

	font-family: monospace;

	font-size: 11px;

	white-space: pre-wrap;

	word-wrap: break-word;

	width: 6.5in;

}



.asn1-comment {

	color: #808080;

}



.asn1-keyword {

	color: #993366;

}



.asn1-indent-0 { width: 6.50in; margin-left: 0.00in; }

.asn1-indent-1 { width: 6.25in; margin-left: 0.25in; }

.asn1-indent-2 { width: 6.00in; margin-left: 0.50in; }

.asn1-indent-3 { width: 5.75in; margin-left: 0.75in; }

.asn1-indent-4 { width: 5.50in; margin-left: 1.00in; }

.asn1-indent-5 { width: 5.25in; margin-left: 1.25in; }

.asn1-indent-6 { width: 5.00in; margin-left: 1.50in; }

.asn1-indent-7 { width: 4.75in; margin-left: 1.75in; }

.asn1-indent-8 { width: 4.50in; margin-left: 2.00in; }



img.inline-equation {

	display: inline;

	vertical-align: middle;

}



img {

	max-width: 6.5in;

	height: auto;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



#title-block-header {

	display: none;

}



.header {

    position: sticky;

    top: 0;

    padding: 10px 16px;

    background: #99CCFF;

	z-index: 10;

}



figure {

	margin: 1.5em auto;

	text-align: center;

}



figcaption {

	text-align: center;

	margin-top: 0.5em;

	font-weight: bold;

	font-size: 0.9em;

}



.row:after {

    content: "";

    display: table;

    clear: both;

}
 
 No newline at end of file

explorer/css/common_spec_style_pdf.css

0 → 100644
+210 −0
Original line number Diff line number Diff line 
@page :first {

	@top-center { content: ""; }

	@top-left { content: ""; }

	@top-right { content: ""; }

}



.title-page-statement { 

	font-size: 9.5px;

	margin-top: 100px; 

}



.title-page-address {

	text-align: center; 

	margin-top: 100px;

	margin-bottom: 100px;

}



@media print {

	.pagebreak { page-break-before: always; }

	.title-page-statement {

		font-size: 9.5px;

		margin-top: 500px; 

	}

	.title-page-address {

		text-align: center; 

		margin-top: 250px;

		margin-bottom: 275px;

	}

	.page-number {

		a::before {

			/* content: target-text(attr(href)) ' ' leader('.') ' ' target-counter(attr(href), page); */

			/* get the title and the related page number */

			content: " " leader(".") " " target-counter(attr(href), page);

			color: black;

		}

	}

	.page-number {

		color: black;

	}

}



@media screen { 

	.page-number {

		a::before {

			content: "";

		}

	}

	

	a {

		color: blue;

		text-decoration: none;

	}

}



p.nospace {

	margin: 0;

}



body {

	font-family: "Times New Roman", Times, serif;

	font-size: 13px;

	margin: auto;

	width: auto;

}



table {

	width: 6.5in;

}



th, td {

	width: auto;

}



table, th, td {

	border: 1px solid;

	border-collapse: collapse;

}



table thead {

    position: sticky;

    top: 0;

    padding: 10px 16px;

    background: #99CCFF;

	z-index: 10;

}



h1 { 

	font-size: 24px;

	border-top: 1px solid;

	width: 100%;

	float:left;

	padding-bottom: 3px;

}

h2 { font-size: 21px; }

h3 { font-size: 19px; }

h4 { font-size: 16px; }

h5 { font-size: 15px; }

h6 { font-size: 13px; }

h7 { font-size: 13px; }

h8 { font-size: 13px; }

h9 { font-size: 13px; }

h10 { font-size: 13px; }



.heading { 

	font-size: 13px;

	font-weight: bold;

	border-top: 1px solid;

	width: 100%;

	float:left;

	padding-bottom: 3px;

}



.add {

	color: green;

}



.sub {

	color: red;

}    



.b1 { width: 6.50in; margin-left: 0.00in; }

.b2 { width: 6.25in; margin-left: 0.25in; }

.b3 { width: 6.00in; margin-left: 0.50in; }

.b4 { width: 5.75in; margin-left: 0.75in; }

.b5 { width: 5.50in; margin-left: 1.00in; }

.b6 { width: 5.25in; margin-left: 1.25in; }

.b7 { width: 5.00in; margin-left: 1.50in; }

.b8 { width: 4.75in; margin-left: 1.75in; }

.b9 { width: 4.50in; margin-left: 2.00in; }



.asn1 {

	background-color: #E6E6E6;

	display: block;

	font-family: monospace;

	font-size: 11px;

	white-space: pre-wrap;

	word-wrap: break-word;

	width: 6.5in;

}



.asn1-comment {

	color: #808080;

}



.asn1-keyword {

	color: #993366;

}



.asn1-indent-0 { width: 6.50in; margin-left: 0.00in; }

.asn1-indent-1 { width: 6.25in; margin-left: 0.25in; }

.asn1-indent-2 { width: 6.00in; margin-left: 0.50in; }

.asn1-indent-3 { width: 5.75in; margin-left: 0.75in; }

.asn1-indent-4 { width: 5.50in; margin-left: 1.00in; }

.asn1-indent-5 { width: 5.25in; margin-left: 1.25in; }

.asn1-indent-6 { width: 5.00in; margin-left: 1.50in; }

.asn1-indent-7 { width: 4.75in; margin-left: 1.75in; }

.asn1-indent-8 { width: 4.50in; margin-left: 2.00in; }



img.inline-equation {

	display: inline;

	vertical-align: middle;

}



img {

	max-width: 5in;

	height: auto;

	display: block;

	margin-left: auto;

	margin-right: auto;

}



#title-block-header {

	display: none;

}



.header {

    position: sticky;

    top: 0;

    padding: 10px 16px;

    background: #99CCFF;

	z-index: 10;

}



figure {

	margin: 1.5em auto;

	text-align: center;

}



figcaption {

	text-align: center;

	margin-top: 0.5em;

	font-weight: bold;

	font-size: 0.9em;

}



.row:after {

    content: "";

    display: table;

    clear: both;

}



a {

  color: inherit !important;

  text-decoration: none !important;

  pointer-events: none !important;

  cursor: default !important;

}

a[href]::after {

  content: "" !important;

}

explorer/css/custom_spec_style.css

0 → 100644
+24 −0
Original line number Diff line number Diff line 
@page {

	margin-left: 1in;

	margin-right: 1in;

	margin-top: 1in;

	margin-bottom: 1in;

	size: A4;

	@top-center { content: counter(page); color: gray; font-size: 13px; }

	@top-left { content: "Release 18"; color: gray; font-size: 13px; }

	@top-right { content: "3GPP TS38.533 V18.8.0 (2025-09)"; color: gray; font-size: 13px; }

}



rrc-procedures ul {

  list-style: none;

}



rrc-procedures ul { list-style: "1> "; }

rrc-procedures ul ul { list-style: "2> "; }

rrc-procedures ul ul ul { list-style: "3> "; }

rrc-procedures ul ul ul ul { list-style: "4> "; }

rrc-procedures ul ul ul ul ul { list-style: "5> "; }

rrc-procedures ul ul ul ul ul ul { list-style: "6> "; }

rrc-procedures ul ul ul ul ul ul ul { list-style: "7> "; }

rrc-procedures ul ul ul ul ul ul ul ul { list-style: "8> "; }

rrc-procedures ul ul ul ul ul ul ul ul ul { list-style: "9> "; }

explorer/css/excerpt_explorer.css

0 → 100644
+26 −0
Original line number Diff line number Diff line 
.notable {

    border: 1px solid black;

    padding-left: 5px;

}



.notable table {

    margin-left: auto;

    margin-right: auto;

    width: 75%;

}



.notable li {

    list-style-type: circle;

}



.notable-title {

    font-weight: bold;

    font-size: 18px;

}



.notable-source {

    border-left: 3px solid black;

    font-family: monospace;

    margin-left: 30px;

    padding-left: 15px;

}
 
 No newline at end of file