diff --git a/DisCatSharp.Docs/dcs/partials/searchResults.tmpl.partial b/DisCatSharp.Docs/dcs/partials/searchResults.tmpl.partial index bbd9c3756..ef0a6d1b8 100644 --- a/DisCatSharp.Docs/dcs/partials/searchResults.tmpl.partial +++ b/DisCatSharp.Docs/dcs/partials/searchResults.tmpl.partial @@ -1,9 +1,9 @@ {{!Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE file in the project root for full license information.}}
diff --git a/DisCatSharp.Docs/dcs/src/styles/singulink.css b/DisCatSharp.Docs/dcs/src/styles/singulink.css index d29fcec6e..42a0ce66d 100644 --- a/DisCatSharp.Docs/dcs/src/styles/singulink.css +++ b/DisCatSharp.Docs/dcs/src/styles/singulink.css @@ -1,483 +1,533 @@ body { font-size: var(--base-font-size); } @media (max-width: 1024px) { body { font-size: var(--smalldevice-base-font-size); } } /* Headings */ h1, h2, h3, h4, h5 { line-height: initial; } h1, h1:first-child { font-size: 2.25em; letter-spacing: 0.5px; color: var(--h1-color); margin-block-start: 1em; margin-block-end: -0.05em; } .article h1 { margin-block-end: -0.2em; } h2 { font-size: 2.1em; color: var(--h2-color); } .article h2 { margin-block-start: 1.3em; padding-bottom: 6px; border-bottom: 1px solid var(--separator-color); } h3 { font-size: 1.95em; font-weight: 500; margin-block-start: 1.7em; } .article h3 { font-size: 1.85em; font-weight: 500; margin-block-start: 1.2em; margin-block-end: 0.9em; } h4 { font-size: 1.8em; font-weight: 400; margin-block-start: 2em; padding-bottom: 10px; } .article h4 { font-size: 1.5em; font-weight: 300; margin-block-start: 1em; margin-block-end: 1em; padding-bottom: 0; border-bottom: none; } h5 { font-size: 1.1em; } .article h5 { font-size: 1.13em; font-weight: 400; text-decoration: underline; margin-block-start: 1.5em; margin-block-end: 1.0em; } a.brand:hover { text-decoration: none; } a.brand .brand-title { font-size: 1.4em; font-weight: 500; letter-spacing: 0.5px; color: var(--appname-color); margin-top: 1px; padding: 0 0 0 0.4em; } @media (min-width: 1024px) { a.brand .brand-title { font-size: 1.55em; } } a.brand .logomark { height: 35px; } /* Top bar */ .top-navbar { height: 60px; padding: 0 0 0 10px; } .burger-icon { margin-right: 10px; } /* Side Bar */ .sidebar { padding: 25px 17px 32px 17px; } .blackout { top: 60px; } @media (max-width: 1023.98px) { .navbar-nav { margin-top: 0; } } nav { width: 94%; max-width: var(--sidebar-width); left: calc(var(--sidebar-width) * -1); border-right: 3px solid black; } @media (max-width: 1023.98px) { nav { top: 60px; } } nav ul { list-style-type: none; } nav .nav a, nav .nav a:hover { text-decoration: none; cursor: pointer; display: block; } nav a.sidebar-item { padding: 4px 0 4px 10px; cursor: pointer; } nav a:focus, nav a.sidebar-item:hover, nav a.sidebar-item:focus { text-decoration: underline; } nav a, nav a:hover, nav a:focus { color: var(--sidebar-item-color) !important; } nav a.active, nav a.active:hover, nav a.active:focus { color: var(--sidebar-active-item-color) !important; } .sidebar-item-separator { margin: 20px 0; } #toc ul li a { padding: 0 0 0 10px; } .search { background: var(--search-bg-color); border: 1px solid var(--search-border-color); border-radius: 5px; position: relative; margin-block-start: 25px; } @media (max-width: 1023.98px) { .search { margin-block-start: 0; margin-block-end: 15px; } } .search > input { font-size: 0.95em; color: var(--search-color); border: 0; background: none; padding: 11px 30px 10px 37px; width: 100%; } .search > input:focus { outline: 0; } .search > .search-icon { font-size: 1.2em; color: var(--search-searchicon-color); position: absolute; top: 9px; left: 9px; } .toc-filter { background: var(--toc-filter-bg-color); border: 1px solid var(--toc-filter-border-color); border-radius: 5px; position: relative; } .toc-filter > input { font-size: 0.95em; color: var(--toc-filter-color); border: 0; background: none; padding: 11px 30px 10px 37px; width: 100%; } .toc-filter > input:focus { outline: 0; } .toc-filter > .filter-icon { font-size: 1.2em; color: var(--toc-filter-filtericon-color); position: absolute; top: 9px; left: 9px; } .toc-filter > .clear-icon { color: var(--toc-filter-clearicon-color); position: absolute; top: 9px; right: 9px; cursor: pointer; } .toc .nav > li > .expand-stub::before, .toc .nav > li.active > .expand-stub::before { width: 8px; height: 8px; top: 6px; left: 6px; } #navbar > ul.level1 > li > a { background-color: var(--sidebar-level1-item-bg-color) !important; border-radius: 2px; font-weight: 500; margin-bottom: 10px; padding: 5px 10px; } #toc ul.level2 { margin-bottom: 20px; } #toc ul.level1 > li > a { font-weight: 500; margin-bottom: 10px; padding: 5px 10px; } #toc ul.level1 > li > a, #toc ul.level1 > li > a.active { background-color: var(--sidebar-level1-item-bg-color) !important; border-radius: 2px; } #toc ul.level1 > li > a:hover, #toc ul.level1 > li > a.active:hover, #toc ul.level1 > li > a:focus, #toc ul.level1 > li > a.active:focus { background-color: var(--sidebar-level1-item-hover-bg-color) !important; text-decoration: none; } ul.level2 { padding-inline-start: 0.7em; } ul.level2 .expand-stub { top: 1px; } ul.level2 > li > a, ul.level2 > li > a.sidebar-item { font-weight: 400; color: var(--sidebar-item-color); margin: 4px 0 4px; } ul.level3 { padding-inline-start: 1em; } ul.level3 > li > a, ul.level3 > li > a.sidebar-item { font-size: 1.05em; color: var(--sidebar-item-color); margin: 4px 0; } ul.level4 { padding-inline-start: 0; margin-bottom: 12px; } ul.level4 > li > a, ul.level4 > li > a.sidebar-item { font-size: 1.05em; color: var(--sidebar-item-color); margin: 5px 0 5px 10px; } /* Breadcrumbs */ .subnav.navbar { margin: 0 -15px; /*border-bottom: 4px solid darkmagenta;*/ border-radius: 25px; background-color: rgba(205, 23, 117, 0.6); } #breadcrumb { overflow: scroll; margin-bottom: 0; } #breadcrumb::-webkit-scrollbar { display: none; } #breadcrumb a { white-space: nowrap; } +p.lsearch { + text-align: center; +} + #breadcrumb wbr { display: none; } /* Search Results */ #search-results h1 { margin-block-start: 0.5em; + text-align: center; + margin-bottom: 2rem; +} + +.sr-item { + padding-bottom: 10px; + padding-left: 10px; + padding-right: 20px; + margin-bottom: 20px; + box-sizing: border-box; + overflow: hidden; + box-shadow: 0 5px 15px 0 rgb(11, 79, 5); + transform: translatey(0px); +} + +mark { + /*background-color: rgba(31, 249, 157, 0.96);*/ + background-image: linear-gradient(to right, #f90c91, #dd0220cc, #2a9955cc); +} + +i.index-loading { + text-align: center; } #search-results .item-title { font-size: 1.3em; - margin-top: 1.5em; + margin-top: 1.0em; } #search-results .item-href { font-size: 0.85em; } #search-results .item-brief { margin-top: 0.7em; + margin-bottom: 1.0em; } #search-results ul.pagination { text-align: center; - padding: 10px 0 0 0; + padding: 10px 0 15px 0; margin-block-start: 40px; border-top: 1px solid var(--separator-color); + background-color: rgba(205, 23, 117, 0.6); + border-radius: 25px; +} + +#search-results ul.pagination > li.active > a { + background-color: orangered; +} + +#search-results ul.pagination > li > a { + min-width: 32px; + padding: 5px 10px; + font-style: normal; + line-height: 20px; + color: var(--color-fg-default); + text-align: center; + white-space: nowrap; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + user-select: none; + border: 1px solid transparent; + border-radius: 6px; + transition: border-color .2s cubic-bezier(0.3, 0, 0.5, 1); } #search-results ul.pagination > li { display: inline-block; margin: 0 10px; } #search-results ul.pagination > li.disabled a, #search-results ul.pagination > li.disabled a:hover { - color: var(--text-color); + color: gray; cursor: txt; text-decoration: none; } /* Content */ .main-panel { margin-bottom: 60px; padding: 20px; } @media (min-width: 1024px) { .main-panel { margin-bottom: 0; padding: 20px 40px; } } .pull-right { margin-top: 70px; /* Fix unclickable links */ position: relative; z-index: 1; } .divider { margin-left: 4px; } article ul li, article ol li { margin-bottom: 10px; } legend, pre { padding: 6px; } .hljs { color: var(--code-color); } .hljs::-webkit-scrollbar { height: 6px; } .hljs-keyword, .hljs-title, .hljs-built_in { font-style: normal; } p .xref, code { background-color: var(--ref-bg-color); color: var(--ref-color); padding: 2px 3px; font-family: monospace; font-size: 0.95em; border-radius: 6px; } span.parametername { font-family: monospace; } /* .table { width: auto; } */ .table-responsive { margin-bottom: 0; } table th { font-size: 14px; padding: 9px 10px; } table td p { font-weight: 300; } table td { padding: 6px 10px; } .footer { text-align: center; color: var(--text-color); padding: 10px; } .footer a:hover, .footer a:focus { text-decoration: underline; } .copyright-footer { font-size: 0.85em; font-weight: bold; text-align: center; margin-block-start: 30px; }