CSS
Thu Feb 17 2022 14:24:31 GMT+0000 (Coordinated Universal Time)
Saved by @nirmalkumar
/*<meta />*/ nav.title-bar { background: linear-gradient(90deg, rgba(255,216,135,1) 0%, rgba(253,102,27,1) 100%); } body { font-family: Arial; } h1 { font-size: 24.0pt; color: #f45700; font-weight: bold; font-family: 'Segoe UI Historic'; } h2 { font-weight: bold; font-size: 18.0pt; color: #f45700; font-family: 'Segoe UI Historic'; } h3 { font-weight: bold; font-size: 14.0pt; color: #f45700; font-family: 'Segoe UI Historic'; } h4 { font-weight: bold; font-size: 12.0pt; } h5 { font-weight: bold; font-size: 10.0pt; } h6 { font-size: 12.0pt; margin-top: 0pt; margin-bottom: 0pt; font-family: 'Consolas'; } p { font-size: 12.0pt; margin-top: 0pt; margin-bottom: 0pt; font-family: 'Segoe UI'; } pre { font-size: 12.0pt; margin-top: 0pt; margin-bottom: 0pt; font-family: 'Consolas'; } ol, ul, dl { margin-top: 0px; margin-bottom: 0px; } img { border: none; } a.Popup { } MadCap|expandingHead { font-style: italic; font-weight: normal; cursor: hand; text-decoration: none; color: #006600; } MadCap|expandingBody { color: #777777; font-style: italic; } MadCap|dropDownHotspot { cursor: hand; font-style: italic; text-decoration: none; color: #006600; } MadCap|codeSnippet { font-family: 'Cascadia Code'; } MadCap|miniTocProxy.class { mc-toc-depth: 9; color: #000000; font-family: Arial; font-size: 9pt; font-style: normal; font-weight: lighter; padding-top: 20px; text-align: left; } .content-toc { padding-bottom: 30px; padding-top: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 var(--hub-toc-width); flex: 0 0 var(--hub-toc-width); padding-left: 40px; padding-right: 20px; } .content-toc { position: sticky; top: 0; max-height: 100vh; overflow: auto; display: block; float: none !important; font-size: 13px; } .content-toc ul { list-style: none; padding-left: 0; margin: 0; } .content-toc .toc-list > li:not(.toc-children) :first-child { position: sticky; top: 0; z-index: 2; background: #fff; padding-left: 0; pointer-events: none; } .content-toc .tocHeader { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .content-toc .tocHeader { padding-left: 2px; margin-bottom: 8px; text-transform: uppercase; font-size: 11px; font-weight: 700; color: #777; } .content-toc a { color: #777; font-size: 13px; text-decoration: none; border-radius: 2px; padding: 4px 5px 4px 18px; display: block; } .content-toc a { padding-left: 23px; } a { text-decoration: none; } div.NewRowClass1 /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; } div.NewRowClass1::before { content: ' '; display: table; } div.NewRowClass1::after { content: ' '; display: table; clear: both; } div.NewRowClass1 > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 2px; padding-right: 2px; } div.NewRowClass1 > div:nth-child(1) { width: 16.667%; margin-left: 0%; } div.NewRowClass1 > div:nth-child(2) { width: 33.33333%; margin-left: 0%; } div.NewRowClass1 > div:nth-child(3) { width: 8.3333%; margin-left: 0%; } div.NewRowClass2 /*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/ { mc-grid-row: true; margin-left: auto; margin-right: auto; text-indent: 4px; border: solid 2px #000000; } div.NewRowClass2::before { content: ' '; display: table; } div.NewRowClass2::after { content: ' '; display: table; clear: both; } div.NewRowClass2 > div { float: left; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 2px; padding-right: 2px; } div.NewRowClass2 > div:nth-child(1) { width: 8.3333%; margin-left: 0%; } div.NewRowClass2 > div:nth-child(2) { width: 33.33333%; margin-left: 0%; } div.NewRowClass2 > div:nth-child(3) { width: 8.3333%; margin-left: 0%; } MadCap|breadcrumbsProxy { font-style: normal; font-size: 12pt; font-family: Arial; color: #000000; font-variant: normal; font-weight: lighter; } @media tablet { div.NewRowClass1 > div:nth-child(1) { width: 33.33333%; margin-left: 0%; } div.NewRowClass1 > div:nth-child(2) { width: 33.33333%; margin-left: 0%; } div.NewRowClass1 > div:nth-child(3) { width: 33.33333%; margin-left: 0%; } div.NewRowClass2 > div:nth-child(1) { width: 33.33333%; margin-left: 0%; } div.NewRowClass2 > div:nth-child(2) { width: 33.33333%; margin-left: 0%; } div.NewRowClass2 > div:nth-child(3) { width: 33.33333%; margin-left: 0%; } } @media mobile { div.NewRowClass1 > div:nth-child(1) { width: 100%; margin-left: 0%; } div.NewRowClass1 > div:nth-child(2) { width: 100%; margin-left: 0%; } div.NewRowClass1 > div:nth-child(3) { width: 100%; margin-left: 0%; } div.NewRowClass2 > div:nth-child(1) { width: 100%; margin-left: 0%; } div.NewRowClass2 > div:nth-child(2) { width: 100%; margin-left: 0%; } div.NewRowClass2 > div:nth-child(3) { width: 100%; margin-left: 0%; } } MadCap|menuProxy.Pariplay_mp { } MadCap|menuProxy.Pariplay_mp:active::after { } MadCap|menuProxy.menuclass { mc-toc-depth: 2; mc-context-sensitive: True; mc-include-parent: True; mc-include-siblings: True; mc-include-children: True; } /*custom styles*/ .search-bar .search-field { border-radius: 30px; height: 2.5em; } .search-bar .search-submit-wrapper { top: 4px; } .main-container-header { border-bottom: 1px solid #acacac; padding-bottom: 20px; } .main-container { display: flex; } .main-content { width: 75%; /* float: left; */ height: 65vh; overflow-y: scroll; } .main-content-toc { /* float: left; */ width: 25%; padding: 0 10px 0 10px; } .main-content-toc > ul.menu.mc-component > li { display: none; } .main-content-toc > ul.menu.mc-component > ul li a { font-weight: normal; background-color: transparent; padding: 10px 10px; font-family: 'Segoe UI'; } .main-content-toc > ul.menu.mc-component > ul li a.selected { font-weight: normal; }
Comments