1366 lines
31 KiB
CSS
1366 lines
31 KiB
CSS
/**
|
|
|
|
Doxygen Awesome
|
|
https://github.com/jothepro/doxygen-awesome-css
|
|
|
|
MIT License
|
|
|
|
Copyright (c) 2021 jothepro
|
|
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
of this software and associated documentation files (the "Software"), to deal
|
|
in the Software without restriction, including without limitation the rights
|
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
copies of the Software, and to permit persons to whom the Software is
|
|
furnished to do so, subject to the following conditions:
|
|
|
|
The above copyright notice and this permission notice shall be included in all
|
|
copies or substantial portions of the Software.
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
SOFTWARE.
|
|
|
|
*/
|
|
|
|
:root {
|
|
/* primary theme color. This will affect the entire websites color scheme: links, arrows, labels, ... */
|
|
--primary-color: #1982d2;
|
|
--primary-dark-color: #00559f;
|
|
--primary-light-color: #7aabd6;
|
|
--primary-lighter-color: #cae1f1;
|
|
--primary-lightest-color: #e9f1f8;
|
|
|
|
/* page base colors */
|
|
--page-background-color: white;
|
|
--page-foreground-color: #2c3e50;
|
|
--page-secondary-foreground-color: #67727e;
|
|
|
|
/* color for all separators on the website: hr, borders, ... */
|
|
--separator-color: #dedede;
|
|
|
|
/* border radius for all rounded components. Will affect many components, like dropdowns, memitems, codeblocks, ... */
|
|
--border-radius-large: 8px;
|
|
--border-radius-small: 4px;
|
|
--border-radius-medium: 6px;
|
|
|
|
/* default spacings. Most compontest reference these values for spacing, to provide uniform spacing on the page. */
|
|
--spacing-small: 5px;
|
|
--spacing-medium: 10px;
|
|
--spacing-large: 16px;
|
|
|
|
/* default box shadow used for raising an element above the normal content. Used in dropdowns, Searchresult, ... */
|
|
--box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
|
|
|
|
--odd-color: rgba(0,0,0,.03);
|
|
|
|
/* font-families. will affect all text on the website
|
|
* font-family: the normal font for text, headlines, menus
|
|
* font-family-monospace: used for preformatted text in memtitle, code, fragments
|
|
*/
|
|
--font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
|
|
--font-family-monospace: source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;
|
|
|
|
/* font sizes */
|
|
--page-font-size: 15.6px;
|
|
--navigation-font-size: 14.4px;
|
|
--code-font-size: 14.4px; /* affects code, fragment */
|
|
--title-font-size: 22px;
|
|
|
|
/* content text properties. These only affect the page content, not the navigation or any other ui elements */
|
|
--content-line-height: 27px;
|
|
/* The content is centered and constraint in it's width. To make the content fill the whole page, set the variable to auto.*/
|
|
--content-maxwidth: 900px;
|
|
|
|
/* colors for various content boxes: @warning, @note, @deprecated @bug */
|
|
--warning-color: #fca49b;
|
|
--warning-color-dark: #b61825;
|
|
--warning-color-darker: #75070f;
|
|
--note-color: rgba(255,229,100,.3);
|
|
--note-color-dark: #c39900;
|
|
--note-color-darker: #8d7400;
|
|
--deprecated-color: rgb(214, 216, 224);
|
|
--deprecated-color-dark: #5b6269;
|
|
--deprecated-color-darker: #43454a;
|
|
--bug-color: rgb(246, 208, 178);
|
|
--bug-color-dark: #a53a00;
|
|
--bug-color-darker: #5b1d00;
|
|
--invariant-color: #b7f8d0;
|
|
--invariant-color-dark: #00ba44;
|
|
--invariant-color-darker: #008622;
|
|
|
|
/* blockquote colors */
|
|
--blockquote-background: #f5f5f5;
|
|
--blockquote-foreground: #727272;
|
|
|
|
/* table colors */
|
|
--tablehead-background: #f1f1f1;
|
|
--tablehead-foreground: var(--page-foreground-color);
|
|
|
|
/* menu-display: block | none
|
|
* Visibility of the top navigation on screens >= 768px. On smaller screen the menu is always visible.
|
|
* `GENERATE_TREEVIEW` MUST be enabled!
|
|
*/
|
|
--menu-display: block;
|
|
|
|
--menu-focus-foreground: var(--page-background-color);
|
|
--menu-focus-background: var(--primary-color);
|
|
--menu-selected-background: rgba(0,0,0,.05);
|
|
|
|
|
|
--header-background: var(--page-background-color);
|
|
--header-foreground: var(--page-foreground-color);
|
|
|
|
/* searchbar colors */
|
|
--searchbar-background: var(--side-nav-background);
|
|
--searchbar-foreground: var(--page-foreground-color);
|
|
|
|
/* searchbar size
|
|
* (`searchbar-width` is only applied on screens >= 768px.
|
|
* on smaller screens the searchbar will always fill the entire screen width) */
|
|
--searchbar-height: 33px;
|
|
--searchbar-width: 210px;
|
|
|
|
/* code block colors */
|
|
--code-background: #f5f5f5;
|
|
--code-foreground: var(--page-foreground-color);
|
|
|
|
/* fragment colors */
|
|
--fragment-background: #282c34;
|
|
--fragment-foreground: #ffffff;
|
|
--fragment-keyword: #cc99cd;
|
|
--fragment-keywordtype: #ab99cd;
|
|
--fragment-keywordflow: #e08000;
|
|
--fragment-token: #7ec699;
|
|
--fragment-comment: #999999;
|
|
--fragment-link: #98c0e3;
|
|
--fragment-preprocessor: #65cabe;
|
|
--fragment-linenumber-color: #cccccc;
|
|
--fragment-linenumber-background: #35393c;
|
|
--fragment-linenumber-border: #1f1f1f;
|
|
--fragment-lineheight: 20px;
|
|
|
|
/* sidebar navigation (treeview) colors */
|
|
--side-nav-background: #fbfbfb;
|
|
--side-nav-foreground: var(--page-foreground-color);
|
|
--side-nav-arrow-color: var(--page-background-color);
|
|
|
|
/* height of an item in any tree / collapsable table */
|
|
--tree-item-height: 30px;
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
:root {
|
|
--page-font-size: 16px;
|
|
--navigation-font-size: 16px;
|
|
--code-font-size: 15px; /* affects code, fragment */
|
|
--title-font-size: 22px;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--primary-color: #00559f;
|
|
--primary-dark-color: #1982d2;
|
|
--primary-light-color: #4779ac;
|
|
--primary-lighter-color: #191e21;
|
|
--primary-lightest-color: #191a1c;
|
|
|
|
--box-shadow: 0 2px 10px 0 rgba(0,0,0,.35);
|
|
|
|
--odd-color: rgba(0,0,0,.1);
|
|
|
|
--menu-selected-background: rgba(0,0,0,.4);
|
|
|
|
--page-background-color: #1C1D1F;
|
|
--page-foreground-color: #d2dbde;
|
|
--page-secondary-foreground-color: #859399;
|
|
--separator-color: #000000;
|
|
--side-nav-background: #252628;
|
|
|
|
--code-background: #2a2c2f;
|
|
|
|
--tablehead-background: #2a2c2f;
|
|
|
|
--blockquote-background: #1f2022;
|
|
--blockquote-foreground: #77848a;
|
|
|
|
--warning-color: #b61825;
|
|
--warning-color-dark: #510a02;
|
|
--warning-color-darker: #f5b1aa;
|
|
--note-color: rgb(255, 183, 0);
|
|
--note-color-dark: #9f7300;
|
|
--note-color-darker: #fff6df;
|
|
--deprecated-color: rgb(88, 90, 96);
|
|
--deprecated-color-dark: #262e37;
|
|
--deprecated-color-darker: #a0a5b0;
|
|
--bug-color: rgb(248, 113, 0);
|
|
--bug-color-dark: #812a00;
|
|
--bug-color-darker: #ffd3be;
|
|
}
|
|
}
|
|
|
|
body {
|
|
color: var(--page-foreground-color);
|
|
background-color: var(--page-background-color);
|
|
font-size: var(--page-font-size);
|
|
}
|
|
|
|
body, table, div, p, dl, #nav-tree .label, .title, .sm-dox a, .sm-dox a:hover, .sm-dox a:focus, #projectname, .SelectItem, #MSearchField, .navpath li.navelem a, .navpath li.navelem a:hover {
|
|
font-family: var(--font-family);
|
|
}
|
|
|
|
h1, h2, h3, h4, h5 {
|
|
margin-top: .9em;
|
|
font-weight: 600;
|
|
line-height: initial;
|
|
}
|
|
|
|
p, div, table, dl {
|
|
font-size: var(--page-font-size);
|
|
}
|
|
|
|
a, a.el:visited, a.el:hover, a.el:focus, a.el:active {
|
|
color: var(--primary-dark-color);
|
|
}
|
|
|
|
/*
|
|
Title and top navigation
|
|
*/
|
|
|
|
#top {
|
|
background: var(--header-background);
|
|
border-bottom: 1px solid var(--separator-color);
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
#top {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
}
|
|
|
|
#main-nav {
|
|
flex-grow: 5;
|
|
padding: var(--spacing-small) var(--spacing-medium);
|
|
}
|
|
|
|
#titlearea {
|
|
width: auto;
|
|
padding: var(--spacing-medium) var(--spacing-large);
|
|
background: none;
|
|
color: var(--header-foreground);
|
|
border-bottom: none;
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
#titlearea {
|
|
padding-bottom: var(--spacing-small);
|
|
}
|
|
}
|
|
|
|
#titlearea table tbody tr {
|
|
height: auto !important;
|
|
}
|
|
|
|
#projectname {
|
|
font-size: var(--title-font-size);
|
|
font-weight: 600;
|
|
}
|
|
|
|
#projectnumber {
|
|
font-family: inherit;
|
|
font-size: 60%;
|
|
}
|
|
|
|
#projectbrief {
|
|
font-family: inherit;
|
|
font-size: 80%;
|
|
}
|
|
|
|
#projectlogo {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#projectlogo img {
|
|
max-height: calc(var(--title-font-size) * 2);
|
|
margin-right: var(--spacing-small);
|
|
}
|
|
|
|
.sm-dox, .tabs, .tabs2, .tabs3 {
|
|
background: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.tabs, .tabs2, .tabs3 {
|
|
border-bottom: 1px solid var(--separator-color);
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.sm-dox a span.sub-arrow {
|
|
background: var(--code-background);
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.sm-dox li, .tablist li {
|
|
display: var(--menu-display);
|
|
}
|
|
|
|
.sm-dox a span.sub-arrow {
|
|
border-color: var(--header-foreground) transparent transparent transparent;
|
|
}
|
|
|
|
.sm-dox a:hover span.sub-arrow {
|
|
border-color: var(--menu-focus-foreground) transparent transparent transparent;
|
|
}
|
|
|
|
.sm-dox ul a span.sub-arrow {
|
|
border-color: transparent transparent transparent var(--header-foreground);
|
|
}
|
|
|
|
.sm-dox ul a:hover span.sub-arrow {
|
|
border-color: transparent transparent transparent var(--menu-focus-foreground);
|
|
}
|
|
}
|
|
|
|
.sm-dox ul {
|
|
background: var(--page-background-color);
|
|
box-shadow: var(--box-shadow);
|
|
border: 1px solid var(--separator-color);
|
|
border-radius: var(--border-radius-medium) !important;
|
|
padding: var(--spacing-small);
|
|
animation: ease-out 150ms slideInMenu;
|
|
}
|
|
|
|
@keyframes slideInMenu {
|
|
from {
|
|
opacity: 0;
|
|
transform: translate(0px, -2px);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translate(0px, 0px);
|
|
}
|
|
}
|
|
|
|
.sm-dox ul a {
|
|
color: var(--page-foreground-color);
|
|
background: var(--page-background-color);
|
|
font-size: var(--navigation-font-size);
|
|
}
|
|
|
|
.sm-dox>li>ul:after {
|
|
border-bottom-color: var(--page-background-color) !important;
|
|
}
|
|
|
|
.sm-dox>li>ul:before {
|
|
border-bottom-color: var(--separator-color) !important;
|
|
}
|
|
|
|
.sm-dox ul a:hover, .sm-dox ul a:active, .sm-dox ul a:focus {
|
|
font-size: var(--navigation-font-size);
|
|
color: var(--menu-focus-foreground);
|
|
text-shadow: none;
|
|
background-color: var(--menu-focus-background);
|
|
border-radius: var(--border-radius-small) !important;
|
|
}
|
|
|
|
.sm-dox a, .sm-dox a:focus, .tablist li, .tablist li a, .tablist li.current a {
|
|
text-shadow: none;
|
|
background: transparent;
|
|
background-image: none !important;
|
|
color: var(--header-foreground);
|
|
font-weight: normal;
|
|
font-size: var(--navigation-font-size);
|
|
}
|
|
|
|
.sm-dox a:focus {
|
|
outline: auto;
|
|
}
|
|
|
|
.sm-dox a:hover, .sm-dox a:active, .tablist li a:hover {
|
|
text-shadow: none;
|
|
font-weight: normal;
|
|
background: var(--menu-focus-background);
|
|
color: var(--menu-focus-foreground);
|
|
border-radius: var(--border-radius-small) !important;
|
|
font-size: var(--navigation-font-size);
|
|
}
|
|
|
|
.tablist li.current {
|
|
border-radius: var(--border-radius-small);
|
|
background: var(--menu-selected-background);
|
|
}
|
|
|
|
.tablist li {
|
|
margin: var(--spacing-small) 0 var(--spacing-small) var(--spacing-small);
|
|
}
|
|
|
|
.tablist a {
|
|
padding: 0 var(--spacing-large);
|
|
}
|
|
|
|
|
|
/*
|
|
Search box
|
|
*/
|
|
|
|
#MSearchBox {
|
|
height: var(--searchbar-height);
|
|
background: var(--searchbar-background);
|
|
border-radius: var(--searchbar-height);
|
|
border: 1px solid var(--separator-color);
|
|
overflow: hidden;
|
|
width: var(--searchbar-width);
|
|
position: relative;
|
|
box-shadow: none;
|
|
display: block;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.left #MSearchSelect {
|
|
left: 0;
|
|
}
|
|
|
|
.tabs .left #MSearchSelect {
|
|
padding-left: 0;
|
|
}
|
|
|
|
.tabs #MSearchBox {
|
|
position: absolute;
|
|
right: var(--spacing-medium);
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.tabs #MSearchBox {
|
|
position: relative;
|
|
right: 0;
|
|
margin-left: var(--spacing-medium);
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
#MSearchSelectWindow, #MSearchResultsWindow {
|
|
z-index: 9999;
|
|
}
|
|
|
|
#MSearchBox.MSearchBoxActive {
|
|
border-color: var(--primary-color);
|
|
box-shadow: inset 0 0 0 1px var(--primary-color);
|
|
}
|
|
|
|
#main-menu > li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
#main-menu > li:last-child {
|
|
height: 50px;
|
|
}
|
|
}
|
|
|
|
#MSearchField {
|
|
font-size: var(--navigation-font-size);
|
|
height: calc(var(--searchbar-height) - 2px);
|
|
background: transparent;
|
|
width: calc(var(--searchbar-width) - 64px);
|
|
}
|
|
|
|
.MSearchBoxActive #MSearchField {
|
|
color: var(--searchbar-foreground);
|
|
}
|
|
|
|
#MSearchSelect {
|
|
top: calc(calc(var(--searchbar-height) / 2) - 11px);
|
|
}
|
|
|
|
.left #MSearchSelect {
|
|
padding-left: 8px;
|
|
}
|
|
|
|
#MSearchBox span.left, #MSearchBox span.right {
|
|
background: none;
|
|
}
|
|
|
|
#MSearchBox span.right {
|
|
padding-top: calc(calc(var(--searchbar-height) / 2) - 12px);
|
|
}
|
|
|
|
.tabs #MSearchBox span.right {
|
|
top: calc(calc(var(--searchbar-height) / 2) - 12px);
|
|
}
|
|
|
|
@keyframes slideInSearchResults {
|
|
from {
|
|
opacity: 0;
|
|
transform: translate(0, 15px);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translate(0, 20px);
|
|
}
|
|
}
|
|
|
|
#MSearchResultsWindow {
|
|
left: auto !important;
|
|
right: var(--spacing-medium);
|
|
border-radius: var(--border-radius-large);
|
|
border: 1px solid var(--separator-color);
|
|
transform: translate(0, 20px);
|
|
box-shadow: var(--box-shadow);
|
|
animation: ease-out 280ms slideInSearchResults;
|
|
background: var(--page-background-color);
|
|
color: white;
|
|
}
|
|
|
|
iframe#MSearchResults {
|
|
background: var(--page-background-color);
|
|
margin: 4px;
|
|
}
|
|
|
|
#MSearchSelectWindow {
|
|
border: 1px solid var(--separator-color);
|
|
border-radius: var(--border-radius-medium);
|
|
box-shadow: var(--box-shadow);
|
|
background: var(--page-background-color);
|
|
}
|
|
|
|
#MSearchSelectWindow a.SelectItem {
|
|
font-size: var(--navigation-font-size);
|
|
line-height: var(--content-line-height);
|
|
margin: 0 var(--spacing-small);
|
|
border-radius: var(--border-radius-small);
|
|
color: var(--page-foreground-color);
|
|
}
|
|
|
|
#MSearchSelectWindow a.SelectItem:hover {
|
|
background: var(--menu-focus-background);
|
|
color: var(--menu-focus-foreground);
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
#MSearchBox {
|
|
margin-top: var(--spacing-medium);
|
|
margin-bottom: var(--spacing-medium);
|
|
width: calc(100vw - 30px);
|
|
}
|
|
|
|
#main-menu > li:last-child {
|
|
float: none !important;
|
|
}
|
|
|
|
#MSearchField {
|
|
width: calc(100vw - 95px);
|
|
}
|
|
|
|
@keyframes slideInSearchResultsMobile {
|
|
from {
|
|
opacity: 0;
|
|
transform: translate(0, 15px);
|
|
}
|
|
|
|
to {
|
|
opacity: 1;
|
|
transform: translate(0, 20px);
|
|
}
|
|
}
|
|
|
|
#MSearchResultsWindow {
|
|
left: var(--spacing-medium) !important;
|
|
right: var(--spacing-medium);
|
|
overflow: auto;
|
|
transform: translate(0, 20px);
|
|
animation: ease-out 280ms slideInSearchResultsMobile;
|
|
}
|
|
}
|
|
|
|
/*
|
|
Tree view
|
|
*/
|
|
|
|
#side-nav {
|
|
padding: 0 !important;
|
|
background: var(--side-nav-background);
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
#side-nav {
|
|
display: none;
|
|
}
|
|
|
|
#doc-content {
|
|
margin-left: 0 !important;
|
|
height: auto !important;
|
|
padding-bottom: calc(2 * var(--spacing-large));
|
|
}
|
|
}
|
|
|
|
#nav-tree {
|
|
background: transparent;
|
|
}
|
|
|
|
#nav-tree .label {
|
|
font-size: var(--navigation-font-size);
|
|
}
|
|
|
|
#nav-tree .item {
|
|
height: var(--tree-item-height);
|
|
line-height: var(--tree-item-height);
|
|
}
|
|
|
|
#nav-sync {
|
|
top: 12px !important;
|
|
right: 12px;
|
|
}
|
|
|
|
#nav-tree .selected {
|
|
text-shadow: none;
|
|
background-image: none;
|
|
background-color: transparent;
|
|
box-shadow: inset 4px 0 0 0 var(--primary-dark-color);
|
|
}
|
|
|
|
#nav-tree a {
|
|
color: var(--side-nav-foreground);
|
|
}
|
|
|
|
#nav-tree a:focus {
|
|
outline-style: auto;
|
|
}
|
|
|
|
.arrow {
|
|
color: var(--primary-light-color);
|
|
font-family: serif;
|
|
height: auto;
|
|
text-align: right;
|
|
}
|
|
|
|
#nav-tree .arrow {
|
|
opacity: 0;
|
|
}
|
|
|
|
#nav-tree div.item:hover .arrow, #nav-tree a:focus .arrow {
|
|
opacity: 1;
|
|
}
|
|
|
|
#nav-tree .selected a {
|
|
color: var(--primary-dark-color);
|
|
font-weight: bolder;
|
|
}
|
|
|
|
.ui-resizable-e {
|
|
background: var(--separator-color);
|
|
width: 1px;
|
|
}
|
|
|
|
/*
|
|
Contents
|
|
*/
|
|
|
|
div.header {
|
|
border-bottom: 1px solid var(--separator-color);
|
|
background-color: var(--page-background-color);
|
|
background-image: none;
|
|
}
|
|
|
|
div.contents, div.header .title, div.header .summary {
|
|
max-width: var(--content-maxwidth);
|
|
}
|
|
|
|
div.contents, div.header .title {
|
|
line-height: initial;
|
|
margin: calc(var(--spacing-medium) + .2em) auto var(--spacing-medium) auto;
|
|
}
|
|
|
|
div.header .summary {
|
|
margin: var(--spacing-medium) auto 0 auto;
|
|
}
|
|
|
|
div.headertitle {
|
|
padding: 0;
|
|
}
|
|
|
|
div.header .title {
|
|
font-weight: 600;
|
|
font-size: 210%;
|
|
padding: var(--spacing-medium) var(--spacing-large);
|
|
word-break: break-word;
|
|
}
|
|
|
|
div.header .summary {
|
|
width: auto;
|
|
display: block;
|
|
float: none;
|
|
padding: 0 var(--spacing-large);
|
|
}
|
|
|
|
td.memSeparator {
|
|
border-color: var(--separator-color);
|
|
}
|
|
|
|
.mdescLeft, .mdescRight, .memItemLeft, .memItemRight, .memTemplItemLeft, .memTemplItemRight, .memTemplParams {
|
|
background: var(--code-background);
|
|
}
|
|
|
|
.mdescRight {
|
|
color: var(--page-secondary-foreground-color);
|
|
}
|
|
|
|
span.mlabel {
|
|
background: var(--primary-color);
|
|
border: none;
|
|
padding: 4px 9px;
|
|
border-radius: 12px;
|
|
margin-right: var(--spacing-medium);
|
|
}
|
|
|
|
span.mlabel:last-of-type {
|
|
margin-right: 2px;
|
|
}
|
|
|
|
div.contents {
|
|
padding: 0 var(--spacing-large);
|
|
}
|
|
|
|
div.contents p, div.contents li {
|
|
line-height: var(--content-line-height);
|
|
}
|
|
|
|
div.contents div.dyncontent {
|
|
margin: var(--spacing-medium) 0;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
div.contents div.dyncontent img {
|
|
filter: hue-rotate(180deg) invert();
|
|
}
|
|
}
|
|
|
|
h2.groupheader {
|
|
border-bottom: 1px solid var(--separator-color);
|
|
color: var(--page-foreground-color);
|
|
}
|
|
|
|
blockquote {
|
|
padding: var(--spacing-small) var(--spacing-medium);
|
|
background: var(--blockquote-background);
|
|
color: var(--blockquote-foreground);
|
|
border-left: 2px solid var(--blockquote-foreground);
|
|
margin: 0;
|
|
}
|
|
|
|
blockquote p {
|
|
margin: var(--spacing-small) 0 var(--spacing-medium) 0;
|
|
}
|
|
.paramname {
|
|
color: var(--primary-dark-color);
|
|
}
|
|
|
|
.glow {
|
|
text-shadow: 0 0 15px var(--primary-light-color) !important;
|
|
}
|
|
|
|
.alphachar a {
|
|
color: var(--page-foreground-color);
|
|
}
|
|
|
|
/*
|
|
Table of Contents
|
|
*/
|
|
|
|
div.toc {
|
|
background-color: var(--side-nav-background);
|
|
border: 1px solid var(--separator-color);
|
|
border-radius: var(--border-radius-medium);
|
|
box-shadow: var(--box-shadow);
|
|
padding: 0 var(--spacing-large);
|
|
margin: 0 0 var(--spacing-medium) var(--spacing-medium);
|
|
}
|
|
|
|
div.toc h3 {
|
|
color: var(--side-nav-foreground);
|
|
font-size: var(--navigation-font-size);
|
|
margin: var(--spacing-large) 0;
|
|
}
|
|
|
|
div.toc li {
|
|
font-size: var(--navigation-font-size);
|
|
padding: 0;
|
|
background: none;
|
|
}
|
|
|
|
div.toc li:before {
|
|
content: '↓';
|
|
font-weight: 800;
|
|
font-family: var(--font-family);
|
|
margin-right: var(--spacing-small);
|
|
color: var(--side-nav-foreground);
|
|
opacity: .4;
|
|
}
|
|
|
|
div.toc ul li.level1 {
|
|
margin: 0;
|
|
}
|
|
|
|
div.toc ul li.level2, div.toc ul li.level3 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
|
|
@media screen and (max-width: 767px) {
|
|
div.toc {
|
|
float: none;
|
|
width: auto;
|
|
margin: 0 0 var(--spacing-medium) 0;
|
|
}
|
|
}
|
|
|
|
/*
|
|
Code & Fragments
|
|
*/
|
|
|
|
code, div.fragment, pre.fragment {
|
|
border-radius: var(--border-radius-small);
|
|
border: none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
code {
|
|
display: inline;
|
|
background: var(--code-background);
|
|
color: var(--code-foreground);
|
|
padding: 2px 6px;
|
|
word-break: break-word;
|
|
}
|
|
|
|
div.fragment, pre.fragment {
|
|
margin: var(--spacing-medium) 0;
|
|
padding: 14px 16px;
|
|
background: var(--fragment-background);
|
|
color: var(--fragment-foreground);
|
|
overflow-x: auto;
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
div.fragment, pre.fragment {
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
.contents > div.fragment, .textblock > div.fragment, .textblock > pre.fragment {
|
|
margin: var(--spacing-medium) calc(0px - var(--spacing-large));
|
|
border-radius: 0;
|
|
}
|
|
|
|
.textblock li > .fragment {
|
|
margin: var(--spacing-medium) calc(0px - var(--spacing-large));
|
|
}
|
|
|
|
.memdoc li > .fragment {
|
|
margin: var(--spacing-medium) calc(0px - var(--spacing-medium));
|
|
}
|
|
|
|
.memdoc > div.fragment, .memdoc > pre.fragment, dl dd > div.fragment, dl dd pre.fragment {
|
|
margin: var(--spacing-medium) calc(0px - var(--spacing-medium));
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
|
|
code, code a, pre.fragment, div.fragment, div.fragment .line, div.fragment span, div.fragment .line a, div.fragment .line span {
|
|
font-family: var(--font-family-monospace);
|
|
font-size: var(--code-font-size) !important;
|
|
}
|
|
|
|
div.line:after {
|
|
margin-right: var(--spacing-medium);
|
|
}
|
|
|
|
div.fragment .line, pre.fragment {
|
|
white-space: pre;
|
|
word-wrap: initial;
|
|
line-height: var(--fragment-lineheight);
|
|
}
|
|
|
|
div.fragment span.keyword {
|
|
color: var(--fragment-keyword);
|
|
}
|
|
|
|
div.fragment span.keywordtype {
|
|
color: var(--fragment-keywordtype);
|
|
}
|
|
|
|
div.fragment span.keywordflow {
|
|
color: var(--fragment-keywordflow);
|
|
}
|
|
|
|
div.fragment span.stringliteral {
|
|
color: var(--fragment-token)
|
|
}
|
|
|
|
div.fragment span.comment {
|
|
color: var(--fragment-comment);
|
|
}
|
|
|
|
div.fragment a.code {
|
|
color: var(--fragment-link);
|
|
}
|
|
|
|
div.fragment span.preprocessor {
|
|
color: var(--fragment-preprocessor);
|
|
}
|
|
|
|
div.fragment span.lineno {
|
|
display: inline-block;
|
|
width: 27px;
|
|
border-right: none;
|
|
background: var(--fragment-linenumber-background);
|
|
color: var(--fragment-linenumber-color);
|
|
}
|
|
|
|
div.fragment span.lineno a {
|
|
background: none;
|
|
color: var(--fragment-link);
|
|
}
|
|
|
|
div.fragment .line:first-child .lineno {
|
|
box-shadow: -999999px 0px 0 999999px var(--fragment-linenumber-background), -999998px 0px 0 999999px var(--fragment-linenumber-border);
|
|
}
|
|
|
|
/*
|
|
dl warning, attention, note, deprecated, bug, ...
|
|
*/
|
|
|
|
dl.warning, dl.attention, dl.note, dl.deprecated, dl.bug, dl.invariant, dl.pre {
|
|
padding: var(--spacing-medium);
|
|
margin: var(--spacing-medium) 0;
|
|
color: var(--page-background-color);
|
|
overflow: hidden;
|
|
margin-left: 0;
|
|
border-radius: var(--border-radius-small);
|
|
}
|
|
|
|
dl.section dd {
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
dl.warning, dl.attention {
|
|
background: var(--warning-color);
|
|
border-left: 8px solid var(--warning-color-dark);
|
|
color: var(--warning-color-darker);
|
|
}
|
|
|
|
dl.warning dt, dl.attention dt {
|
|
color: var(--warning-color-dark);
|
|
}
|
|
|
|
dl.note {
|
|
background: var(--note-color);
|
|
border-left: 8px solid var(--note-color-dark);
|
|
color: var(--note-color-darker);
|
|
}
|
|
|
|
dl.note dt {
|
|
color: var(--note-color-dark);
|
|
}
|
|
|
|
dl.bug {
|
|
background: var(--bug-color);
|
|
border-left: 8px solid var(--bug-color-dark);
|
|
color: var(--bug-color-darker);
|
|
}
|
|
|
|
dl.bug dt a {
|
|
color: var(--bug-color-dark) !important;
|
|
}
|
|
|
|
dl.deprecated {
|
|
background: var(--deprecated-color);
|
|
border-left: 8px solid var(--deprecated-color-dark);
|
|
color: var(--deprecated-color-darker);
|
|
}
|
|
|
|
dl.deprecated dt a {
|
|
color: var(--deprecated-color-dark) !important;
|
|
}
|
|
|
|
dl.section dd, dl.bug dd, dl.deprecated dd {
|
|
margin-inline-start: 0px;
|
|
}
|
|
|
|
dl.invariant, dl.pre {
|
|
background: var(--invariant-color);
|
|
border-left: 8px solid var(--invariant-color-dark);
|
|
color: var(--invariant-color-darker);
|
|
}
|
|
|
|
/*
|
|
memitem
|
|
*/
|
|
|
|
div.memdoc, div.memproto, h2.memtitle {
|
|
box-shadow: none;
|
|
background-image: none;
|
|
border: none;
|
|
}
|
|
|
|
div.memdoc {
|
|
padding: 0 var(--spacing-medium);
|
|
background: var(--page-background-color);
|
|
}
|
|
|
|
h2.memtitle, div.memitem {
|
|
border: 1px solid var(--separator-color);
|
|
}
|
|
|
|
div.memproto, h2.memtitle {
|
|
background: var(--code-background);
|
|
text-shadow: none;
|
|
}
|
|
|
|
h2.memtitle {
|
|
font-weight: 500;
|
|
font-family: monospace, fixed;
|
|
border-bottom: none;
|
|
border-top-left-radius: var(--border-radius-medium);
|
|
border-top-right-radius: var(--border-radius-medium);
|
|
word-break: break-all;
|
|
}
|
|
|
|
a:target + h2.memtitle, a:target + h2.memtitle + div.memitem {
|
|
border-color: var(--primary-light-color);
|
|
}
|
|
|
|
a:target + h2.memtitle {
|
|
box-shadow: -3px -3px 3px 0 var(--primary-lightest-color), 3px -3px 3px 0 var(--primary-lightest-color);
|
|
}
|
|
|
|
a:target + h2.memtitle + div.memitem {
|
|
box-shadow: 0 0 10px 0 var(--primary-lighter-color);
|
|
}
|
|
|
|
div.memitem {
|
|
border-top-right-radius: var(--border-radius-medium);
|
|
border-bottom-right-radius: var(--border-radius-medium);
|
|
border-bottom-left-radius: var(--border-radius-medium);
|
|
overflow: hidden;
|
|
display: block !important;
|
|
}
|
|
|
|
div.memdoc {
|
|
border-radius: 0;
|
|
}
|
|
|
|
div.memproto {
|
|
border-radius: 0 var(--border-radius-small) 0 0;
|
|
overflow: auto;
|
|
border-bottom: 1px solid var(--separator-color);
|
|
padding: var(--spacing-medium);
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
div.memtitle {
|
|
border-top-right-radius: var(--border-radius-medium);
|
|
border-top-left-radius: var(--border-radius-medium);
|
|
}
|
|
|
|
div.memproto table.memname {
|
|
font-family: monospace, fixed;
|
|
color: var(--page-foreground-color);
|
|
}
|
|
|
|
table.mlabels, table.mlabels > tbody {
|
|
display: block;
|
|
}
|
|
|
|
td.mlabels-left {
|
|
width: auto;
|
|
}
|
|
|
|
table.mlabels > tbody > tr:first-child {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.memname, .memitem span.mlabels {
|
|
margin: 0
|
|
}
|
|
|
|
/*
|
|
reflist
|
|
*/
|
|
|
|
dl.reflist {
|
|
border-radius: var(--border-radius-medium);
|
|
border: 1px solid var(--separator-color);
|
|
overflow: hidden;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
dl.reflist dt, dl.reflist dd {
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
background-image: none;
|
|
border: none;
|
|
padding: 12px;
|
|
}
|
|
|
|
|
|
dl.reflist dt {
|
|
border-radius: 0;
|
|
background: var(--code-background);
|
|
border-bottom: 1px solid var(--separator-color);
|
|
color: var(--page-foreground-color)
|
|
}
|
|
|
|
|
|
dl.reflist dd {
|
|
background: none;
|
|
}
|
|
|
|
/*
|
|
Table
|
|
*/
|
|
|
|
table.markdownTable, table.fieldtable {
|
|
width: 100%;
|
|
border: 1px solid var(--separator-color);
|
|
margin: var(--spacing-medium) 0;
|
|
}
|
|
|
|
table.fieldtable {
|
|
box-shadow: none;
|
|
border-radius: var(--border-radius-small);
|
|
}
|
|
|
|
th.markdownTableHeadLeft, th.markdownTableHeadRight, th.markdownTableHeadCenter, th.markdownTableHeadNone {
|
|
background: var(--tablehead-background);
|
|
color: var(--tablehead-foreground);
|
|
font-weight: 600;
|
|
}
|
|
|
|
table.markdownTable td, table.markdownTable th, table.fieldtable dt {
|
|
border: 1px solid var(--separator-color);
|
|
padding: var(--spacing-small) var(--spacing-medium);
|
|
}
|
|
|
|
table.fieldtable th {
|
|
font-size: var(--page-font-size);
|
|
font-weight: 600;
|
|
background-image: none;
|
|
background-color: var(--tablehead-background);
|
|
color: var(--tablehead-foreground);
|
|
border-bottom: 1px solid var(--separator-color);
|
|
}
|
|
|
|
.fieldtable td.fieldtype, .fieldtable td.fieldname {
|
|
border-bottom: 1px solid var(--separator-color);
|
|
border-right: 1px solid var(--separator-color);
|
|
}
|
|
|
|
.fieldtable td.fielddoc {
|
|
border-bottom: 1px solid var(--separator-color);
|
|
}
|
|
|
|
.memberdecls td.glow, .fieldtable tr.glow {
|
|
background-color: var(--primary-light-color);
|
|
box-shadow: 0 0 15px var(--primary-lighter-color);
|
|
}
|
|
|
|
table.memberdecls {
|
|
display: block;
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
|
|
/*
|
|
Horizontal Rule
|
|
*/
|
|
|
|
hr {
|
|
margin-top: var(--spacing-large);
|
|
margin-bottom: var(--spacing-large);
|
|
border-top:1px solid var(--separator-color);
|
|
}
|
|
|
|
.contents hr {
|
|
box-shadow: var(--content-maxwidth) 0 0 0 var(--separator-color), calc(0px - var(--content-maxwidth)) 0 0 0 var(--separator-color);
|
|
}
|
|
|
|
.contents img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
/*
|
|
Directories
|
|
*/
|
|
div.directory {
|
|
border-top: 1px solid var(--separator-color);
|
|
border-bottom: 1px solid var(--separator-color);
|
|
width: auto;
|
|
}
|
|
|
|
table.directory {
|
|
font-family: var(--font-family);
|
|
font-size: var(--page-font-size);
|
|
font-weight: normal;
|
|
}
|
|
|
|
.directory td.entry {
|
|
padding: var(--spacing-small);
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.directory tr.even {
|
|
background-color: var(--odd-color);
|
|
}
|
|
|
|
.icona {
|
|
width: auto;
|
|
height: auto;
|
|
margin: 0 var(--spacing-small);
|
|
}
|
|
|
|
.icon {
|
|
background: var(--primary-dark-color);
|
|
width: 18px;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.iconfopen, .icondoc, .iconfclosed {
|
|
background-position: center;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.icondoc {
|
|
filter: saturate(0.2);
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
div.directory {
|
|
margin-left: calc(0px - var(--spacing-medium));
|
|
margin-right: calc(0px - var(--spacing-medium));
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
.iconfopen, .iconfclosed {
|
|
filter: hue-rotate(180deg) invert();
|
|
}
|
|
}
|
|
|
|
/*
|
|
Class list
|
|
*/
|
|
|
|
.classindex dl.odd {
|
|
background: var(--odd-color);
|
|
border-radius: var(--border-radius-small);
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.classindex {
|
|
margin: 0 calc(0px - var(--spacing-small));
|
|
}
|
|
}
|
|
|
|
/*
|
|
Footer and nav-path
|
|
*/
|
|
|
|
#nav-path {
|
|
margin-bottom: -1px;
|
|
width: 100%;
|
|
}
|
|
|
|
#nav-path ul {
|
|
background-image: none;
|
|
background: var(--page-background-color);
|
|
border: none;
|
|
border-top: 1px solid var(--separator-color);
|
|
border-bottom: 1px solid var(--separator-color);
|
|
font-size: var(--navigation-font-size);
|
|
}
|
|
|
|
img.footer {
|
|
width: 60px;
|
|
}
|
|
|
|
.navpath li.footer {
|
|
color: var(--page-secondary-foreground-color);
|
|
}
|
|
|
|
address.footer {
|
|
margin-bottom: var(--spacing-large);
|
|
}
|
|
|
|
#nav-path li.navelem {
|
|
background-image: none;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.navpath li.navelem a {
|
|
text-shadow: none;
|
|
display: inline-block;
|
|
color: var(--primary-dark-color)
|
|
}
|
|
|
|
li.navelem {
|
|
padding: 0;
|
|
margin-left: -8px;
|
|
}
|
|
|
|
li.navelem:first-child {
|
|
margin-left: var(--spacing-large);
|
|
}
|
|
|
|
li.navelem:first-child:before {
|
|
display: none;
|
|
}
|
|
|
|
#nav-path li.navelem:after {
|
|
content: '';
|
|
border: 5px solid var(--page-background-color);
|
|
border-bottom-color: transparent;
|
|
border-right-color: transparent;
|
|
border-top-color: transparent;
|
|
transform: scaleY(4.2);
|
|
z-index: 10;
|
|
margin-left: 6px;
|
|
}
|
|
|
|
#nav-path li.navelem:before {
|
|
content: '';
|
|
border: 5px solid var(--separator-color);
|
|
border-bottom-color: transparent;
|
|
border-right-color: transparent;
|
|
border-top-color: transparent;
|
|
transform: scaleY(3.2);
|
|
margin-right: var(--spacing-small);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
#nav-path li.navelem:after {
|
|
text-shadow: 3px 0 0 var(--separator-color), 8px 0 6px rgba(0,0,0,0.4);
|
|
}
|
|
}
|
|
|
|
.navpath li.navelem a:hover {
|
|
color: var(--primary-color);
|
|
}
|