This commit is contained in:
McShelby 2023-09-12 21:10:21 +00:00
parent 0892197851
commit 37f6cb4f79
257 changed files with 11886 additions and 10546 deletions

View file

@ -39,10 +39,10 @@ pre {
/* we don't need this while printing */
display: none;
}
#body #breadcrumbs {
#body .topbar-left {
width: 100%;
}
#body #breadcrumbs .links {
#body .topbar-left .breadcrumbs {
overflow-x: hidden;
visibility: visible;
}
@ -120,17 +120,6 @@ body,
put as HTML into markdown */
text-decoration-line: underline;
}
#toc-menu {
/* we don't need this while printing */
display: none;
}
#body #sidebar-toggle-span {
/* we don't need this while printing */
display: none;
}
#breadcrumbs .links {
display: inline;
}
#topbar{
/* the header is sticky which is not suitable for print; */
position: inherit; /* IE11 doesn't know "initial" here */
@ -138,6 +127,12 @@ body,
#topbar > div {
background-color: rgba( 255, 255, 255, 1 ); /* IE11 doesn't know "initial" here */
}
#body .topbar-left {
border-width: 0;
}
.topbar-left .breadcrumbs {
display: inline;
}
.tags {
display: none;
}

View file

@ -70,27 +70,29 @@
border-top-right-radius: 0;
border-right-width: 0;
}
html[dir="rtl"] .topbar-button {
html[dir="rtl"] .topbar-right .topbar-button {
float: right;
}
.topbar-button > * {
html[dir="rtl"] .topbar-left .topbar-button {
float: left;
}
.topbar-right .topbar-button > * {
border-left: thin solid rgba( 134, 134, 134, .333 );
}
.topbar-left .topbar-button > * {
border-right: thin solid rgba( 134, 134, 134, .333 );
}
#body .topbar-left {
border-left-style: solid;
border-left-width: 1px;
}
html[dir="rtl"] #body .topbar-left {
float: left;
}
html[dir="rtl"] .topbar-prev i,
html[dir="rtl"] .topbar-next i {
transform: scaleX(1);
}
#toc-menu,
#sidebar-toggle-span {
border-right: thin solid rgba( 134, 134, 134, .333 );
}
#body #breadcrumbs {
border-left-style: solid;
border-left-width: 1px;
}
html[dir="rtl"] #body #breadcrumbs {
float: left;
}
.progress {
left: 1rem;
}
@ -228,23 +230,23 @@
a,
.anchor,
#toc-menu,
.topbar-button button,
#searchresults .autocomplete-suggestion {
color: rgba( 72, 106, 201, 1 ); /* var(--MAIN-LINK-color) */
}
#body #breadcrumbs {
#body .topbar-left {
border-left-color: transparent; /* var(--MENU-TOPBAR-SEPARATOR-color) */
}
@media screen and (max-width: 48rem) {
#body #breadcrumbs {
#body .topbar-left {
border-left-color: transparent;
}
}
a:hover,
.anchor:hover,
#toc-menu:hover {
.topbar-button button:hover {
color: rgba( 32, 40, 145, 1 ); /* var(--MAIN-LINK-HOVER-color) */
}
@ -526,7 +528,7 @@
background-color: rgba( 255, 255, 255, 1 ); /* var(--MAIN-BG-color) */
}
#body #breadcrumbs {
#body .topbar-left {
border-left-color: rgba( 125, 201, 3, 1 ); /* var(--INTERNAL-MENU-TOPBAR-SEPARATOR-color) */
}

View file

@ -395,12 +395,12 @@ dd {
}
}
.links a:hover,
.links a:active,
.links a:focus,
.links a:hover *,
.links a:active *,
.links a:focus *,
.breadcrumbs a:hover,
.breadcrumbs a:active,
.breadcrumbs a:focus,
.breadcrumbs a:hover *,
.breadcrumbs a:active *,
.breadcrumbs a:focus *,
.toc-wrapper a:hover,
.toc-wrapper a:active,
.toc-wrapper a:focus,
@ -982,44 +982,49 @@ td {
.topbar-button {
display: block;
float: right;
position: relative;
}
.topbar-right .topbar-button {
float: right;
top: 50%;
transform: translateY(-50%);
}
html[dir="rtl"] .topbar-button {
html[dir="rtl"] .topbar-right .topbar-button {
float: left;
}
.topbar-left .topbar-button {
float: left;
}
html[dir="rtl"] .topbar-left .topbar-button {
float: right;
}
.topbar-button > * {
border-inline-start: thin solid rgba( 134, 134, 134, .333 );
display: inline-block;
padding-left: 1rem;
padding-right: 1rem;
}
html[dir="rtl"] .topbar-prev i,
html[dir="rtl"] .topbar-next i {
transform: scaleX(-1);
.topbar-right .topbar-button > * {
border-inline-start: thin solid rgba( 134, 134, 134, .333 );
}
.topbar-left .topbar-button > * {
border-inline-end: thin solid rgba( 134, 134, 134, .333 );
}
.topbar-button span i{
color: rgba( 134, 134, 134, .333 );
}
#toc-menu{
cursor: pointer;
}
#toc-menu,
#sidebar-toggle-span {
border-inline-end: thin solid rgba( 134, 134, 134, .333 );
padding-left: 1rem;
padding-right: 1rem;
.topbar-button button{
-webkit-appearance: none;
appearance: none;
background-color: transparent;
}
#body #breadcrumbs {
#body .topbar-left {
border-inline-start-style: solid;
border-inline-start-width: 1px;
float: left;
height: auto;
line-height: 1.2;
margin-bottom: 0;
overflow: hidden;
position: relative;
@ -1029,55 +1034,61 @@ html[dir="rtl"] .topbar-next i {
white-space: nowrap;
width: calc(100% - 5*3.25rem);
}
html[dir="rtl"] #body #breadcrumbs {
html[dir="rtl"] #body .topbar-left {
float: right;
}
@media screen and (max-width: 48rem) {
#body #breadcrumbs {
#body .topbar-left {
border-inline-start-color: transparent;
text-overflow: unset;
}
}
#sidebar-toggle-span {
html[dir="rtl"] .topbar-prev i,
html[dir="rtl"] .topbar-next i {
transform: scaleX(-1);
}
.topbar-sidebar {
display: none;
}
.progress {
inset-inline-start: 1rem;
top: 1rem;
}
@media screen and (max-width: 48rem) {
.mobile-support #sidebar-toggle-span {
display: inline;
.mobile-support .topbar-sidebar {
display: block;
}
.progress {
inset-inline-start: 4.25rem;
}
}
#body #breadcrumbs .links {
#body .topbar-left .breadcrumbs {
display: inline;
padding: 0 .75rem;
line-height: 1.2;
padding: 0 1rem;
}
@media screen and (max-width: 48rem) {
#body #breadcrumbs .links {
#body .topbar-left .breadcrumbs {
/* we just hide the breadcrumbs instead of display: none;
this makes sure that the breadcrumbs are still usable for
accessability */
visibility: hidden;
margin-left: -1000px;
}
}
#body #breadcrumbs .links * {
#body .topbar-left .breadcrumbs * {
display: inline-block;
padding: 0;
}
#body #breadcrumbs .links meta {
#body .topbar-left .breadcrumbs meta {
display: none;
}
#body #breadcrumbs .links li:last-of-type {
#body .topbar-left .breadcrumbs li:last-of-type {
cursor: text;
}
@ -1583,7 +1594,7 @@ html[dir="rtl"] .menu-control span {
}
@media screen and (max-width: 48rem) {
#breadcrumbs .links {
.topbar-left .breadcrumbs {
display: none;
}
}

View file

@ -12,14 +12,14 @@ body {
a,
.anchor,
#toc-menu,
.topbar-button button,
#searchresults .autocomplete-suggestion {
color: var(--INTERNAL-MAIN-LINK-color);
}
a:hover,
.anchor:hover,
#toc-menu:hover {
.topbar-button button:hover {
color: var(--INTERNAL-MAIN-LINK-HOVER-color);
}
@ -253,11 +253,11 @@ table {
background-color: var(--INTERNAL-MAIN-BG-color);
}
#body #breadcrumbs {
#body .topbar-left {
border-inline-start-color: var(--INTERNAL-MENU-TOPBAR-SEPARATOR-color);
}
@media screen and (max-width: 48rem) {
#body #breadcrumbs {
#body .topbar-left {
border-inline-start-color: transparent;
}
}