mirror of
https://github.com/McShelby/hugo-theme-relearn.git
synced 2025-05-04 09:06:37 +00:00
deploy: e18c213e8c
This commit is contained in:
McShelby
parent
ac404893ad
commit
153ab53d15
274 changed files with 15806 additions and 15774 deletions
|
|
@ -44,9 +44,9 @@
|
|||
.autocomplete-suggestion:hover > .context,
|
||||
.autocomplete-suggestion:focus > .context,
|
||||
.autocomplete-suggestion:active > .context,
|
||||
#searchresults .autocomplete-suggestion:hover > .context,
|
||||
#searchresults .autocomplete-suggestion:focus > .context,
|
||||
#searchresults .autocomplete-suggestion:active > .context {
|
||||
#R-searchresults .autocomplete-suggestion:hover > .context,
|
||||
#R-searchresults .autocomplete-suggestion:focus > .context,
|
||||
#R-searchresults .autocomplete-suggestion:active > .context {
|
||||
background: rgba( 56, 56, 56, 1 );
|
||||
color: rgba( 255, 255, 255, 1 );
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
@import "theme-relearn-light.css";
|
||||
|
||||
#sidebar {
|
||||
#R-sidebar {
|
||||
display: none;
|
||||
}
|
||||
#body {
|
||||
#R-body {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
min-width: 100% !important;
|
||||
max-width: 100% !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
#body #navigation {
|
||||
#R-body #navigation {
|
||||
display: none;
|
||||
}
|
||||
html{
|
||||
|
|
@ -27,7 +27,7 @@ code.copy-to-clipboard-code {
|
|||
pre {
|
||||
border: 1px solid rgba( 204, 204, 204, 1 );
|
||||
}
|
||||
#body #topbar{
|
||||
#R-body #R-topbar{
|
||||
background-color: rgba( 255, 255, 255, 1 ); /* avoid background bleeding*/
|
||||
border-bottom: 1px solid rgba( 221, 221, 221, 1 );
|
||||
border-radius: 0;
|
||||
|
|
@ -35,36 +35,36 @@ pre {
|
|||
padding-left: 0; /* for print, we want to align with the footer to ease the layout */
|
||||
padding-right: 0;
|
||||
}
|
||||
#body .topbar-button {
|
||||
#R-body .topbar-button {
|
||||
/* we don't need the buttons while printing */
|
||||
display: none;
|
||||
}
|
||||
@media screen and (max-width: 48rem) {
|
||||
#body .topbar-breadcrumbs {
|
||||
#R-body .topbar-breadcrumbs {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
#body .copy-to-clipboard-button {
|
||||
#R-body .copy-to-clipboard-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#body h1, #body h2, #body h3, #body .article-subheading, #body h4, #body h5, #body h6 {
|
||||
#R-body h1, #R-body h2, #R-body h3, #R-body .article-subheading, #R-body h4, #R-body h5, #R-body h6 {
|
||||
/* better contrast for colored elements */
|
||||
color: rgba( 0, 0, 0, 1 );
|
||||
}
|
||||
#body th, #body td,
|
||||
#body code, #body strong, #body b,
|
||||
#body li, #body dd, #body dt,
|
||||
#body p,
|
||||
#body a, #body button, #body .badge .badge-content {
|
||||
#R-body th, #R-body td,
|
||||
#R-body code, #R-body strong, #R-body b,
|
||||
#R-body li, #R-body dd, #R-body dt,
|
||||
#R-body p,
|
||||
#R-body a, #R-body button, #R-body .badge .badge-content {
|
||||
/* better contrast for colored elements */
|
||||
color: rgba( 0, 0, 0, 1 );
|
||||
}
|
||||
#body .anchor{
|
||||
#R-body .anchor{
|
||||
display: none;
|
||||
}
|
||||
#body pre,
|
||||
#body code {
|
||||
#R-body pre,
|
||||
#R-body code {
|
||||
background-color: rgba( 255, 255, 255, 1 );
|
||||
border-color: rgba( 221, 221, 221, 1 );
|
||||
}
|
||||
|
|
@ -73,21 +73,21 @@ hr{
|
|||
border-bottom: 1px solid rgba( 221, 221, 221, 1 );
|
||||
}
|
||||
body,
|
||||
#body,
|
||||
#body-inner {
|
||||
#R-body,
|
||||
#R-body-inner {
|
||||
overflow: visible !important; /* turn off limitations for perfect scrollbar */
|
||||
}
|
||||
#body #body-inner {
|
||||
#R-body #R-body-inner {
|
||||
/* reset paddings for chapters in screen */
|
||||
padding: 0 3.25rem 4rem 3.25rem;
|
||||
}
|
||||
|
||||
#body #body-inner h1 {
|
||||
#R-body #R-body-inner h1 {
|
||||
border-bottom: 1px solid rgba( 221, 221, 221, 1 );
|
||||
margin-bottom: 2rem;
|
||||
padding-bottom: .75rem;
|
||||
}
|
||||
#body-inner .chapter h3:first-of-type {
|
||||
#R-body-inner .chapter h3:first-of-type {
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
|
|
@ -112,26 +112,26 @@ h1 + .footline{
|
|||
display: none;
|
||||
}
|
||||
|
||||
#body #body-inner .headline a,
|
||||
#body #body-inner .footline a,
|
||||
#body #body-inner .btn a {
|
||||
#R-body #R-body-inner .headline a,
|
||||
#R-body #R-body-inner .footline a,
|
||||
#R-body #R-body-inner .btn a {
|
||||
text-decoration: none;
|
||||
}
|
||||
#body #body-inner a {
|
||||
#R-body #R-body-inner a {
|
||||
/* in print we want to distinguish links in our content from
|
||||
normal text even if printed black/white;
|
||||
don't use a.highlight in selector to also get links that are
|
||||
put as HTML into markdown */
|
||||
text-decoration-line: underline;
|
||||
}
|
||||
#topbar{
|
||||
#R-topbar{
|
||||
/* the header is sticky which is not suitable for print; */
|
||||
position: inherit; /* IE11 doesn't know "initial" here */
|
||||
}
|
||||
#topbar > .topbar-wrapper {
|
||||
#R-topbar > .topbar-wrapper {
|
||||
background-color: rgba( 255, 255, 255, 1 ); /* IE11 doesn't know "initial" here */
|
||||
}
|
||||
#body .topbar-sidebar-divider {
|
||||
#R-body .topbar-sidebar-divider {
|
||||
border-width: 0;
|
||||
}
|
||||
.tags {
|
||||
|
|
@ -151,17 +151,17 @@ div.box > .box-content {
|
|||
}
|
||||
|
||||
.btn,
|
||||
#body .tab-nav-button {
|
||||
#R-body .tab-nav-button {
|
||||
color: rgba( 0, 0, 0, 1 );
|
||||
}
|
||||
#body .tab-nav-button.active {
|
||||
#R-body .tab-nav-button.active {
|
||||
border-bottom-color: rgba( 255, 255, 255, 1 );
|
||||
color: rgba( 0, 0, 0, 1 );
|
||||
}
|
||||
#body .tab-nav-button.active > * {
|
||||
#R-body .tab-nav-button.active > * {
|
||||
background-color: rgba( 255, 255, 255, 1 );
|
||||
}
|
||||
#body .tab-content-text {
|
||||
#R-body .tab-content-text {
|
||||
background-color: rgba( 255, 255, 255, 1 ) ;
|
||||
color: rgba( 0, 0, 0, 1 );
|
||||
}
|
||||
|
|
@ -169,6 +169,6 @@ div.box > .box-content {
|
|||
article {
|
||||
break-before: page;
|
||||
}
|
||||
#body-inner > * > article:first-of-type {
|
||||
#R-body-inner > * > article:first-of-type {
|
||||
break-before: avoid;
|
||||
}
|
||||
|
|
|
|||
148
css/ie.css
148
css/ie.css
|
|
@ -15,10 +15,10 @@
|
|||
padding-left: 0.85rem;
|
||||
}
|
||||
/* theme */
|
||||
#sidebar {
|
||||
#R-sidebar {
|
||||
left: 0;
|
||||
}
|
||||
#header {
|
||||
#R-header {
|
||||
border-right: 1px solid transparent;
|
||||
}
|
||||
.searchbox > :first-child {
|
||||
|
|
@ -31,16 +31,16 @@
|
|||
padding-left: 1.8rem;
|
||||
padding-right: 1.6rem;
|
||||
}
|
||||
#sidebar ul li.visited + span {
|
||||
#R-sidebar ul li.visited + span {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
#sidebar ul li .read-icon {
|
||||
#R-sidebar ul li .read-icon {
|
||||
right: 1rem;
|
||||
}
|
||||
#sidebar .nav-title {
|
||||
#R-sidebar .nav-title {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
#body {
|
||||
#R-body {
|
||||
margin-left: 18.75rem;
|
||||
}
|
||||
h2, h3, h4, h5, h6 {
|
||||
|
|
@ -55,11 +55,11 @@
|
|||
div.attachments .box-content {
|
||||
padding-left: 1.75rem;
|
||||
}
|
||||
#body-inner ul.children-h2,
|
||||
#body-inner ul.children-h3,
|
||||
#body-inner ul.children-h4,
|
||||
#body-inner ul.children-h5,
|
||||
#body-inner ul.children-h6 {
|
||||
#R-body-inner ul.children-h2,
|
||||
#R-body-inner ul.children-h3,
|
||||
#R-body-inner ul.children-h4,
|
||||
#R-body-inner ul.children-h5,
|
||||
#R-body-inner ul.children-h6 {
|
||||
/* if we display children with style=h2 but without a containerstyle
|
||||
a ul will be used for structuring; we remove default indention for uls
|
||||
in this case */
|
||||
|
|
@ -76,7 +76,7 @@
|
|||
.topbar-wrapper > .topbar-area-end > .topbar-button > .topbar-control {
|
||||
border-left: 1px solid rgba( 134, 134, 134, .333 );
|
||||
}
|
||||
#body .topbar-sidebar-divider {
|
||||
#R-body .topbar-sidebar-divider {
|
||||
border-left-style: solid;
|
||||
border-left-width: 1px;
|
||||
margin-right: -1px;
|
||||
|
|
@ -89,21 +89,21 @@
|
|||
left: 1rem;
|
||||
}
|
||||
@media screen and (max-width: 60rem) {
|
||||
#body {
|
||||
#R-body {
|
||||
margin-left: 14.375rem;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 48rem) {
|
||||
.mobile-support #sidebar {
|
||||
.mobile-support #R-sidebar {
|
||||
left: -14.375rem;
|
||||
}
|
||||
.mobile-support #body {
|
||||
.mobile-support #R-body {
|
||||
margin-left: 0;
|
||||
}
|
||||
.mobile-support.sidebar-flyout #sidebar {
|
||||
.mobile-support.sidebar-flyout #R-sidebar {
|
||||
left: 0;
|
||||
}
|
||||
.mobile-support.sidebar-flyout #body {
|
||||
.mobile-support.sidebar-flyout #R-body {
|
||||
margin-left: 14.375rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -167,10 +167,10 @@
|
|||
margin-left: -1rem;
|
||||
}
|
||||
/* tabs */
|
||||
#body .tab-nav-button {
|
||||
#R-body .tab-nav-button {
|
||||
margin-left: .6rem;
|
||||
}
|
||||
#body .tab-content{
|
||||
#R-body .tab-content{
|
||||
margin-top: -1px;
|
||||
}
|
||||
/* auto-complete */
|
||||
|
|
@ -181,25 +181,25 @@
|
|||
margin-left: 1em;
|
||||
}
|
||||
/* menu */
|
||||
#sidebar ul ul {
|
||||
#R-sidebar ul ul {
|
||||
padding-left: 1rem;
|
||||
}
|
||||
#sidebar ul.collapsible-menu > li > label {
|
||||
#R-sidebar ul.collapsible-menu > li > label {
|
||||
left: 0;
|
||||
padding-left: .125rem;
|
||||
}
|
||||
html[dir="rtl"] #sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
|
||||
html[dir="rtl"] #R-sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
|
||||
#header-topbar {
|
||||
#R-header-topbar {
|
||||
border-right-style: solid;
|
||||
border-right-width: 1px;
|
||||
}
|
||||
|
||||
#header-wrapper,
|
||||
#homelinks,
|
||||
#content-wrapper > * {
|
||||
#R-header-wrapper,
|
||||
#R-homelinks,
|
||||
#R-content-wrapper > * {
|
||||
border-right-style: solid;
|
||||
border-right-width: 1px;
|
||||
}
|
||||
|
|
@ -218,15 +218,15 @@
|
|||
a,
|
||||
.anchor,
|
||||
.topbar-button button,
|
||||
#searchresults .autocomplete-suggestion {
|
||||
#R-searchresults .autocomplete-suggestion {
|
||||
color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */
|
||||
}
|
||||
|
||||
#body .topbar-sidebar-divider {
|
||||
#R-body .topbar-sidebar-divider {
|
||||
border-left-color: rgba( 125, 201, 3, 1 ); /* var(--MENU-TOPBAR-SEPARATOR-color) */
|
||||
}
|
||||
@media screen and (max-width: 48rem) {
|
||||
#body .topbar-sidebar-divider {
|
||||
#R-body .topbar-sidebar-divider {
|
||||
border-left-color: transparent;
|
||||
}
|
||||
}
|
||||
|
|
@ -237,11 +237,11 @@
|
|||
color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
#R-sidebar {
|
||||
background: rgba( 40, 40, 40, 1 ); /* var(--MENU-SECTIONS-BG-color) */
|
||||
}
|
||||
|
||||
#header-wrapper {
|
||||
#R-header-wrapper {
|
||||
/* initially use section background to avoid flickering on load when a
|
||||
non default variant is active */
|
||||
background-color: rgba( 0, 0, 0, 0 ); /* var(--MENU-SECTIONS-BG-color) */
|
||||
|
|
@ -258,8 +258,8 @@
|
|||
opacity: .45;
|
||||
}
|
||||
|
||||
#sidebar .searchbox > :first-child,
|
||||
#sidebar .searchbox > :last-child {
|
||||
#R-sidebar .searchbox > :first-child,
|
||||
#R-sidebar .searchbox > :last-child {
|
||||
color: rgba( 224, 224, 224, 1 ); /* var(--INTERNAL-MENU-SEARCH-color) */
|
||||
}
|
||||
|
||||
|
|
@ -268,51 +268,51 @@
|
|||
opacity: .666;
|
||||
}
|
||||
|
||||
#sidebar .collapsible-menu label,
|
||||
#sidebar .menu-control,
|
||||
#sidebar :is( a, span ) {
|
||||
#R-sidebar .collapsible-menu label,
|
||||
#R-sidebar .menu-control,
|
||||
#R-sidebar :is( a, span ) {
|
||||
color: rgba( 186, 186, 186, 1 ); /* var(--MENU-SECTIONS-LINK-color) */
|
||||
}
|
||||
|
||||
#sidebar select:hover,
|
||||
#sidebar .collapsible-menu li:not(.active) > label:hover,
|
||||
#sidebar .menu-control:hover,
|
||||
#sidebar a:hover {
|
||||
#R-sidebar select:hover,
|
||||
#R-sidebar .collapsible-menu li:not(.active) > label:hover,
|
||||
#R-sidebar .menu-control:hover,
|
||||
#R-sidebar a:hover {
|
||||
color: rgba( 255, 255, 255, 1 ); /* var(--MENU-SECTIONS-LINK-HOVER-color) */
|
||||
}
|
||||
|
||||
#sidebar .menu-control button,
|
||||
#sidebar .menu-control select{
|
||||
#R-sidebar .menu-control button,
|
||||
#R-sidebar .menu-control select{
|
||||
outline-color: rgba( 255, 255, 255, 1 ); /* var(--MENU-SECTIONS-LINK-HOVER-color) */
|
||||
}
|
||||
|
||||
#sidebar ul.enlarge > li.parent,
|
||||
#sidebar ul.enlarge > li.active {
|
||||
#R-sidebar ul.enlarge > li.parent,
|
||||
#R-sidebar ul.enlarge > li.active {
|
||||
background-color: rgba( 0, 0, 0, .166 ); /* var(--MENU-SECTIONS-ACTIVE-BG-color) */
|
||||
}
|
||||
|
||||
#sidebar li.active > label,
|
||||
#sidebar li.active > a {
|
||||
#R-sidebar li.active > label,
|
||||
#R-sidebar li.active > a {
|
||||
color: rgba( 68, 68, 68, 1 ); /* var(--MENU-SECTION-ACTIVE-CATEGORY-color) */
|
||||
}
|
||||
|
||||
#sidebar li.active > a {
|
||||
#R-sidebar li.active > a {
|
||||
background-color: rgba( 255, 255, 255, 1 ); /* var(--MENU-SECTION-ACTIVE-CATEGORY-BG-color) */
|
||||
}
|
||||
|
||||
#sidebar ul li > a .read-icon {
|
||||
#R-sidebar ul li > a .read-icon {
|
||||
color: rgba( 72, 106, 201, 1 ); /* var(--MENU-VISITED-color) */
|
||||
}
|
||||
|
||||
#sidebar .nav-title {
|
||||
#R-sidebar .nav-title {
|
||||
color: rgba( 186, 186, 186, 1 ); /* var(--MENU-SECTIONS-LINK-color) */
|
||||
}
|
||||
|
||||
#content-wrapper hr {
|
||||
#R-content-wrapper hr {
|
||||
border-color: rgba( 96, 96, 96, 1 ); /* var(--MENU-SECTION-SEPARATOR-color) */
|
||||
}
|
||||
|
||||
#footer {
|
||||
#R-footer {
|
||||
color: rgba( 186, 186, 186, 1 ); /* var(--MENU-SECTIONS-LINK-color) */
|
||||
}
|
||||
|
||||
|
|
@ -511,12 +511,12 @@
|
|||
background-color: rgba( 255, 255, 255, 1 ) /* var(--INTERNAL-MAIN-BG-color); */
|
||||
}
|
||||
|
||||
#topbar {
|
||||
#R-topbar {
|
||||
background-color: rgba( 255, 255, 255, 1 ); /* var(--MAIN-BG-color) */
|
||||
}
|
||||
|
||||
#body a[aria-disabled="true"],
|
||||
#searchresults .autocomplete-suggestion > .context {
|
||||
#R-body a[aria-disabled="true"],
|
||||
#R-searchresults .autocomplete-suggestion > .context {
|
||||
color: rgba( 16, 16, 16, 1 ); /* var(--MAIN-TEXT-color) - inherit is not processed correctly in Chrome */
|
||||
}
|
||||
|
||||
|
|
@ -547,19 +547,19 @@
|
|||
color: rgba( 248, 248, 248, 1 ); /* var(--CODE-BLOCK-BG-color) */
|
||||
}
|
||||
|
||||
#homelinks {
|
||||
#R-homelinks {
|
||||
background-color: rgba( 125, 201, 3, 1 ); /* var(--MENU-HEADER-BORDER-color) */
|
||||
}
|
||||
|
||||
#homelinks a {
|
||||
#R-homelinks a {
|
||||
color: rgba( 64, 64, 64, 1 ) /* var(--MENU-HOME-LINK-color) */
|
||||
}
|
||||
|
||||
#homelinks a:hover {
|
||||
#R-homelinks a:hover {
|
||||
color: rgba( 128, 128, 128, 1 ) /* var(--MENU-HOME-LINK-HOVER-color) */;
|
||||
}
|
||||
|
||||
#homelinks hr {
|
||||
#R-homelinks hr {
|
||||
border-color: rgba( 125, 201, 3, 1 ); /* var(--MENU-HEADER-SEPARATOR-color) */
|
||||
}
|
||||
|
||||
|
|
@ -694,17 +694,17 @@
|
|||
color: rgba( 74, 74, 74, 1 ); /* var(--MAIN-TITLES-TEXT-color) */
|
||||
}
|
||||
|
||||
#body .tags a.tag-link {
|
||||
#R-body .tags a.tag-link {
|
||||
background-color: rgba( 125, 201, 3, 1 ); /* var(--TAG-BG-color) */
|
||||
color: rgba( 255, 255, 255, 1 ); /* var(--MAIN-BG-color) */
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
#body .tags a.tag-link:before {
|
||||
#R-body .tags a.tag-link:before {
|
||||
border-right-color: rgba( 125, 201, 3, 1 ); /* var(--TAG-BG-color) */
|
||||
}
|
||||
|
||||
#body .tags a.tag-link:after {
|
||||
#R-body .tags a.tag-link:after {
|
||||
background: rgba( 255, 255, 255, 1 ); /* var(--MAIN-BG-color) */
|
||||
}
|
||||
|
||||
|
|
@ -780,11 +780,11 @@
|
|||
}
|
||||
|
||||
/* no style support for tabs in IE11; all styled as default */
|
||||
#body .tab-nav-button {
|
||||
#R-body .tab-nav-button {
|
||||
color: rgba( 16, 16, 16, 1 ); /* var(--INTERNAL-MAIN-TEXT-color) */
|
||||
}
|
||||
|
||||
#body .tab-nav-button.active {
|
||||
#R-body .tab-nav-button.active {
|
||||
background-color: rgba( 255, 255, 255, 1 ); /* var(--VARIABLE-BOX-BG-color) */
|
||||
border-bottom-color: rgba( 255, 255, 255, 1 ); /* var(--VARIABLE-BOX-BG-color) */
|
||||
border-left-color: rgba( 134, 134, 134, .4 ); /* var(--VARIABLE-BOX-color) */
|
||||
|
|
@ -793,40 +793,40 @@
|
|||
color: rgba( 16, 16, 16, 1 ); /* var(--VARIABLE-BOX-TEXT-color) */
|
||||
}
|
||||
|
||||
#body .tab-nav-button.active > *{
|
||||
#R-body .tab-nav-button.active > *{
|
||||
background-color: rgba( 255, 255, 255, 1 ); /* var(--VARIABLE-BOX-BG-color) */
|
||||
}
|
||||
|
||||
#body .tab-nav-button > * > *{
|
||||
#R-body .tab-nav-button > * > *{
|
||||
border-color: rgba( 134, 134, 134, .4 ); /* var(--VARIABLE-BOX-color) */
|
||||
}
|
||||
|
||||
#body .tab-content{
|
||||
#R-body .tab-content{
|
||||
background-color: rgba( 255, 255, 255, 1 ); /* var(--VARIABLE-BOX-BG-color) */
|
||||
border-color: rgba( 134, 134, 134, .4 ); /* var(--VARIABLE-BOX-color) */
|
||||
}
|
||||
|
||||
#body .tab-content-text{
|
||||
#R-body .tab-content-text{
|
||||
background-color: rgba( 255, 255, 255, 1 ); /* var(--VARIABLE-BOX-BG-color) */
|
||||
color: rgba( 16, 16, 16, 1 ); /* var(--VARIABLE-BOX-TEXT-color) */
|
||||
}
|
||||
|
||||
#topbar {
|
||||
#R-topbar {
|
||||
border-bottom-color: transparent; /* var(--MAIN-TOPBAR-BORDER-color) */
|
||||
}
|
||||
|
||||
#header-topbar {
|
||||
#R-header-topbar {
|
||||
border-bottom-color: transparent;
|
||||
border-right-color: transparent; /* var(--MENU-TOPBAR-BORDER-color) */
|
||||
}
|
||||
|
||||
#header-wrapper,
|
||||
#homelinks,
|
||||
#content-wrapper > * {
|
||||
#R-header-wrapper,
|
||||
#R-homelinks,
|
||||
#R-content-wrapper > * {
|
||||
border-right-color: transparent; /* var(--MENU-BORDER-color) */
|
||||
}
|
||||
|
||||
#sidebar ul.collapsible-menu li.active > a{
|
||||
#R-sidebar ul.collapsible-menu li.active > a{
|
||||
border-bottom-color: transparent; /* var(--MENU-BORDER-color) */
|
||||
border-top-color: transparent; /* var(--MENU-BORDER-color) */
|
||||
border-left-color: transparent; /* var(--MENU-BORDER-color) */
|
||||
|
|
@ -843,7 +843,7 @@
|
|||
}
|
||||
|
||||
/* our silly dinosaur browser wants to have the real colors */
|
||||
#header-wrapper {
|
||||
#R-header-wrapper {
|
||||
background-color: rgba( 125, 201, 3, 1 ); /* var(--MENU-HEADER-BG-color) */
|
||||
border-bottom-color: rgba( 125, 201, 3, 1 ); /* var(--MENU-HEADER-BORDER-color) */
|
||||
}
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
margin-top:1rem;
|
||||
}
|
||||
|
||||
#body .tags a.tag-link {
|
||||
#R-body .tags a.tag-link {
|
||||
border-bottom-right-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
box-shadow: 0 1px 2px rgba( 0, 0, 0, .2 );
|
||||
|
|
@ -19,7 +19,7 @@
|
|||
position: relative;
|
||||
}
|
||||
|
||||
#body .tags a.tag-link:before {
|
||||
#R-body .tags a.tag-link:before {
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
border-width: 1em 1em 1em 0;
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
width: 0;
|
||||
}
|
||||
|
||||
#body .tags a.tag-link:after {
|
||||
#R-body .tags a.tag-link:after {
|
||||
border-radius: 100%;
|
||||
content: "";
|
||||
left: 1px;
|
||||
|
|
@ -41,6 +41,6 @@
|
|||
width: 5px;
|
||||
}
|
||||
|
||||
#body .tags a.tag-link:hover:after {
|
||||
#R-body .tags a.tag-link:hover:after {
|
||||
width: 5px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -48,10 +48,10 @@
|
|||
--BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* fixed color of the content text */
|
||||
}
|
||||
|
||||
body a#logo,
|
||||
body a#logo:hover,
|
||||
body #logo svg,
|
||||
body #logo svg * {
|
||||
body a#R-logo,
|
||||
body a#R-logo:hover,
|
||||
body #R-logo svg,
|
||||
body #R-logo svg * {
|
||||
color: var(--INTERNAL-MENU-SEARCH-color);
|
||||
fill: var(--INTERNAL-MENU-SEARCH-color) !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -72,15 +72,15 @@
|
|||
--BOX-RED-TEXT-color: var( --BOX-RED-color ); /* text color of red boxes */
|
||||
}
|
||||
|
||||
body a#logo,
|
||||
body a#logo:hover,
|
||||
body #logo svg,
|
||||
body #logo svg * {
|
||||
body a#R-logo,
|
||||
body a#R-logo:hover,
|
||||
body #R-logo svg,
|
||||
body #R-logo svg * {
|
||||
color: var(--INTERNAL-MENU-SEARCH-BORDER-color);
|
||||
fill: var(--INTERNAL-MENU-SEARCH-BORDER-color) !important;
|
||||
}
|
||||
|
||||
body a#logo{
|
||||
body a#R-logo{
|
||||
text-shadow:
|
||||
0 0 1px var(--INTERNAL-MENU-SEARCH-BORDER-color),
|
||||
0 0 2px var(--INTERNAL-MENU-SEARCH-BORDER-color),
|
||||
|
|
@ -161,7 +161,7 @@ body h6 {
|
|||
color: rgba( 255, 255, 255, 1 ) !important;
|
||||
}
|
||||
|
||||
body #sidebar .searchbox button:hover{
|
||||
body #R-sidebar .searchbox button:hover{
|
||||
color: rgba( 255, 255, 255, 1 );
|
||||
text-shadow:
|
||||
0 0 1px rgba( 255, 255, 255, 1 ),
|
||||
|
|
@ -171,10 +171,10 @@ body #sidebar .searchbox button:hover{
|
|||
0 0 8px var(--INTERNAL-MENU-SEARCH-color);
|
||||
}
|
||||
|
||||
body #sidebar select:hover,
|
||||
body #sidebar .collapsible-menu li:not(.active) > label:hover,
|
||||
body #sidebar .menu-control:hover,
|
||||
body #sidebar a:hover {
|
||||
body #R-sidebar select:hover,
|
||||
body #R-sidebar .collapsible-menu li:not(.active) > label:hover,
|
||||
body #R-sidebar .menu-control:hover,
|
||||
body #R-sidebar a:hover {
|
||||
color: rgba( 255, 255, 255, 1 );
|
||||
text-shadow:
|
||||
0 0 1px rgba( 255, 255, 255, 1 ),
|
||||
|
|
@ -184,8 +184,8 @@ body #sidebar a:hover {
|
|||
0 0 8px var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color);
|
||||
}
|
||||
|
||||
body #sidebar li.active > label,
|
||||
body #sidebar li.active > :is( a, span ) {
|
||||
body #R-sidebar li.active > label,
|
||||
body #R-sidebar li.active > :is( a, span ) {
|
||||
color: rgba( 255, 255, 255, 1 );
|
||||
text-shadow:
|
||||
0 0 1px rgba( 255, 255, 255, 1 ),
|
||||
|
|
@ -195,7 +195,7 @@ body #sidebar li.active > :is( a, span ) {
|
|||
0 0 8px var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-color);
|
||||
}
|
||||
|
||||
body #homelinks a:hover {
|
||||
body #R-homelinks a:hover {
|
||||
color: rgba( 255, 255, 255, 1 );
|
||||
text-shadow:
|
||||
0 0 1px rgba( 255, 255, 255, 1 ),
|
||||
|
|
@ -264,54 +264,54 @@ body .box.cstyle.transparent {
|
|||
}
|
||||
|
||||
@media print {
|
||||
#body h1,
|
||||
#body h2,
|
||||
#body h3, #body .article-subheading,
|
||||
#body h4,
|
||||
#body h5,
|
||||
#body h6 {
|
||||
#R-body h1,
|
||||
#R-body h2,
|
||||
#R-body h3, #R-body .article-subheading,
|
||||
#R-body h4,
|
||||
#R-body h5,
|
||||
#R-body h6 {
|
||||
text-shadow: none;
|
||||
}
|
||||
#body .badge,
|
||||
#body .badge > .badge-content,
|
||||
#body .btn,
|
||||
#body .btn > *,
|
||||
#body div.box,
|
||||
#body div.box > .box-label {
|
||||
#R-body .badge,
|
||||
#R-body .badge > .badge-content,
|
||||
#R-body .btn,
|
||||
#R-body .btn > *,
|
||||
#R-body div.box,
|
||||
#R-body div.box > .box-label {
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
#body .badge.cstyle:not(.transparent),
|
||||
#body .btn.cstyle {
|
||||
#R-body .badge.cstyle:not(.transparent),
|
||||
#R-body .btn.cstyle {
|
||||
--VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-NEUTRAL-TEXT-color);
|
||||
}
|
||||
}
|
||||
|
||||
/* if we are in print chapter preview our @media statement from
|
||||
above will not apply, so we have to repeat it here */
|
||||
.print #body h1,
|
||||
.print #body h2,
|
||||
.print #body h3, .print #body .article-subheading,
|
||||
.print #body h4,
|
||||
.print #body h5,
|
||||
.print #body h6 {
|
||||
.print #R-body h1,
|
||||
.print #R-body h2,
|
||||
.print #R-body h3, .print #R-body .article-subheading,
|
||||
.print #R-body h4,
|
||||
.print #R-body h5,
|
||||
.print #R-body h6 {
|
||||
text-shadow: none;
|
||||
}
|
||||
.print #body .badge,
|
||||
.print #body .badge > .badge-content,
|
||||
.print #body .btn,
|
||||
.print #body .btn > *,
|
||||
.print #body div.box,
|
||||
.print #body div.box > .box-label {
|
||||
.print #R-body .badge,
|
||||
.print #R-body .badge > .badge-content,
|
||||
.print #R-body .btn,
|
||||
.print #R-body .btn > *,
|
||||
.print #R-body div.box,
|
||||
.print #R-body div.box > .box-label {
|
||||
box-shadow: none;
|
||||
text-shadow: none;
|
||||
}
|
||||
.print #body .badge.cstyle:not(.transparent),
|
||||
.print #body .btn.cstyle {
|
||||
.print #R-body .badge.cstyle:not(.transparent),
|
||||
.print #R-body .btn.cstyle {
|
||||
--VARIABLE-BOX-TEXT-color: var(--INTERNAL-BOX-NEUTRAL-TEXT-color);
|
||||
}
|
||||
|
||||
#content-wrapper {
|
||||
#R-content-wrapper {
|
||||
--ps-thumb-color: rgba( 208, 208, 208, 1 );
|
||||
--ps-thumb-hover-color: rgba( 204, 204, 204, 1 );
|
||||
}
|
||||
|
|
|
|||
|
|
@ -51,10 +51,10 @@
|
|||
--BOX-TEXT-color: rgba( 16, 16, 16, 1 ); /* text color of colored box content */
|
||||
}
|
||||
|
||||
body a#logo,
|
||||
body a#logo:hover,
|
||||
body #logo svg,
|
||||
body #logo svg * {
|
||||
body a#R-logo,
|
||||
body a#R-logo:hover,
|
||||
body #R-logo svg,
|
||||
body #R-logo svg * {
|
||||
color: var(--MENU-SEARCH-color);
|
||||
fill: var(--MENU-SEARCH-color) !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -58,10 +58,10 @@
|
|||
--BOX-GREY-color: rgba( 71, 71, 71, 1 ); /* background color of grey boxes */
|
||||
}
|
||||
|
||||
body a#logo,
|
||||
body a#logo:hover,
|
||||
body #logo svg,
|
||||
body #logo svg * {
|
||||
body a#R-logo,
|
||||
body a#R-logo:hover,
|
||||
body #R-logo svg,
|
||||
body #R-logo svg * {
|
||||
color: var(--MENU-HOME-LINK-color);
|
||||
fill: var(--MENU-HOME-LINK-color) !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -58,10 +58,10 @@
|
|||
--BOX-GREY-color: rgba( 210, 210, 210, 1 ); /* background color of grey boxes */
|
||||
}
|
||||
|
||||
body a#logo,
|
||||
body a#logo:hover,
|
||||
body #logo svg,
|
||||
body #logo svg * {
|
||||
body a#R-logo,
|
||||
body a#R-logo:hover,
|
||||
body #R-logo svg,
|
||||
body #R-logo svg * {
|
||||
color: var(--MENU-HOME-LINK-color);
|
||||
fill: var(--MENU-HOME-LINK-color) !important;
|
||||
}
|
||||
|
|
|
|||
356
css/theme.css
356
css/theme.css
|
|
@ -149,7 +149,7 @@ dd {
|
|||
transition: all 0.35s ease;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
#R-sidebar {
|
||||
display: flex;
|
||||
flex-basis: auto;
|
||||
flex-direction: column;
|
||||
|
|
@ -166,21 +166,21 @@ dd {
|
|||
width: 18.75rem;
|
||||
}
|
||||
|
||||
#sidebar a{
|
||||
#R-sidebar a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#header-wrapper {
|
||||
#R-header-wrapper {
|
||||
text-align: center;
|
||||
padding: 1rem;
|
||||
position: relative;
|
||||
}
|
||||
#header {
|
||||
#R-header {
|
||||
border-block-end: 1px solid transparent;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
#header a {
|
||||
#R-header a {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
|
@ -216,12 +216,12 @@ dd {
|
|||
position: absolute;
|
||||
}
|
||||
|
||||
#sidebar .searchbox > :first-child,
|
||||
#sidebar .searchbox > :last-child{
|
||||
#R-sidebar .searchbox > :first-child,
|
||||
#R-sidebar .searchbox > :last-child{
|
||||
opacity: .65;
|
||||
}
|
||||
|
||||
#sidebar .searchbox button:hover {
|
||||
#R-sidebar .searchbox button:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
@ -243,7 +243,7 @@ dd {
|
|||
opacity: .45;
|
||||
}
|
||||
|
||||
#content-wrapper {
|
||||
#R-content-wrapper {
|
||||
--ps-rail-hover-color: rgba( 176, 176, 176, .25 );
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -253,7 +253,7 @@ dd {
|
|||
z-index: 100;
|
||||
}
|
||||
|
||||
#sidebar .padding {
|
||||
#R-sidebar .padding {
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
|
|
@ -268,31 +268,31 @@ dd {
|
|||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#footer > hr:first-child {
|
||||
#R-footer > hr:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* increase specifity to override following #content-wrapper hr style */
|
||||
#footer > hr:nth-child(n) {
|
||||
/* increase specifity to override following #R-content-wrapper hr style */
|
||||
#R-footer > hr:nth-child(n) {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#sidebar ul {
|
||||
#R-sidebar ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#sidebar ul li {
|
||||
#R-sidebar ul li {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#sidebar ul li.visited + span {
|
||||
#R-sidebar ul li.visited + span {
|
||||
margin-inline-end: 1rem;
|
||||
}
|
||||
|
||||
#sidebar ul li .read-icon {
|
||||
#R-sidebar ul li .read-icon {
|
||||
display: none;
|
||||
font-size: .8125rem;
|
||||
inset-inline-end: 1rem;
|
||||
|
|
@ -301,11 +301,11 @@ dd {
|
|||
position: absolute;
|
||||
}
|
||||
|
||||
#sidebar ul li.visited > a .read-icon {
|
||||
#R-sidebar ul li.visited > a .read-icon {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#sidebar .nav-title {
|
||||
#R-sidebar .nav-title {
|
||||
font-size: 2rem;
|
||||
font-weight: 200;
|
||||
letter-spacing: -.02175em;
|
||||
|
|
@ -316,17 +316,17 @@ dd {
|
|||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#sidebar .footermargin {
|
||||
#R-sidebar .footermargin {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
#content-wrapper hr {
|
||||
#R-content-wrapper hr {
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1px;
|
||||
margin: 1.5rem 1rem 1rem 1rem;
|
||||
}
|
||||
|
||||
#body {
|
||||
#R-body {
|
||||
display: flex;
|
||||
flex-basis: 100%;
|
||||
flex-direction: column;
|
||||
|
|
@ -343,40 +343,40 @@ dd {
|
|||
z-index: 70;
|
||||
}
|
||||
|
||||
#body img,
|
||||
#body .video-container {
|
||||
#R-body img,
|
||||
#R-body .video-container {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#body img:not(.lightbox-image).left {
|
||||
#R-body img:not(.lightbox-image).left {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
#body img:not(.lightbox-image).right {
|
||||
#R-body img:not(.lightbox-image).right {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#body img:not(.lightbox-image).border,
|
||||
#body .video-container.border {
|
||||
#R-body img:not(.lightbox-image).border,
|
||||
#R-body .video-container.border {
|
||||
background-clip: padding-box;
|
||||
border: 1px solid rgba( 134, 134, 134, .333 );
|
||||
}
|
||||
|
||||
#body img:not(.lightbox-image).shadow,
|
||||
#body .video-container.shadow {
|
||||
#R-body img:not(.lightbox-image).shadow,
|
||||
#R-body .video-container.shadow {
|
||||
box-shadow: 0 10px 30px rgba( 176, 176, 176, .666 );
|
||||
}
|
||||
|
||||
#body img:not(.lightbox-image).inline {
|
||||
#R-body img:not(.lightbox-image).inline {
|
||||
display: inline !important;
|
||||
margin: 0 !important;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
#body-inner {
|
||||
#R-body-inner {
|
||||
display: flex;
|
||||
flex: auto;
|
||||
flex-direction: column;
|
||||
|
|
@ -385,12 +385,12 @@ dd {
|
|||
position: relative; /* PS */
|
||||
}
|
||||
@media screen and (max-width: 60rem) {
|
||||
#body-inner {
|
||||
#R-body-inner {
|
||||
padding: 0 2rem 1rem 2rem;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 48rem) {
|
||||
#body-inner {
|
||||
#R-body-inner {
|
||||
padding: 0 1.25rem .375rem 1.25rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -411,58 +411,58 @@ article a:focus {
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#body-inner:focus-visible{
|
||||
#R-body-inner:focus-visible{
|
||||
/* remove focus indicator for programatically set focus */
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#body h1 + hr {
|
||||
#R-body h1 + hr {
|
||||
margin-bottom: 2rem;
|
||||
margin-top: -1rem;
|
||||
}
|
||||
|
||||
#body .flex-block-wrapper {
|
||||
#R-body .flex-block-wrapper {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: calc( 81.25rem - 18.75rem - 2 * 3.25rem );
|
||||
width: 100%;
|
||||
}
|
||||
body:not(.print) #body .narrow .flex-block-wrapper {
|
||||
body:not(.print) #R-body .narrow .flex-block-wrapper {
|
||||
max-width: calc( 81.25rem - 18.75rem - 2 * 9.75rem );
|
||||
}
|
||||
|
||||
/* we limit width if we have large screens */
|
||||
@media screen and ( min-width: 81.25rem ){ /* #sidebar/width + ./max-width */
|
||||
#body .flex-block-wrapper {
|
||||
@media screen and ( min-width: 81.25rem ){ /* #R-sidebar/width + ./max-width */
|
||||
#R-body .flex-block-wrapper {
|
||||
width: calc( 81.25rem - 18.75rem - 2 * 3.25rem );
|
||||
}
|
||||
body:not(.print) #body .narrow .flex-block-wrapper {
|
||||
body:not(.print) #R-body .narrow .flex-block-wrapper {
|
||||
width: calc( 81.25rem - 18.75rem - 2 * 9.75rem );
|
||||
}
|
||||
}
|
||||
|
||||
body:not(.print) #body-inner.narrow {
|
||||
body:not(.print) #R-body-inner.narrow {
|
||||
padding: 2rem 9.75rem;
|
||||
}
|
||||
@media screen and (max-width: 60rem) {
|
||||
body:not(.print) #body-inner.narrow {
|
||||
body:not(.print) #R-body-inner.narrow {
|
||||
padding: 1rem 6.5rem;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 48rem) {
|
||||
body:not(.print) #body-inner.narrow {
|
||||
body:not(.print) #R-body-inner.narrow {
|
||||
padding: .375rem 3.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
#body-inner div.article-subheading,
|
||||
#body-inner .chapter.deprecated h3:first-of-type {
|
||||
#R-body-inner div.article-subheading,
|
||||
#R-body-inner .chapter.deprecated h3:first-of-type {
|
||||
font-weight: 200;
|
||||
margin-top: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
body:not(.print) #body-inner.narrow p {
|
||||
body:not(.print) #R-body-inner.narrow p {
|
||||
font-size: 1.2rem;
|
||||
text-align: justify;
|
||||
}
|
||||
|
|
@ -483,17 +483,17 @@ h1 {
|
|||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
body:not(.print) #body-inner.narrow h1 {
|
||||
body:not(.print) #R-body-inner.narrow h1 {
|
||||
border-bottom: 4px solid rgba( 134, 134, 134, .125 );
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
@media only screen and (min-width: 48rem) and (max-width: 60rem) {
|
||||
body:not(.print) #body-inner.narrow h1 {
|
||||
body:not(.print) #R-body-inner.narrow h1 {
|
||||
font-size: 2.8rem;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 48rem) {
|
||||
body:not(.print) #body-inner.narrow h1 {
|
||||
body:not(.print) #R-body-inner.narrow h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -591,34 +591,34 @@ p:empty {
|
|||
}
|
||||
|
||||
/* in case of image render hook, Hugo may generate empty <p>s that we want to ignore aswell, so a simple :first-child or :last-child is not enough */
|
||||
#body table th > :nth-child(1 of :not(:empty)),
|
||||
#body table th > :nth-child(1 of :not(:empty)) :nth-child(1 of :not(:empty)),
|
||||
#body table td > :nth-child(1 of :not(:empty)),
|
||||
#body table td > :nth-child(1 of :not(:empty)) :nth-child(1 of :not(:empty)),
|
||||
#body div.box > .box-content > :nth-child(1 of :not(:empty)),
|
||||
#body div.box > .box-content > :nth-child(1 of :not(:empty)) :nth-child(1 of :not(:empty)),
|
||||
#body div.expand > .expand-content-text > :nth-child(1 of :not(:empty)),
|
||||
#body div.expand > .expand-content-text > :nth-child(1 of :not(:empty)) :nth-child(1 of :not(:empty)),
|
||||
#body div.tab-content > .tab-content-text > :nth-child(1 of :not(:empty)),
|
||||
#body div.tab-content > .tab-content-text > :nth-child(1 of :not(:empty)) :nth-child(1 of :not(:empty)) {
|
||||
#R-body table th > :nth-child(1 of :not(:empty)),
|
||||
#R-body table th > :nth-child(1 of :not(:empty)) :nth-child(1 of :not(:empty)),
|
||||
#R-body table td > :nth-child(1 of :not(:empty)),
|
||||
#R-body table td > :nth-child(1 of :not(:empty)) :nth-child(1 of :not(:empty)),
|
||||
#R-body div.box > .box-content > :nth-child(1 of :not(:empty)),
|
||||
#R-body div.box > .box-content > :nth-child(1 of :not(:empty)) :nth-child(1 of :not(:empty)),
|
||||
#R-body div.expand > .expand-content-text > :nth-child(1 of :not(:empty)),
|
||||
#R-body div.expand > .expand-content-text > :nth-child(1 of :not(:empty)) :nth-child(1 of :not(:empty)),
|
||||
#R-body div.tab-content > .tab-content-text > :nth-child(1 of :not(:empty)),
|
||||
#R-body div.tab-content > .tab-content-text > :nth-child(1 of :not(:empty)) :nth-child(1 of :not(:empty)) {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#body table th > :nth-last-child(1 of :not(:empty)),
|
||||
#body table th > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)),
|
||||
#body table th > div.highlight:last-child pre,
|
||||
#body table td > :nth-last-child(1 of :not(:empty)),
|
||||
#body table td > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)),
|
||||
#body table td > div:last-child pre,
|
||||
#body div.box > .box-content > :nth-last-child(1 of :not(:empty)),
|
||||
#body div.box > .box-content > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)),
|
||||
#body div.box > .box-content > div:last-child pre,
|
||||
#body div.expand > .expand-content-text > :nth-last-child(1 of :not(:empty)),
|
||||
#body div.expand > .expand-content-text > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)),
|
||||
#body div.expand > .expand-content-text > div:last-child pre,
|
||||
#body div.tab-content > .tab-content-text > :nth-last-child(1 of :not(:empty)),
|
||||
#body div.tab-content > .tab-content-text > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)),
|
||||
#body div.tab-content > .tab-content-text > div:last-child pre {
|
||||
#R-body table th > :nth-last-child(1 of :not(:empty)),
|
||||
#R-body table th > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)),
|
||||
#R-body table th > div.highlight:last-child pre,
|
||||
#R-body table td > :nth-last-child(1 of :not(:empty)),
|
||||
#R-body table td > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)),
|
||||
#R-body table td > div:last-child pre,
|
||||
#R-body div.box > .box-content > :nth-last-child(1 of :not(:empty)),
|
||||
#R-body div.box > .box-content > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)),
|
||||
#R-body div.box > .box-content > div:last-child pre,
|
||||
#R-body div.expand > .expand-content-text > :nth-last-child(1 of :not(:empty)),
|
||||
#R-body div.expand > .expand-content-text > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)),
|
||||
#R-body div.expand > .expand-content-text > div:last-child pre,
|
||||
#R-body div.tab-content > .tab-content-text > :nth-last-child(1 of :not(:empty)),
|
||||
#R-body div.tab-content > .tab-content-text > :nth-last-child(1 of :not(:empty)) :nth-last-child(1 of :not(:empty)),
|
||||
#R-body div.tab-content > .tab-content-text > div:last-child pre {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
|
@ -654,19 +654,19 @@ div.attachments .box-content {
|
|||
padding-top: 0;
|
||||
}
|
||||
|
||||
#body-inner .children h2,
|
||||
#body-inner .children h3,
|
||||
#body-inner .children h4,
|
||||
#body-inner .children h5,
|
||||
#body-inner .children h6 {
|
||||
#R-body-inner .children h2,
|
||||
#R-body-inner .children h3,
|
||||
#R-body-inner .children h4,
|
||||
#R-body-inner .children h5,
|
||||
#R-body-inner .children h6 {
|
||||
margin-bottom: 0;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
#body-inner ul.children-h2,
|
||||
#body-inner ul.children-h3,
|
||||
#body-inner ul.children-h4,
|
||||
#body-inner ul.children-h5,
|
||||
#body-inner ul.children-h6 {
|
||||
#R-body-inner ul.children-h2,
|
||||
#R-body-inner ul.children-h3,
|
||||
#R-body-inner ul.children-h4,
|
||||
#R-body-inner ul.children-h5,
|
||||
#R-body-inner ul.children-h6 {
|
||||
/* if we display children with style=h2 but without a containerstyle
|
||||
a ul will be used for structuring; we remove default indention for uls
|
||||
in this case */
|
||||
|
|
@ -749,10 +749,10 @@ div.highlight > div table{
|
|||
div.highlight > div td{
|
||||
border-width: 0;
|
||||
}
|
||||
#body div.highlight > div a {
|
||||
#R-body div.highlight > div a {
|
||||
line-height: inherit;
|
||||
}
|
||||
#body div.highlight > div a:after {
|
||||
#R-body div.highlight > div a:after {
|
||||
display: none;
|
||||
}
|
||||
/* disable selection for lineno cells */
|
||||
|
|
@ -802,7 +802,7 @@ hr {
|
|||
border-bottom: 4px solid rgba( 134, 134, 134, .125 );
|
||||
}
|
||||
|
||||
#body-inner pre {
|
||||
#R-body-inner pre {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
|
||||
|
|
@ -969,13 +969,13 @@ td {
|
|||
top: 50%;
|
||||
}
|
||||
|
||||
#topbar {
|
||||
#R-topbar {
|
||||
min-height: 3rem;
|
||||
position: relative;
|
||||
z-index: 170;
|
||||
}
|
||||
|
||||
#topbar > .topbar-wrapper {
|
||||
#R-topbar > .topbar-wrapper {
|
||||
align-items: center;
|
||||
background-color: rgba( 134, 134, 134, .066 );
|
||||
display: flex;
|
||||
|
|
@ -1092,18 +1092,18 @@ html[dir="rtl"] .topbar-button-next i {
|
|||
display: inline-block;
|
||||
}
|
||||
|
||||
#body a[aria-disabled="true"] {
|
||||
#R-body a[aria-disabled="true"] {
|
||||
pointer-events: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 60rem) {
|
||||
#sidebar {
|
||||
#R-sidebar {
|
||||
min-width: 14.375rem;
|
||||
max-width: 14.375rem;
|
||||
width: 14.375rem;
|
||||
}
|
||||
#body {
|
||||
#R-body {
|
||||
margin-inline-start: 14.375rem;
|
||||
min-width: calc( 100% - 14.375rem);
|
||||
max-width: calc( 100% - 14.375rem);
|
||||
|
|
@ -1112,32 +1112,32 @@ html[dir="rtl"] .topbar-button-next i {
|
|||
}
|
||||
@media screen and (max-width: 48rem) {
|
||||
/* we don't support sidebar flyout in mobile */
|
||||
.mobile-support #sidebar {
|
||||
.mobile-support #R-sidebar {
|
||||
inset-inline-start: -14.375rem;
|
||||
}
|
||||
.mobile-support #navshow{
|
||||
display: inline;
|
||||
}
|
||||
.mobile-support #body {
|
||||
.mobile-support #R-body {
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.mobile-support #body {
|
||||
.mobile-support #R-body {
|
||||
margin-inline-start: 0;
|
||||
}
|
||||
.mobile-support.sidebar-flyout {
|
||||
overflow: hidden;
|
||||
}
|
||||
.mobile-support.sidebar-flyout #sidebar {
|
||||
.mobile-support.sidebar-flyout #R-sidebar {
|
||||
inset-inline-start: 0;
|
||||
z-index: 90;
|
||||
}
|
||||
.mobile-support.sidebar-flyout #body {
|
||||
.mobile-support.sidebar-flyout #R-body {
|
||||
margin-inline-start: 14.375rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
.mobile-support.sidebar-flyout #body-overlay{
|
||||
.mobile-support.sidebar-flyout #R-body-overlay{
|
||||
background-color: rgba( 134, 134, 134, .5 );
|
||||
bottom: 0;
|
||||
cursor: pointer;
|
||||
|
|
@ -1215,13 +1215,13 @@ pre > .copy-to-clipboard-button {
|
|||
border-inline-end-width: 1px;
|
||||
}
|
||||
|
||||
#homelinks {
|
||||
#R-homelinks {
|
||||
padding: 0;
|
||||
}
|
||||
#homelinks ul {
|
||||
#R-homelinks ul {
|
||||
margin: .5rem 0;
|
||||
}
|
||||
#homelinks hr {
|
||||
#R-homelinks hr {
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1px;
|
||||
margin: 0 1rem 3px 1rem;
|
||||
|
|
@ -1297,7 +1297,7 @@ html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
|
|||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
#body footer.footline{
|
||||
#R-body footer.footline{
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
|
|
@ -1362,7 +1362,7 @@ html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
|
|||
|
||||
/* Table of contents */
|
||||
|
||||
.topbar-flyout #main-overlay{
|
||||
.topbar-flyout #R-main-overlay{
|
||||
bottom: 0;
|
||||
cursor: pointer;
|
||||
left: 0;
|
||||
|
|
@ -1482,7 +1482,7 @@ html[dir="rtl"] .expand > .expand-label > i.fa-chevron-right {
|
|||
content: "\200b"
|
||||
}
|
||||
|
||||
#body #body-inner .btn > *.highlight:after {
|
||||
#R-body #R-body-inner .btn > *.highlight:after {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
|
@ -1525,21 +1525,21 @@ h6 a {
|
|||
font-weight: inherit;
|
||||
}
|
||||
|
||||
#body h1 + h2,
|
||||
#body h1 + h3,
|
||||
#body h1 + h4,
|
||||
#body h1 + h5,
|
||||
#body h1 + h6,
|
||||
#body h2 + h3,
|
||||
#body h2 + h4,
|
||||
#body h2 + h5,
|
||||
#body h2 + h6,
|
||||
#body h3 + h4,
|
||||
#body h3 + h5,
|
||||
#body h3 + h6,
|
||||
#body h4 + h5,
|
||||
#body h4 + h6,
|
||||
#body h5 + h6 {
|
||||
#R-body h1 + h2,
|
||||
#R-body h1 + h3,
|
||||
#R-body h1 + h4,
|
||||
#R-body h1 + h5,
|
||||
#R-body h1 + h6,
|
||||
#R-body h2 + h3,
|
||||
#R-body h2 + h4,
|
||||
#R-body h2 + h5,
|
||||
#R-body h2 + h6,
|
||||
#R-body h3 + h4,
|
||||
#R-body h3 + h5,
|
||||
#R-body h3 + h6,
|
||||
#R-body h4 + h5,
|
||||
#R-body h4 + h6,
|
||||
#R-body h5 + h6 {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
|
|
@ -1729,7 +1729,7 @@ input[type="search"]::-webkit-search-results-decoration { display: none; }
|
|||
height: 1.5rem;
|
||||
}
|
||||
|
||||
#searchresults a.autocomplete-suggestion {
|
||||
#R-searchresults a.autocomplete-suggestion {
|
||||
display: block;
|
||||
font-size: 1.3rem;
|
||||
font-weight: 500;
|
||||
|
|
@ -1738,11 +1738,11 @@ input[type="search"]::-webkit-search-results-decoration { display: none; }
|
|||
text-decoration: none;
|
||||
}
|
||||
|
||||
#searchresults a.autocomplete-suggestion:after {
|
||||
#R-searchresults a.autocomplete-suggestion:after {
|
||||
height: 0;
|
||||
}
|
||||
|
||||
#searchresults .autocomplete-suggestion > .context {
|
||||
#R-searchresults .autocomplete-suggestion > .context {
|
||||
font-size: 1rem;
|
||||
font-weight: 300;
|
||||
margin-top: .66rem;
|
||||
|
|
@ -1856,51 +1856,51 @@ article ul > li > input[type="checkbox"]:checked::before {
|
|||
|
||||
/* basic menu list styles (non-collapsible) */
|
||||
|
||||
#sidebar ul > li > :is( a, span ) {
|
||||
#R-sidebar ul > li > :is( a, span ) {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#sidebar ul.space > li > * {
|
||||
#R-sidebar ul.space > li > * {
|
||||
padding-bottom: .125rem;
|
||||
padding-top: .125rem;
|
||||
}
|
||||
#sidebar ul.space > li > ul {
|
||||
#R-sidebar ul.space > li > ul {
|
||||
padding-bottom: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#sidebar ul.morespace > li > * {
|
||||
#R-sidebar ul.morespace > li > * {
|
||||
padding-bottom: .25rem;
|
||||
padding-top: .25rem;
|
||||
}
|
||||
#sidebar ul.morespace > li > ul {
|
||||
#R-sidebar ul.morespace > li > ul {
|
||||
padding-bottom: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#sidebar ul.enlarge > li > :is( a, span ) {
|
||||
#R-sidebar ul.enlarge > li > :is( a, span ) {
|
||||
font-size: 1.1rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
#sidebar ul.enlarge > li > a > .read-icon {
|
||||
#R-sidebar ul.enlarge > li > a > .read-icon {
|
||||
margin-top: .5rem;
|
||||
}
|
||||
#sidebar ul.enlarge > li > ul > li:last-child {
|
||||
#R-sidebar ul.enlarge > li > ul > li:last-child {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
#sidebar ul ul {
|
||||
#R-sidebar ul ul {
|
||||
padding-inline-start: 1rem;
|
||||
}
|
||||
|
||||
/* collapsible menu style overrides */
|
||||
|
||||
#sidebar ul.collapsible-menu > li {
|
||||
#R-sidebar ul.collapsible-menu > li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#sidebar ul.collapsible-menu > li > input {
|
||||
#R-sidebar ul.collapsible-menu > li > input {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -1912,11 +1912,11 @@ article ul > li > input[type="checkbox"]:checked::before {
|
|||
width: 1rem;
|
||||
z-index: 1;
|
||||
}
|
||||
#sidebar ul.collapsible-menu.enlarge > li > input {
|
||||
#R-sidebar ul.collapsible-menu.enlarge > li > input {
|
||||
margin-top: .9rem;
|
||||
}
|
||||
|
||||
#sidebar ul.collapsible-menu > li > label {
|
||||
#R-sidebar ul.collapsible-menu > li > label {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
inset-inline-start: 0;
|
||||
|
|
@ -1926,12 +1926,12 @@ article ul > li > input[type="checkbox"]:checked::before {
|
|||
width: 1rem;
|
||||
z-index: 2;
|
||||
}
|
||||
#sidebar ul.collapsible-menu.enlarge > li > label {
|
||||
#R-sidebar ul.collapsible-menu.enlarge > li > label {
|
||||
font-size: 1.1rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
#sidebar ul.collapsible-menu > li > label:after {
|
||||
#R-sidebar ul.collapsible-menu > li > label:after {
|
||||
content: "";
|
||||
display: block;
|
||||
height: 1px;
|
||||
|
|
@ -1939,61 +1939,61 @@ article ul > li > input[type="checkbox"]:checked::before {
|
|||
width: 0%;
|
||||
}
|
||||
|
||||
#sidebar ul.collapsible-menu > li > label:hover:after {
|
||||
#R-sidebar ul.collapsible-menu > li > label:hover:after {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#sidebar ul.collapsible-menu > li > label > .fas {
|
||||
#R-sidebar ul.collapsible-menu > li > label > .fas {
|
||||
font-size: .8rem;
|
||||
width: .6rem;
|
||||
}
|
||||
|
||||
#sidebar ul.collapsible-menu > li > :is( a, span ) {
|
||||
#R-sidebar ul.collapsible-menu > li > :is( a, span ) {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* menu states for not(.collapsible-menu) */
|
||||
|
||||
#sidebar ul ul {
|
||||
#R-sidebar ul ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#sidebar ul > li.parent > ul,
|
||||
#sidebar ul > li.active > ul,
|
||||
#sidebar ul > li.alwaysopen > ul {
|
||||
#R-sidebar ul > li.parent > ul,
|
||||
#R-sidebar ul > li.active > ul,
|
||||
#R-sidebar ul > li.alwaysopen > ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* closed menu */
|
||||
|
||||
#sidebar ul.collapsible-menu > li > input + label ~ ul {
|
||||
#R-sidebar ul.collapsible-menu > li > input + label ~ ul {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#sidebar ul.collapsible-menu > li > input + label > .fa-chevron-down {
|
||||
#R-sidebar ul.collapsible-menu > li > input + label > .fa-chevron-down {
|
||||
display: none;
|
||||
}
|
||||
#sidebar ul.collapsible-menu > li > input + label > .fa-chevron-right {
|
||||
#R-sidebar ul.collapsible-menu > li > input + label > .fa-chevron-right {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* open menu */
|
||||
|
||||
#sidebar ul.collapsible-menu > li > input:checked + label ~ ul {
|
||||
#R-sidebar ul.collapsible-menu > li > input:checked + label ~ ul {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#sidebar ul.collapsible-menu > li > input:checked + label > .fa-chevron-down {
|
||||
#R-sidebar ul.collapsible-menu > li > input:checked + label > .fa-chevron-down {
|
||||
display: inline-block;
|
||||
}
|
||||
#sidebar ul.collapsible-menu > li > input:checked + label > .fa-chevron-right {
|
||||
#R-sidebar ul.collapsible-menu > li > input:checked + label > .fa-chevron-right {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* adjust menu for RTL reading direction */
|
||||
|
||||
html[dir="rtl"] #sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
|
||||
html[dir="rtl"] #R-sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
|
|
@ -2006,17 +2006,17 @@ html[dir="rtl"] #sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
|
|||
}
|
||||
}
|
||||
|
||||
#body .tab-panel{
|
||||
#R-body .tab-panel{
|
||||
margin-bottom: 1.5rem;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
#body .tab-nav{
|
||||
#R-body .tab-nav{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
#body .tab-nav-title{
|
||||
#R-body .tab-nav-title{
|
||||
font-size: .9rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.42857143;
|
||||
|
|
@ -2024,7 +2024,7 @@ html[dir="rtl"] #sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
|
|||
margin-inline-start: .6rem;
|
||||
}
|
||||
|
||||
#body .tab-nav-button{
|
||||
#R-body .tab-nav-button{
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
background-color: transparent;
|
||||
|
|
@ -2036,44 +2036,44 @@ html[dir="rtl"] #sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
|
|||
margin-inline-start: .6rem;
|
||||
}
|
||||
|
||||
#body .tab-nav-button.active{
|
||||
#R-body .tab-nav-button.active{
|
||||
border-radius: 2px 2px 0 0;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#body .tab-nav-button > *{
|
||||
#R-body .tab-nav-button > *{
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#body .tab-nav-button.active > *{
|
||||
#R-body .tab-nav-button.active > *{
|
||||
border-radius: 1px 1px 0 0;
|
||||
}
|
||||
|
||||
#body .tab-nav-button > * > *{
|
||||
#R-body .tab-nav-button > * > *{
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: .2rem;
|
||||
padding: .2rem .6rem 0 .6rem;
|
||||
}
|
||||
|
||||
#body .tab-nav-button.active > * > *{
|
||||
#R-body .tab-nav-button.active > * > *{
|
||||
border-bottom-color: transparent;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
#body .tab-nav-button > * > .tab-nav-hidden{
|
||||
#R-body .tab-nav-button > * > .tab-nav-hidden{
|
||||
display: block;
|
||||
font-weight: 500;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
#body .tab-nav-button > * > .tab-nav-text{
|
||||
#R-body .tab-nav-button > * > .tab-nav-text{
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#body .tab-content{
|
||||
#R-body .tab-content{
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
display: none;
|
||||
|
|
@ -2083,37 +2083,37 @@ html[dir="rtl"] #sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
|
|||
z-index: 10;
|
||||
}
|
||||
|
||||
#body .tab-content.active{
|
||||
#R-body .tab-content.active{
|
||||
display: block;
|
||||
}
|
||||
|
||||
#body .tab-content-text{
|
||||
#R-body .tab-content-text{
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
/* remove margin if only a single code block is contained in the tab (FF without :has using .codify style) */
|
||||
#body .tab-content.codify > .tab-content-text{
|
||||
#R-body .tab-content.codify > .tab-content-text{
|
||||
padding: 0;
|
||||
}
|
||||
#body .tab-content-text:has(> div.highlight:only-child){
|
||||
#R-body .tab-content-text:has(> div.highlight:only-child){
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* remove border from code block if single in tab */
|
||||
#body .tab-content-text > div.highlight:only-child > div,
|
||||
#body .tab-content-text > div.highlight:only-child pre,
|
||||
#body .tab-content-text > pre.pre-code:only-child{
|
||||
#R-body .tab-content-text > div.highlight:only-child > div,
|
||||
#R-body .tab-content-text > div.highlight:only-child pre,
|
||||
#R-body .tab-content-text > pre.pre-code:only-child{
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
/* bordering the menu and topbar */
|
||||
|
||||
#topbar {
|
||||
#R-topbar {
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
|
||||
#header-topbar {
|
||||
#R-header-topbar {
|
||||
border-bottom-color: transparent;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-width: 1px;
|
||||
|
|
@ -2126,9 +2126,9 @@ html[dir="rtl"] #sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
|
|||
z-index: 1;
|
||||
}
|
||||
|
||||
#header-wrapper,
|
||||
#homelinks,
|
||||
#content-wrapper > * {
|
||||
#R-header-wrapper,
|
||||
#R-homelinks,
|
||||
#R-content-wrapper > * {
|
||||
border-inline-end-style: solid;
|
||||
border-inline-end-width: 1px;
|
||||
}
|
||||
|
|
@ -2137,7 +2137,7 @@ html[dir="rtl"] #sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
|
|||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
#sidebar ul.collapsible-menu li.active > a{
|
||||
#R-sidebar ul.collapsible-menu li.active > a{
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
padding-bottom: calc( .25rem - var(--bpx1)*1px);
|
||||
|
|
@ -2147,6 +2147,6 @@ html[dir="rtl"] #sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
|
|||
width: calc(100% + var(--bpx1)*1px);
|
||||
}
|
||||
|
||||
#menu-footer {
|
||||
#R-menu-footer {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
|
|
|||
104
css/variant.css
104
css/variant.css
|
|
@ -13,7 +13,7 @@ body {
|
|||
a,
|
||||
.anchor,
|
||||
.topbar-button button,
|
||||
#searchresults .autocomplete-suggestion {
|
||||
#R-searchresults .autocomplete-suggestion {
|
||||
color: var(--INTERNAL-MAIN-LINK-color);
|
||||
}
|
||||
|
||||
|
|
@ -23,11 +23,11 @@ a:hover,
|
|||
color: var(--INTERNAL-MAIN-LINK-HOVER-color);
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
#R-sidebar {
|
||||
background: var(--INTERNAL-MENU-SECTIONS-BG-color);
|
||||
}
|
||||
|
||||
#header-wrapper {
|
||||
#R-header-wrapper {
|
||||
background-color: var(--INTERNAL-MENU-HEADER-BG-color);
|
||||
color: var(--INTERNAL-MENU-SEARCH-color);
|
||||
}
|
||||
|
|
@ -37,8 +37,8 @@ a:hover,
|
|||
background-color: var(--INTERNAL-MENU-SEARCH-BG-color);
|
||||
}
|
||||
|
||||
#sidebar .searchbox > :first-child,
|
||||
#sidebar .searchbox > :last-child {
|
||||
#R-sidebar .searchbox > :first-child,
|
||||
#R-sidebar .searchbox > :last-child {
|
||||
color: var(--INTERNAL-MENU-SEARCH-color);
|
||||
}
|
||||
|
||||
|
|
@ -47,51 +47,51 @@ a:hover,
|
|||
color: var(--INTERNAL-MENU-SEARCH-color);
|
||||
}
|
||||
|
||||
#sidebar .collapsible-menu label,
|
||||
#sidebar .menu-control,
|
||||
#sidebar :is( a, span ) {
|
||||
#R-sidebar .collapsible-menu label,
|
||||
#R-sidebar .menu-control,
|
||||
#R-sidebar :is( a, span ) {
|
||||
color: var(--INTERNAL-MENU-SECTIONS-LINK-color);
|
||||
}
|
||||
|
||||
#sidebar select:hover,
|
||||
#sidebar .collapsible-menu li:not(.active) > label:hover,
|
||||
#sidebar .menu-control:hover,
|
||||
#sidebar a:hover {
|
||||
#R-sidebar select:hover,
|
||||
#R-sidebar .collapsible-menu li:not(.active) > label:hover,
|
||||
#R-sidebar .menu-control:hover,
|
||||
#R-sidebar a:hover {
|
||||
color: var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color);
|
||||
}
|
||||
|
||||
#sidebar .menu-control button,
|
||||
#sidebar .menu-control select{
|
||||
#R-sidebar .menu-control button,
|
||||
#R-sidebar .menu-control select{
|
||||
outline-color: var(--INTERNAL-MENU-SECTIONS-LINK-HOVER-color);
|
||||
}
|
||||
|
||||
#sidebar ul.enlarge > li.parent,
|
||||
#sidebar ul.enlarge > li.active {
|
||||
#R-sidebar ul.enlarge > li.parent,
|
||||
#R-sidebar ul.enlarge > li.active {
|
||||
background-color: var(--INTERNAL-MENU-SECTIONS-ACTIVE-BG-color);
|
||||
}
|
||||
|
||||
#sidebar li.active > label,
|
||||
#sidebar li.active > a {
|
||||
#R-sidebar li.active > label,
|
||||
#R-sidebar li.active > a {
|
||||
color: var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-color);
|
||||
}
|
||||
|
||||
#sidebar li.active > a {
|
||||
#R-sidebar li.active > a {
|
||||
background-color: var(--INTERNAL-MENU-SECTION-ACTIVE-CATEGORY-BG-color);
|
||||
}
|
||||
|
||||
#sidebar ul li > a .read-icon {
|
||||
#R-sidebar ul li > a .read-icon {
|
||||
color: var(--INTERNAL-MENU-VISITED-color);
|
||||
}
|
||||
|
||||
#sidebar .nav-title {
|
||||
#R-sidebar .nav-title {
|
||||
color: var(--INTERNAL-MENU-SECTIONS-LINK-color);
|
||||
}
|
||||
|
||||
#content-wrapper hr {
|
||||
#R-content-wrapper hr {
|
||||
border-color: var(--INTERNAL-MENU-SECTION-SEPARATOR-color);
|
||||
}
|
||||
|
||||
#footer {
|
||||
#R-footer {
|
||||
color: var(--INTERNAL-MENU-SECTIONS-LINK-color);
|
||||
}
|
||||
|
||||
|
|
@ -249,7 +249,7 @@ table {
|
|||
background-color: var(--INTERNAL-MAIN-BG-color);
|
||||
}
|
||||
|
||||
#topbar {
|
||||
#R-topbar {
|
||||
background-color: var(--INTERNAL-MAIN-BG-color);
|
||||
}
|
||||
|
||||
|
|
@ -257,8 +257,8 @@ table {
|
|||
border-inline-start-color: var(--INTERNAL-MENU-TOPBAR-SEPARATOR-color);
|
||||
}
|
||||
|
||||
#body a[aria-disabled="true"],
|
||||
#searchresults .autocomplete-suggestion > .context {
|
||||
#R-body a[aria-disabled="true"],
|
||||
#R-searchresults .autocomplete-suggestion > .context {
|
||||
color: var(--INTERNAL-MAIN-TEXT-color);
|
||||
}
|
||||
|
||||
|
|
@ -302,19 +302,19 @@ pre .copy-to-clipboard-button:hover {
|
|||
color: var(--INTERNAL-MAIN-LINK-HOVER-color);
|
||||
}
|
||||
|
||||
#homelinks {
|
||||
#R-homelinks {
|
||||
background-color: var(--INTERNAL-MENU-HEADER-BORDER-color);
|
||||
}
|
||||
|
||||
#homelinks a {
|
||||
#R-homelinks a {
|
||||
color: var(--INTERNAL-MENU-HOME-LINK-color);
|
||||
}
|
||||
|
||||
#homelinks a:hover {
|
||||
#R-homelinks a:hover {
|
||||
color: var(--INTERNAL-MENU-HOME-LINK-HOVER-color);
|
||||
}
|
||||
|
||||
#homelinks hr {
|
||||
#R-homelinks hr {
|
||||
border-color: var(--INTERNAL-MENU-HEADER-SEPARATOR-color);
|
||||
}
|
||||
|
||||
|
|
@ -353,16 +353,16 @@ pre .copy-to-clipboard-button:hover {
|
|||
--VARIABLE-BOX-TEXT-color: var(--VARIABLE-BOX-CAPTION-color);
|
||||
}
|
||||
|
||||
#body .tags a.tag-link {
|
||||
#R-body .tags a.tag-link {
|
||||
background-color: var(--INTERNAL-TAG-BG-color);
|
||||
color: var(--INTERNAL-MAIN-BG-color);
|
||||
}
|
||||
|
||||
#body .tags a.tag-link:before {
|
||||
#R-body .tags a.tag-link:before {
|
||||
border-right-color: var(--INTERNAL-TAG-BG-color);
|
||||
}
|
||||
|
||||
#body .tags a.tag-link:after {
|
||||
#R-body .tags a.tag-link:after {
|
||||
background-color: var(--INTERNAL-MAIN-BG-color);
|
||||
}
|
||||
|
||||
|
|
@ -384,30 +384,30 @@ article ul > li > input[type="checkbox"] {
|
|||
color: var(--INTERNAL-MAIN-TEXT-color);
|
||||
}
|
||||
|
||||
#body .tab-nav-button {
|
||||
#R-body .tab-nav-button {
|
||||
color: var(--INTERNAL-MAIN-TEXT-color);
|
||||
}
|
||||
|
||||
#body .tab-nav-button.active {
|
||||
#R-body .tab-nav-button.active {
|
||||
background-color: var(--VARIABLE-BOX-color);
|
||||
border-bottom-color: var(--VARIABLE-BOX-BG-color);
|
||||
color: var(--VARIABLE-BOX-TEXT-color);
|
||||
}
|
||||
|
||||
#body .tab-nav-button.active > *{
|
||||
#R-body .tab-nav-button.active > *{
|
||||
background-color: var(--VARIABLE-BOX-BG-color);
|
||||
}
|
||||
|
||||
#body .tab-nav-button > * > *{
|
||||
#R-body .tab-nav-button > * > *{
|
||||
border-color: var(--VARIABLE-BOX-color);
|
||||
}
|
||||
|
||||
#body .tab-content{
|
||||
#R-body .tab-content{
|
||||
background-color: var(--VARIABLE-BOX-color);
|
||||
border-color: var(--VARIABLE-BOX-color);
|
||||
}
|
||||
|
||||
#body .tab-content-text{
|
||||
#R-body .tab-content-text{
|
||||
background-color: var(--VARIABLE-BOX-BG-color);
|
||||
color: var(--VARIABLE-BOX-TEXT-color);
|
||||
}
|
||||
|
|
@ -422,40 +422,40 @@ article ul > li > input[type="checkbox"] {
|
|||
--VARIABLE-BOX-BG-color: transparent;
|
||||
}
|
||||
|
||||
#body .tab-panel-style.cstyle.initial.tab-nav-button.active,
|
||||
#body .tab-panel-style.cstyle.default.tab-nav-button.active,
|
||||
#body .tab-panel-style.cstyle.transparent.tab-nav-button.active{
|
||||
#R-body .tab-panel-style.cstyle.initial.tab-nav-button.active,
|
||||
#R-body .tab-panel-style.cstyle.default.tab-nav-button.active,
|
||||
#R-body .tab-panel-style.cstyle.transparent.tab-nav-button.active{
|
||||
background-color: var(--VARIABLE-BOX-BG-color);
|
||||
border-left-color: var(--VARIABLE-BOX-color);
|
||||
border-right-color: var(--VARIABLE-BOX-color);
|
||||
border-top-color: var(--VARIABLE-BOX-color);
|
||||
}
|
||||
|
||||
#body .tab-panel-style.cstyle.code.tab-nav-button:not(.active){
|
||||
#R-body .tab-panel-style.cstyle.code.tab-nav-button:not(.active){
|
||||
--VARIABLE-BOX-color: var(--INTERNAL-BOX-NEUTRAL-color);
|
||||
}
|
||||
|
||||
#body .tab-panel-style.cstyle.initial.tab-content,
|
||||
#body .tab-panel-style.cstyle.default.tab-content,
|
||||
#body .tab-panel-style.cstyle.transparent.tab-content{
|
||||
#R-body .tab-panel-style.cstyle.initial.tab-content,
|
||||
#R-body .tab-panel-style.cstyle.default.tab-content,
|
||||
#R-body .tab-panel-style.cstyle.transparent.tab-content{
|
||||
background-color: var(--VARIABLE-BOX-BG-color);
|
||||
}
|
||||
|
||||
#topbar {
|
||||
#R-topbar {
|
||||
border-bottom-color: var(--INTERNAL-MAIN-TOPBAR-BORDER-color);
|
||||
}
|
||||
|
||||
#header-topbar {
|
||||
#R-header-topbar {
|
||||
border-inline-end-color: var(--INTERNAL-MENU-TOPBAR-BORDER-color);
|
||||
}
|
||||
|
||||
#header-wrapper,
|
||||
#homelinks,
|
||||
#content-wrapper > * {
|
||||
#R-header-wrapper,
|
||||
#R-homelinks,
|
||||
#R-content-wrapper > * {
|
||||
border-inline-end-color: var(--INTERNAL-MENU-BORDER-color);
|
||||
}
|
||||
|
||||
#sidebar ul.collapsible-menu li.active > a{
|
||||
#R-sidebar ul.collapsible-menu li.active > a{
|
||||
border-bottom-color: var(--INTERNAL-MENU-BORDER-color);
|
||||
border-top-color: var(--INTERNAL-MENU-BORDER-color);
|
||||
border-inline-start-color: var(--INTERNAL-MENU-BORDER-color);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue