{{^_disableBreadcrumb}} {{>partials/breadcrumb}} {{/_disableBreadcrumb}} + {{^_disableContribution}} + + {{/_disableContribution}} +
{{!body}}
diff --git a/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/partials/head.tmpl.partial b/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/partials/head.tmpl.partial index 20343404d..2b0dd67c1 100644 --- a/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/partials/head.tmpl.partial +++ b/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/partials/head.tmpl.partial @@ -13,7 +13,6 @@ - diff --git a/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/partials/scripts.tmpl.partial b/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/partials/scripts.tmpl.partial index 084ea171f..8ef7f269f 100644 --- a/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/partials/scripts.tmpl.partial +++ b/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/partials/scripts.tmpl.partial @@ -4,10 +4,10 @@ - + - - \ No newline at end of file + + \ No newline at end of file diff --git a/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/config.css b/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/config.css index 9f3ca697b..cb39b519b 100644 --- a/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/config.css +++ b/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/config.css @@ -84,6 +84,16 @@ --breadcrumb-bg-color: #2f3136; + /* Tabs */ + + --nav-tabs-border-width: 1px; + --nav-tabs-border-color: #495057; + --nav-tabs-border-radius: .375rem; + --nav-tabs-link-hover-border-color: #303336 #303336 transparent; + --nav-tabs-link-active-color: white; + --nav-tabs-link-active-bg: var(--main-bg-color); + --nav-tabs-link-active-border-color: var(--nav-tabs-border-color) var(--nav-tabs-border-color) var(--main-bg-color); + /* Inline Code */ --ref-bg-color: black; diff --git a/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/discord.css b/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/discord.css deleted file mode 100644 index fd53fc733..000000000 --- a/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/discord.css +++ /dev/null @@ -1,680 +0,0 @@ -/* Discord Style */ - -::-webkit-scrollbar { - width: 10px; -} - -::-webkit-scrollbar-track { - background: var(--scrollbar-bg-color); -} - -::-webkit-scrollbar-thumb { - background: var(--scrollbar-thumb-bg-color); - border-color: var(--scrollbar-thumb-border-color); - border-radius: 5px; -} - -::marker { - unicode-bidi: isolate; - font-variant-numeric: tabular-nums; - text-transform: none; - text-indent: 0px !important; - text-align: start !important; - text-align-last: start !important; -} - -*, :after, :before -{ - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -html, body -{ - padding: 0; - margin: 0; - font: 15px/150% 'Roboto', sans-serif; - overflow: hidden; - color: var(--text-color); - background-color: var(--main-bg-color); - - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; -} - -img { - max-width: 100%; -} - -ul > li, ol > li { - display: list-item; -} - -h1,h2,h3,h4,h5 -{ - color: var(--link-active-color); - position: relative; -} - -h1, h2 -{ - margin-block-start: 2em; -} - -h3 -{ - margin-block-start: 1em; - font-weight: 300; - font-size: 1.5em; - color: var(--h3-color); - margin-block-start: 3em; -} - -h4 -{ - opacity: 1; - color: var(--h4-color); - font-size: large; - border-bottom: 2px solid var(--separator-color); - margin: 20px 0 0 0; -} - - -h5 { - margin-block-end: .8em; - margin-block-start: 1em; - font-size: .85em; - font-weight: 500; - color: var(--h5-color); -} - -h6 { - font-size: .75em; - margin: 0; -} - -p -{ - font-weight: 400; -} - -ul -{ - position: relative; -} - -ul, ol -{ - padding-inline-start: 3em; -} - -ul.level1 -{ - list-style-type: none; - padding-inline-start: 0; -} - -ul.level2, ul.level3 -{ - padding-inline-start: 1em; - list-style-type: none; - font-size: .9em; -} - -a -{ - color: var(--link-color); - text-decoration: none; - transition: color .25s; -} - -a:focus, a:hover -{ - color: var(--link-hover-color); - text-decoration: underline; -} - -a.anchorjs-link:hover { - text-decoration: none; -} - -a.active, a:active -{ - color: var(--link-active-color); -} - -.body-content -{ - display: flex; - flex-direction: row; - height: 100%; - overflow-x: hidden; - overflow-y: hidden; -} - -.page-title -{ - margin-block-start: 0; -} - -nav -{ - width: 300px; - transition: left .5s ease-out; - position: fixed; - left: -350px; - top: 40px; - bottom: 0; - background-color: var(--sidebar-bg-color); - overflow-y: auto; - - display: flex; - flex-direction: column; - - z-index: 1000; -} - -h1:first-child -{ - margin-block-start: 1.1em; - margin-top: 1.1em; -} - -.sidebar -{ - padding: 32px 17px 32px 32px; - flex: 1; -} - -.sidebar-item -{ - font-size: 1em; - font-weight: 400; - display: block; - padding: 4px 16px; - color: var(--sidebar-item-color); -} - -.sidebar-item.large, #navbar .sidebar-item -{ - padding: 8px 16px; -} - -a.sidebar-item:hover, a.sidebar-item:focus -{ - color: var(--link-active-color); - text-decoration: none; -} - -a.sidebar-item.active -{ - color: var(--link-active-color); -} - -ul.level1 > li > a.sidebar-item -{ - background-color: transparent; - border-radius: 4px; -} - -#toc ul.level1 > li > a.sidebar-item.active -{ - background-color: var(--link-active-bg-color); -} - -.sidebar-item-separator -{ - height: 2px; - width: 100%; - background-color: var(--separator-color); - margin: 2em 0; - opacity: .8; -} - -span.sidebar-item -{ - font-weight: 700; - text-transform: uppercase; - font-size: .8em; - color: var(--text-color); - margin-block-start: 1.25em; -} - -.main-panel -{ - background-color: var(--main-bg-color); - flex: 1; - overflow-y: auto; - padding: 20px 40px; -} - -.top-navbar -{ - display: flex; - flex-direction: row; - align-items: center; - padding: 0 40px; - height: 40px; - background-color: var(--topbar-bg-color); -} - -.burger-icon -{ - margin-right: 1em; - color: var(--button-color); -} - -.burger-icon:hover, .burger-icon:focus -{ - color: var(--link-active-color); -} - -.burger-icon.active, .burger-icon:active -{ - color: var(--link-active-color); -} - -.brand -{ - display: flex; - align-items: center; - justify-content: start; -} - -.logomark -{ - height: 28px; -} - -.brand-title -{ - padding: 0 .5em; - font-size: .9em; - color: var(--link-active-color); -} - -.footer -{ - background-color: var(--footer-bg-color); - padding: 20px; - margin: 0 20px 20px 20px; - border-radius: 8px; - color: var(--link-active-color); -} - -.footer > h4 -{ - margin-block-start: 0; -} - -.blackout -{ - display: block; - visibility: hidden; - position: absolute; - z-index: 100; - top: 40px; - bottom: 0; - left: 0; - right: 0; - background-color: var(--footer-bg-color); -} - -@keyframes showThat { - 0% { opacity: 0; visibility: hidden; } - 1% { opacity: 0; visibility: visible; } - 100% { opacity: 1; visibility: visible;} -} - -@keyframes hideThat { - 0% { opacity: 1; visibility: visible; } - 99% { opacity: 0; visibility: visible; } - 100% { opacity: 0; visibility: hidden;} -} - -.showThat -{ - animation: showThat .5s forwards; -} - -.hideThat -{ - animation: hideThat .5s forwards; -} - - - -@media (min-width: 1024px) -{ - nav - { - position: relative; - left: 0!important; - top: 0; - bottom: 0; - } - - .top-navbar - { - display: none; - } - - .blackout - { - display: none; - } -} - -/* Table */ - -.table-responsive -{ - overflow-x: auto; - margin-bottom: 64px; -} - -table -{ - background-color: var(--code-bg-color); - border-collapse: collapse; - width: 100%; - table-layout: auto; -} - -table.table-striped tbody tr:nth-child(2n) -{ - background-color: var(--table-strip-bg-color); -} - -table thead -{ - background: var(--table-header-bg-color); -} - -table th -{ - color: var(--table-header-color); - text-transform: uppercase; - font-size: 12px; - line-height: 15px; - border-bottom: 1px solid var(--table-header-border-color); - padding: 8px; -} - -.table-condensed th { - text-align: left; -} - -table td -{ - padding: 8px; - font-weight: 300; -} - -table td > p -{ - margin: 0; -} - -/* Alerts */ -.alert { - border-radius: 4px; - padding: 8px; - margin: 25px 0; -} - -.alert > h5 -{ - display: none; - margin: 0; -} - -.alert > p -{ - margin: 0; - font-weight: 300; - font-size: 13px; -} - -.alert.alert-info -{ - border: 2px solid var(--alert-info-border-color); - background: var(--alert-info-bg-color); -} - -.alert.alert-warning -{ - border: 2px solid var(--alert-warning-border-color); - background: var(--alert-warning-bg-color); -} - -.alert.alert-danger -{ - border: 2px solid var(--alert-danger-border-color); - background: var(--alert-danger-bg-color); -} - -.TIP.alert.alert-info -{ - border: 2px solid var(--alert-tip-border-color); - background: var(--alert-tip-bg-color); -} - -blockquote { - margin: 8px 0; - border-left: 4px solid var(--blockquote-border-color); - padding: 8px; - background: var(--blockquote-bg-color); - border-radius: 4px; -} - -blockquote > p { - margin: 0; - font-style: italic; - font-size: 13px; -} - - -/* Breadcrumb */ - -#breadcrumb -{ - padding: 8px 16px; - background: var(--breadcrumb-bg-color); - border-radius: 4px; - margin-bottom: 30px; -} - -#breadcrumb:empty -{ - display: none; -} - -ul.breadcrumb -{ - display: flex; - flex-direction: row; - margin: 0; -} - -ul.breadcrumb > li { - margin-right: 6px; -} - -ul.breadcrumb > li::before -{ - content: "/"; - margin-right: 5px; -} - -ul.breadcrumb > li:first-child::before -{ - content: ""; - margin: 0; -} - - -/* Code */ - -legend, pre -{ - display: block; - background-color: var(--code-bg-color); - padding: 16px; - border-radius: 4px; -} - -code -{ - background-color: var(--code-bg-color); - padding: 2px 4px; - border-radius: 4px; -} - -.hljs -{ - background: transparent; -} - -/* DocFX related */ - -.small { - font-size: .9em; -} - -.pull-right -{ - float: right; -} - -.hide -{ - display: none; -} - -@media (max-width: 1023.98px) -{ - .mobile-hide - { - display: none; - } -} - -li -{ - display: block; - position: relative; -} - -.expand-stub -{ - cursor: pointer; - position: absolute; - width: 20px; - height: 20px; - left: -10px; -} - -ul.level1 > li > .expand-stub -{ - display: none; -} - -.toc .nav > li > .expand-stub::before, .toc .nav > li.active > .expand-stub::before -{ - content: " "; - position: absolute; - transform: rotate(-90deg); - width: 10px; - height: 10px; - top: 5px; - left: 5px; - background-repeat: no-repeat; - background: url(down-arrow.svg); -} - -.toc .nav > li.active > .expand-stub::before, .toc .nav > li.in > .expand-stub::before, .toc .nav > li.in.active > .expand-stub::before, .toc .nav > li.filtered > .expand-stub::before -{ - transform: none; -} - -li > ul -{ - display: none; -} - -li.in > ul -{ - display: block; -} - -ul.level2 > li > a.sidebar-item, -ul.level3 > li > a.sidebar-item -{ - font-size: .95em; - padding: 0; - margin: 2px 16px; -} - -ul.level2 > li > a.sidebar-item -{ - color: var(--sidebar-item-2nd-color); -} - -ul.level3 > li > a.sidebar-item -{ - color: var(--sidebar-item-3rd-color); -} - -ul.level2 > li > a.sidebar-item:hover, -ul.level2 > li > a.sidebar-item:focus, -ul.level3 > li > a.sidebar-item:hover, -ul.level3 > li > a.sidebar-item:focus -{ - color: var(--link-active-color); - text-decoration: underline; -} - -ul.level2 > li > a.sidebar-item.active, -ul.level3 > li > a.sidebar-item.active -{ - color: var(--link-active-color); -} - -.inheritance .level0:before, -.inheritance .level1:before, -.inheritance .level2:before, -.inheritance .level3:before, -.inheritance .level4:before, -.inheritance .level5:before { - content: '↳'; - margin-right: 5px; -} - -.inheritance .level0 { - margin-left: 0em; -} - -.inheritance .level1 { - margin-left: 1em; -} - -.inheritance .level2 { - margin-left: 2em; -} - -.inheritance .level3 { - margin-left: 3em; -} - -.inheritance .level4 { - margin-left: 4em; -} - -.inheritance .level5 { - margin-left: 5em; -} \ No newline at end of file diff --git a/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/jquery.twbsPagination.min.js b/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/jquery.twbsPagination.min.js new file mode 100644 index 000000000..a9e11c678 --- /dev/null +++ b/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/jquery.twbsPagination.min.js @@ -0,0 +1,8 @@ +/*! + * jQuery pagination plugin v1.4.1 + * http://esimakin.github.io/twbs-pagination/ + * + * Copyright 2014-2016, Eugene Simakin + * Released under Apache 2.0 license + * http://apache.org/licenses/LICENSE-2.0.html + */ !function(t,s,i,e){"use strict";var a=t.fn.twbsPagination,o=function(s,i){if(this.$element=t(s),this.options=t.extend({},t.fn.twbsPagination.defaults,i),this.options.startPage<1||this.options.startPage>this.options.totalPages)throw Error("Start page option is incorrect");if(this.options.totalPages=parseInt(this.options.totalPages),isNaN(this.options.totalPages))throw Error("Total pages option is not correct!");if(this.options.visiblePages=parseInt(this.options.visiblePages),isNaN(this.options.visiblePages))throw Error("Visible pages option is not correct!");if(this.options.onPageClick instanceof Function&&this.$element.first().on("page",this.options.onPageClick),this.options.hideOnlyOnePage&&1==this.options.totalPages)return this.$element.trigger("page",1),this;this.options.totalPages"),this.$listContainer.addClass(this.options.paginationClass),"UL"!==e&&this.$element.append(this.$listContainer),this.options.initiateStartPageClick?this.show(this.options.startPage):(this.render(this.getPages(this.options.startPage)),this.setupEvents()),this};o.prototype={constructor:o,destroy:function(){return this.$element.empty(),this.$element.removeData("twbs-pagination"),this.$element.off("page"),this},show:function(t){if(t<1||t>this.options.totalPages)throw Error("Page is incorrect.");return this.currentPage=t,this.render(this.getPages(t)),this.setupEvents(),this.$element.trigger("page",t),this},buildListItems:function(t){var s=[];if(this.options.first&&s.push(this.buildItem("first",1)),this.options.prev){var i=t.currentPage>1?t.currentPage-1:this.options.loop?this.options.totalPages:1;s.push(this.buildItem("prev",i))}for(var e=0;e"),a=t(""),o=this.options[s]?this.makeText(this.options[s],i):i;return e.addClass(this.options[s+"Class"]),e.data("page",i),e.data("page-type",s),e.append(a.attr("href",this.makeHref(i)).addClass(this.options.anchorClass).html(o)),e},getPages:function(t){var s=[],i=Math.floor(this.options.visiblePages/2),e=t-i+1-this.options.visiblePages%2,a=t+i;e<=0&&(e=1,a=this.options.visiblePages),a>this.options.totalPages&&(e=this.options.totalPages-this.options.visiblePages+1,a=this.options.totalPages);for(var o=e;o<=a;)s.push(o),o++;return{currentPage:t,numeric:s}},render:function(s){var i=this;this.$listContainer.children().remove();var e=this.buildListItems(s);jQuery.each(e,function(t,s){i.$listContainer.append(s)}),this.$listContainer.children().each(function(){var e=t(this),a=e.data("page-type");switch(a){case"page":e.data("page")===s.currentPage&&e.addClass(i.options.activeClass);break;case"first":e.toggleClass(i.options.disabledClass,1===s.currentPage);break;case"last":e.toggleClass(i.options.disabledClass,s.currentPage===i.options.totalPages);break;case"prev":e.toggleClass(i.options.disabledClass,!i.options.loop&&1===s.currentPage);break;case"next":e.toggleClass(i.options.disabledClass,!i.options.loop&&s.currentPage===i.options.totalPages)}})},setupEvents:function(){var s=this;this.$listContainer.off("click").on("click","li",function(i){var e=t(this);if(e.hasClass(s.options.disabledClass)||e.hasClass(s.options.activeClass))return!1;s.options.href||i.preventDefault(),s.show(parseInt(e.data("page")))})},makeHref:function(t){return this.options.href?this.generateQueryString(t):"#"},makeText:function(t,s){return t.replace(this.options.pageVariable,s).replace(this.options.totalPagesVariable,this.options.totalPages)},getPageFromQueryString:function(t){var s=this.getSearchString(t),i=RegExp(this.options.pageVariable+"(=([^&#]*)|&|#|$)").exec(s);return i&&i[2]?(i=parseInt(i=decodeURIComponent(i[2])),isNaN(i))?null:i:null},generateQueryString:function(t,s){var i=this.getSearchString(s),e=RegExp(this.options.pageVariable+"=*[^&#]*");return i?"?"+i.replace(e,this.options.pageVariable+"="+t):""},getSearchString:function(t){var i=t||s.location.search;return""===i?null:(0===i.indexOf("?")&&(i=i.substr(1)),i)}},t.fn.twbsPagination=function(s){var i,e=Array.prototype.slice.call(arguments,1),a=t(this),n=a.data("twbs-pagination");return n||a.data("twbs-pagination",n=new o(this,"object"==typeof s?s:{})),"string"==typeof s&&(i=n[s].apply(n,e)),void 0===i?a:i},t.fn.twbsPagination.defaults={totalPages:1,startPage:1,visiblePages:5,initiateStartPageClick:!0,hideOnlyOnePage:!1,href:!1,pageVariable:"{{page}}",totalPagesVariable:"{{total_pages}}",page:null,first:"First",prev:"Previous",next:"Next",last:"Last",loop:!1,onPageClick:null,paginationClass:"pagination",nextClass:"page-item next",prevClass:"page-item prev",lastClass:"page-item last",firstClass:"page-item first",pageClass:"page-item",activeClass:"active",disabledClass:"disabled",anchorClass:"page-link"},t.fn.twbsPagination.Constructor=o,t.fn.twbsPagination.noConflict=function(){return t.fn.twbsPagination=a,this},t.fn.twbsPagination.version="1.4.1"}(window.jQuery,window,document); \ No newline at end of file diff --git a/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/singulink.css b/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/singulink.css index b7200ca68..b834c8e2f 100644 --- a/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/singulink.css +++ b/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/singulink.css @@ -1,60 +1,597 @@ +@keyframes showThat { + 0% { + opacity: 0; + visibility: hidden + } + + 1% { + opacity: 0; + visibility: visible + } + + to { + opacity: 1; + visibility: visible + } +} + +@keyframes hideThat { + 0% { + opacity: 1; + visibility: visible + } + + 99% { + opacity: 0; + visibility: visible + } + + to { + opacity: 0; + visibility: hidden + } +} + +::-webkit-scrollbar { + width: 10px +} + +::-webkit-scrollbar-track { + background: var(--scrollbar-bg-color) +} + +::-webkit-scrollbar-thumb { + background: var(--scrollbar-thumb-bg-color); + border-color: var(--scrollbar-thumb-border-color); + border-radius: 5px +} + +::marker { + unicode-bidi: isolate; + font-variant-numeric: tabular-nums; + text-transform: none; + text-indent: 0!important; + text-align: start!important; + text-align-last: start!important +} + +*,:after,:before { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box +} + +body,html { + padding: 0; + margin: 0; + font: 15px/150%"Roboto",sans-serif; + color: var(--text-color); + background-color: var(--main-bg-color) +} + +img { + max-width: 100% +} + +ol>li,ul>li { + display: list-item +} + +h1 { + color: var(--link-active-color) +} + +h1,h2,h3,h4,h5 { + position: relative +} + +h1,h2 { + margin-block-start: 2em +} + +h3 { + color: var(--h3-color) +} + +h4 { + opacity: 1; + color: var(--h4-color); + border-bottom: 2px solid var(--separator-color); + margin: 20px 0 0 +} + +h5 { + margin-block-end: .8em; + margin-block-start: 1em; + font-weight: 500; + color: var(--h5-color) +} + +h6 { + font-size: .75em; + margin: 0 +} + +p { + font-weight: 400 +} + +ul { + position: relative +} + +ol,ul { + padding-inline-start: 3em +} + +ul.level1 { + list-style-type: none; + padding-inline-start: 0 +} + +ul.level2,ul.level3 { + list-style-type: none; + font-size: .9em +} + +a { + color: var(--link-color); + text-decoration: none; + transition: color .25s +} + +a:focus,a:hover { + color: var(--link-hover-color); + text-decoration: underline +} + +a.anchorjs-link:hover { + text-decoration: none +} + +a.active,a:active { + color: var(--link-active-color) +} + +.body-content { + display: flex; + flex-direction: row; + height: 100%; + overflow-x: hidden; + overflow-y: hidden +} + +.footer>h4,.page-title { + margin-block-start: 0 +} + +nav { + transition: left .5s ease-out; + position: fixed; + left: -350px; + top: 40px; + bottom: 0; + background-color: var(--sidebar-bg-color); + overflow-y: auto; + display: flex; + flex-direction: column; + z-index: 1000 +} + +h1:first-child { + margin-top: 1.1em +} + +.sidebar { + flex: 1 +} + +.sidebar-item { + font-size: 1em; + font-weight: 400; + display: block; + padding: 4px 16px; + color: var(--sidebar-item-color) +} + +#navbar .sidebar-item,.sidebar-item.large { + padding: 8px 16px +} + +a.sidebar-item:focus,a.sidebar-item:hover { + color: var(--link-active-color); + text-decoration: none +} + +a.sidebar-item.active { + color: var(--link-active-color) +} + +ul.level1>li>a.sidebar-item { + background-color: transparent; + border-radius: 4px +} + +#toc ul.level1>li>a.sidebar-item.active { + background-color: var(--link-active-bg-color) +} + +.sidebar-item-separator { + height: 2px; + width: 100%; + background-color: var(--separator-color); + opacity: .8 +} + +span.sidebar-item { + font-weight: 700; + text-transform: uppercase; + font-size: .8em; + color: var(--text-color); + margin-block-start: 1.25em +} + +.main-panel { + background-color: var(--main-bg-color); + flex: 1; + overflow-x: hidden; +} + +.top-navbar { + display: flex; + flex-direction: row; + align-items: center; + background-color: var(--topbar-bg-color) +} + +.burger-icon { + color: var(--button-color) +} + +.burger-icon:focus,.burger-icon:hover { + color: var(--link-active-color) +} + +.burger-icon.active,.burger-icon:active { + color: var(--link-active-color) +} + +.brand { + display: flex; + align-items: center; + justify-content: start +} + +.logomark { + height: 28px +} + +.brand-title { + padding: 0 .5em; + font-size: .9em; + color: var(--link-active-color) +} + +.blackout,.footer { + background-color: var(--footer-bg-color) +} + +.footer { + margin: 0 20px 20px; + border-radius: 8px +} + +.blackout { + display: block; + visibility: hidden; + position: absolute; + z-index: 100; + bottom: 0; + left: 0; + right: 0 +} + +.showThat { + animation: showThat .5s forwards +} + +.hideThat { + animation: hideThat .5s forwards +} + +@media (min-width:1024px) { + nav { + position: fixed; + left: 0!important; + top: 0; + bottom: 0 + } + + .blackout,.top-navbar { + display: none + } +} + +.table-responsive { + overflow-x: auto +} + +table { + background-color: var(--code-bg-color); + border-collapse: collapse; + width: 100%; + table-layout: auto +} + +table.table-striped tbody tr:nth-child(2n) { + background-color: var(--table-strip-bg-color) +} + +table thead { + background: var(--table-header-bg-color) +} + +table th { + color: var(--table-header-color); + text-transform: uppercase; + line-height: 15px; + border-bottom: 1px solid var(--table-header-border-color); + font-size: 14px; + padding: 9px 10px +} + +.table-condensed th { + text-align: left +} + +table td { + padding: 6px 10px +} + +.mainContainer[dir=rtl] main ul[role=tablist],table td>p { + margin: 0 +} + +.alert,blockquote { + border-radius: 4px; + padding: 8px; + margin: 25px 0 +} + +.alert>h5 { + display: none; + margin: 0 +} + +.alert>p,blockquote>p { + margin: 0; + font-size: 13px +} + +.alert>p,table td { + font-weight: 300 +} + +.alert.alert-info { + border: 2px solid var(--alert-info-border-color); + background: var(--alert-info-bg-color) +} + +.alert.alert-warning { + border: 2px solid var(--alert-warning-border-color); + background: var(--alert-warning-bg-color) +} + +.alert.alert-danger { + border: 2px solid var(--alert-danger-border-color); + background: var(--alert-danger-bg-color) +} + +.TIP.alert.alert-info { + border: 2px solid var(--alert-tip-border-color); + background: var(--alert-tip-bg-color) +} + +blockquote { + margin: 8px 0; + border-left: 4px solid var(--blockquote-border-color); + background: var(--blockquote-bg-color) +} + +blockquote>p { + font-style: italic +} + +#breadcrumb { + padding: 8px 16px; + background: var(--breadcrumb-bg-color); + border-radius: 4px; + overflow: scroll; + margin-bottom: 0 +} + +#breadcrumb:empty { + display: none +} + +ul.breadcrumb { + display: flex; + flex-direction: row; + margin: 0 +} + +ul.breadcrumb>li { + margin-right: 6px +} + +ul.breadcrumb>li::before { + content: "/"; + margin-right: 5px +} + +ul.breadcrumb>li:first-child::before { + content: ""; + margin: 0 +} + +legend,pre { + display: block; + background-color: var(--code-bg-color); + border-radius: 4px; + padding: 6px +} + +.hljs { + background: 0 0 +} + +.small { + font-size: .9em +} + +.pull-right { + float: right +} + +#breadcrumb wbr,.hide,.sidetoc li>ul,ul.level1>li>.expand-stub { + display: none +} + +@media (max-width:1023.98px) { + .mobile-hide { + display: none + } +} + +li { + position: relative +} + +.expand-stub { + cursor: pointer; + position: absolute; + width: 20px; + height: 20px; + left: -10px +} + +.toc .nav>li.active>.expand-stub::before,.toc .nav>li>.expand-stub::before { + content: " "; + position: absolute; + transform: rotate(-90deg); + background-repeat: no-repeat; + background: url(down-arrow.svg) +} + +.toc .nav>li.active>.expand-stub::before,.toc .nav>li.filtered>.expand-stub::before,.toc .nav>li.in.active>.expand-stub::before,.toc .nav>li.in>.expand-stub::before { + transform: none +} + +li,li.in>ul { + display: block +} + +ul.level2>li>a.sidebar-item { + font-size: .95em; + padding: 0 +} + +ul.level3>li>a.sidebar-item { + padding: 0 +} + +ul.level2>li>a.sidebar-item:focus,ul.level2>li>a.sidebar-item:hover,ul.level3>li>a.sidebar-item:focus,ul.level3>li>a.sidebar-item:hover { + color: var(--link-active-color); + text-decoration: underline +} + +ul.level2>li>a.sidebar-item.active,ul.level3>li>a.sidebar-item.active { + color: var(--link-active-color) +} + +.inheritance .level0:before,.inheritance .level1:before,.inheritance .level2:before,.inheritance .level3:before,.inheritance .level4:before,.inheritance .level5:before { + content: "↳"; + margin-right: 5px +} + +.inheritance .level0 { + margin-left: 0 +} + +.inheritance .level1 { + margin-left: 1em +} + +.inheritance .level2 { + margin-left: 2em +} + +.inheritance .level3 { + margin-left: 3em +} + +.inheritance .level4 { + margin-left: 4em +} + +.inheritance .level5 { + margin-left: 5em +} + body { - font-size: var(--base-font-size); + font-size: var(--base-font-size) } -@media (max-width: 1024px) { +@media (max-width:1024px) { body { - font-size: var(--smalldevice-base-font-size); + font-size: var(--smalldevice-base-font-size) } } -/* Headings */ - -h1, h2, h3, h4, h5 { - line-height: initial; +h1,h2,h3,h4,h5 { + line-height: initial } -h1, h1:first-child { +h1,h1:first-child { font-size: 2.25em; - letter-spacing: 0.5px; + letter-spacing: .5px; color: var(--h1-color); margin-block-start: 1em; - margin-block-end: -0.05em; + margin-block-end: -.05em } .article h1 { - margin-block-end: -0.2em; + margin-block-end: -.2em } h2 { font-size: 2.1em; - color: var(--h2-color); + color: var(--h2-color) } .article h2 { margin-block-start: 1.3em; padding-bottom: 6px; - border-bottom: 1px solid var(--separator-color); + border-bottom: 1px solid var(--separator-color) } -h3 { +.article h3,h3 { font-size: 1.95em; font-weight: 500; - margin-block-start: 1.7em; + margin-block-start: 1.7em } .article h3 { font-size: 1.85em; - font-weight: 500; margin-block-start: 1.2em; - margin-block-end: 0.9em; + margin-block-end: .9em } h4 { font-size: 1.8em; font-weight: 400; margin-block-start: 2em; - padding-bottom: 10px; + padding-bottom: 10px } .article h4 { @@ -63,11 +600,11 @@ h4 { margin-block-start: 1em; margin-block-end: 1em; padding-bottom: 0; - border-bottom: none; -} + border-bottom: none +} h5 { - font-size: 1.1em; + font-size: 1.1em } .article h5 { @@ -75,106 +612,100 @@ h5 { font-weight: 400; text-decoration: underline; margin-block-start: 1.5em; - margin-block-end: 1.0em; + margin-block-end: 1em } -a.brand:hover -{ - text-decoration: none; +a.brand:hover { + text-decoration: none } a.brand .brand-title { font-size: 1.4em; font-weight: 500; - letter-spacing: 0.5px; + letter-spacing: .5px; color: var(--appname-color); margin-top: 1px; - padding: 0 0 0 0.4em; + padding: 0 0 0 .4em } -@media (min-width: 1024px) { +@media (min-width:1024px) { a.brand .brand-title { - font-size: 1.55em; + font-size: 1.55em } } - a.brand .logomark { - height: 35px; + height: 35px } -/* Top bar */ - .top-navbar { height: 60px; - padding: 0 0 0 10px; + padding: 0 0 0 10px } .burger-icon { - margin-right: 10px; + margin-right: 10px } -/* Side Bar */ - .sidebar { - padding: 25px 17px 32px 17px; + padding: 25px 17px 32px } .blackout { - top: 60px; + top: 60px } -@media (max-width: 1023.98px) { +@media (max-width:1023.98px) { .navbar-nav { - margin-top: 0; + margin-top: 0 } } nav { width: 94%; max-width: var(--sidebar-width); - left: calc(var(--sidebar-width) * -1); + left: calc(var(--sidebar-width)*-1) } -@media (max-width: 1023.98px) { +@media (max-width:1023.98px) { nav { - top: 60px; + top: 60px } } nav ul { - list-style-type: none; + list-style-type: none } -nav .nav a, nav .nav a:hover { +nav .nav a,nav .nav a:hover { text-decoration: none; cursor: pointer; - display: block; + display: block } nav a.sidebar-item { padding: 4px 0 4px 10px; - cursor: pointer; + cursor: pointer } -nav a:focus, nav a.sidebar-item:hover, nav a.sidebar-item:focus { - text-decoration: underline; +.footer a:focus,.footer a:hover,nav a.sidebar-item:focus,nav a.sidebar-item:hover,nav a:focus { + text-decoration: underline } -nav a, nav a:hover, nav a:focus { - color: var(--sidebar-item-color) !important; +nav a,nav a:focus,nav a:hover { + color: var(--sidebar-item-color)!important } -nav a.active, nav a.active:hover, nav a.active:focus { - color: var(--sidebar-active-item-color) !important; +nav a.active,nav a.active:focus,nav a.active:hover { + color: var(--sidebar-active-item-color)!important } .sidebar-item-separator { - margin: 20px 0; + margin: 20px 0 } #toc ul li a { - padding: 0 0 0 10px; + padding: 0 0 0 10px } .search { @@ -182,290 +713,334 @@ nav a.active, nav a.active:hover, nav a.active:focus { border: 1px solid var(--search-border-color); border-radius: 5px; position: relative; - margin-block-start: 25px; + margin-block-start: 25px } -@media (max-width: 1023.98px) { +@media (max-width:1023.98px) { .search { margin-block-start: 0; - margin-block-end: 15px; + margin-block-end: 15px } } -.search > input { - font-size: 0.95em; +.search>input { + font-size: .95em; color: var(--search-color); border: 0; - background: none; + background: 0 0; padding: 11px 30px 10px 37px; - width: 100%; + width: 100% } -.search > input:focus { - outline: 0; +.search>input:focus,.toc-filter>input:focus { + outline: 0 } -.search > .search-icon { +.search>.search-icon,.toc-filter>.filter-icon { font-size: 1.2em; color: var(--search-searchicon-color); position: absolute; top: 9px; - left: 9px; + left: 9px } .toc-filter { background: var(--toc-filter-bg-color); border: 1px solid var(--toc-filter-border-color); border-radius: 5px; - position: relative; + position: relative } -.toc-filter > input { - font-size: 0.95em; +.toc-filter>input { + font-size: .95em; color: var(--toc-filter-color); border: 0; - background: none; + background: 0 0; padding: 11px 30px 10px 37px; - width: 100%; -} - -.toc-filter > input:focus { - outline: 0; + width: 100% } -.toc-filter > .filter-icon { - font-size: 1.2em; - color: var(--toc-filter-filtericon-color); - position: absolute; - top: 9px; - left: 9px; +.toc-filter>.filter-icon { + color: var(--toc-filter-filtericon-color) } -.toc-filter > .clear-icon { +.toc-filter>.clear-icon { color: var(--toc-filter-clearicon-color); position: absolute; top: 9px; right: 9px; - cursor: pointer; + cursor: pointer } -.toc .nav > li > .expand-stub::before, .toc .nav > li.active > .expand-stub::before -{ +.toc .nav>li.active>.expand-stub::before,.toc .nav>li>.expand-stub::before { width: 8px; height: 8px; top: 6px; - left: 6px; + left: 6px } -#toc ul.level2 -{ - margin-bottom: 20px; +#toc ul.level2 { + margin-bottom: 20px } -#toc ul.level1 > li > a { +#toc ul.level1>li>a { font-weight: 500; margin-bottom: 10px; - padding: 5px 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,#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; +#toc ul.level1>li>a.active:focus,#toc ul.level1>li>a.active:hover,#toc ul.level1>li>a:focus,#toc ul.level1>li>a:hover { + background-color: var(--sidebar-level1-item-hover-bg-color)!important; + text-decoration: none } ul.level2 { - padding-inline-start: 0.7em; + padding-inline-start: .7em } ul.level2 .expand-stub { - top: 1px; + top: 1px } -ul.level2 > li > a, ul.level2 > li > a.sidebar-item { +ul.level2>li>a,ul.level2>li>a.sidebar-item { font-weight: 400; color: var(--sidebar-item-color); - margin: 4px 0 4px; + margin: 4px 0 } ul.level3 { - padding-inline-start: 1em; + padding-inline-start: 1em } -ul.level3 > li > a, ul.level3 > li > a.sidebar-item { +ul.level3>li>a,ul.level3>li>a.sidebar-item,ul.level4>li>a,ul.level4>li>a.sidebar-item { font-size: 1.05em; color: var(--sidebar-item-color); - margin: 4px 0; + margin: 4px 0 } ul.level4 { padding-inline-start: 0; - margin-bottom: 12px; + 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; +ul.level4>li>a,ul.level4>li>a.sidebar-item { + margin: 5px 0 5px 10px } -/* Breadcrumbs */ - .subnav.navbar { - margin: 0 -15px; -} - -#breadcrumb { - overflow: scroll; - margin-bottom: 0; + margin: 0-15px } #breadcrumb::-webkit-scrollbar { - display: none; + display: none } #breadcrumb a { - white-space: nowrap; -} - -#breadcrumb wbr { - display: none; + white-space: nowrap } -/* Search Results */ - #search-results h1 { - margin-block-start: 0.5em; + margin-block-start: .5em } #search-results .item-title { font-size: 1.3em; - margin-top: 1.5em; + margin-top: 1.5em } -#search-results .item-href { - font-size: 0.85em; +#search-results .item-href { + font-size: .85em } #search-results .item-brief { - margin-top: 0.7em; + margin-top: .7em } #search-results ul.pagination { text-align: center; - padding: 10px 0 0 0; + padding: 10px 0 0; margin-block-start: 40px; - border-top: 1px solid var(--separator-color); + border-top: 1px solid var(--separator-color) } -#search-results ul.pagination > li { +#search-results ul.pagination>li { display: inline-block; - margin: 0 10px; + margin: 0 10px } -#search-results ul.pagination > li.disabled a, #search-results ul.pagination > li.disabled a:hover { +#search-results ul.pagination>li.disabled a,#search-results ul.pagination>li.disabled a:hover { color: var(--text-color); cursor: txt; - text-decoration: none; + text-decoration: none } -/* Content */ - .main-panel { margin-bottom: 60px; - padding: 20px; + padding: 20px } -@media (min-width: 1024px) { +@media (min-width:1024px) { .main-panel { margin-bottom: 0; - padding: 20px 40px; + margin-left: var(--sidebar-width); + padding: 20px 40px } } .pull-right { margin-top: 70px; - /* Fix unclickable links */ position: relative; - z-index: 1; + z-index: 1 } .divider { - margin-left: 4px; -} - -article ul li, article ol li { - margin-bottom: 10px; + margin-left: 4px } -legend, pre { - padding: 6px; +article ol li,article ul li { + margin-bottom: 10px } .hljs { - color: var(--code-color); + color: var(--code-color) } .hljs::-webkit-scrollbar { - height: 6px; + height: 6px } -.hljs-keyword, .hljs-title, .hljs-built_in { - font-style: normal; +.hljs-built_in,.hljs-keyword,.hljs-title { + font-style: normal } -p .xref, code { +code,p .xref { background-color: var(--ref-bg-color); color: var(--ref-color); padding: 2px 3px; - font-family: monospace; - font-size: 0.95em; - border-radius: 6px; + font-size: .95em; + border-radius: 6px } -span.parametername { - font-family: monospace; +code,p .xref,span.parametername { + font-family: monospace } .table { - width: auto; + width: auto } .table-responsive { - margin-bottom: 0; -} - -table th { - font-size: 14px; - padding: 9px 10px; + margin-bottom: 0 } table td p { - font-weight: 300; -} - -table td { - padding: 6px 10px; + font-weight: 300 } .footer { text-align: center; color: var(--text-color); - padding: 10px; -} - -.footer a:hover, .footer a:focus { - text-decoration: underline; + padding: 10px } .copyright-footer { - font-size: 0.85em; - font-weight: bold; + font-size: .85em; + font-weight: 700; text-align: center; - margin-block-start: 30px; -} \ No newline at end of file + margin-block-start: 30px +} + +#contribution { + float: right; + margin-top: 1.1em; + position: relative; + z-index: 999 +} + +.tabGroup { + margin-top: 1rem; + margin-bottom: 1rem +} + +.tabGroup ul[role=tablist] { + margin: 0; + padding: 0; + list-style: none; + border-bottom: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color) +} + +.tabGroup ul[role=tablist]>li { + list-style: none; + display: inline-block; + margin-bottom: 0 +} + +.tabGroup ul[role=tablist] .dropdown-menu { + margin-top: calc(-1*var(--nav-tabs-border-width)); + border-top-left-radius: 0; + border-top-right-radius: 0 +} + +.tabGroup a[role=tab] { + display: block; + text-decoration: none; + padding: .5rem 1rem; + margin-bottom: calc(-1*var(--nav-tabs-border-width)); + border: var(--nav-tabs-border-width) solid transparent; + border-top-left-radius: var(--nav-tabs-border-radius); + border-top-right-radius: var(--nav-tabs-border-radius) +} + +.tabGroup a[role=tab]:focus,.tabGroup a[role=tab]:hover { + isolation: isolate; + border-color: var(--nav-tabs-link-hover-border-color) +} + +.tabGroup a[role=tab][aria-selected=true] { + color: var(--nav-tabs-link-active-color); + background-color: var(--nav-tabs-link-active-bg); + border-color: var(--nav-tabs-link-active-border-color) +} + +.tabGroup a[role=tab]:disabled { + color: var(--nav-link-disabled-color); + background-color: transparent; + border-color: transparent +} + +.tabGroup section[role=tabpanel] { + padding: 15px; + margin: 0; + overflow: hidden; + border: var(--nav-tabs-border-width) solid var(--nav-tabs-border-color); + border-top: none; + border-bottom-left-radius: var(--nav-tabs-border-radius); + border-bottom-right-radius: var(--nav-tabs-border-radius) +} + +.tabGroup section[role=tabpanel]>.codeHeader,.tabGroup section[role=tabpanel]>pre { + margin-left: -16px; + margin-right: -16px +} + +.tabGroup section[role=tabpanel]>:first-child { + margin-top: 0 +} + +.tabGroup section[role=tabpanel]>pre:last-child { + display: block; + margin-bottom: -16px +} + +.tabGroup>section { + margin: 0; + padding: 1rem; + border-top: 0; + border-top-left-radius: 0; + border-top-right-radius: 0 +} diff --git a/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/singulink.js b/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/singulink.js index 40b0d0b41..65fd38c17 100644 --- a/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/singulink.js +++ b/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/styles/singulink.js @@ -7,7 +7,7 @@ function toggleMenu() { if (sidebar.style.left === "0px") { - sidebar.style.left = "-" + sidebar.offsetWidth + "px"; + sidebar.style.left = "-" + sidebar.getBoundingClientRect().width + "px"; blackout.classList.remove("showThat"); blackout.classList.add("hideThat"); } diff --git a/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/toc.html.tmpl b/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/toc.html.primary.tmpl similarity index 99% rename from Docs/SuperLinq.Docs/singulinkfx/singulinkfx/toc.html.tmpl rename to Docs/SuperLinq.Docs/singulinkfx/singulinkfx/toc.html.primary.tmpl index 6549e62e7..f4deb5e3e 100644 --- a/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/toc.html.tmpl +++ b/Docs/SuperLinq.Docs/singulinkfx/singulinkfx/toc.html.primary.tmpl @@ -19,4 +19,4 @@