examples/ is based on KasperskyLab/knp at 55470ed6 with local changes to the mnist-learn altai/blifat models, cuda-backend CMake and model_loader. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
248 lines
6.9 KiB
CSS
248 lines
6.9 KiB
CSS
/**
|
|
© 2024 AO Kaspersky Lab
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
html {
|
|
/* Primary theme color. This will affect the entire websites color scheme: links, arrows, labels, ... */
|
|
--primary-color: #00a88e;
|
|
--primary-dark-color: #0a7665;
|
|
--primary-light-color: #91d2c4;
|
|
|
|
/* font-families: This will affect all text on the website.
|
|
* font-family: Normal font for text, headlines, menus.
|
|
* font-family-monospace: Used for preformatted text in memtitle, code, fragments.
|
|
*/
|
|
--font-family: KasperskySansDisplay,sans-serif;
|
|
|
|
/* Colors for various content boxes: @warning, @note, @deprecated, @bug. */
|
|
--warning-color: #f8d1cc;
|
|
--warning-color-dark: #b61825;
|
|
--warning-color-darker: #75070f;
|
|
--note-color: #faf3d8;
|
|
--note-color-dark: #f3a600;
|
|
--note-color-darker: #5f4204;
|
|
--todo-color: #e4f3ff;
|
|
--todo-color-dark: #1879C4;
|
|
--todo-color-darker: #274a5c;
|
|
--deprecated-color: #ecf0f3;
|
|
--deprecated-color-dark: #5b6269;
|
|
--deprecated-color-darker: #43454a;
|
|
--bug-color: #e4dafd;
|
|
--bug-color-dark: #5b2bdd;
|
|
--bug-color-darker: #2a0d72;
|
|
--invariant-color: #d8f1e3;
|
|
--invariant-color-dark: #44b86f;
|
|
--invariant-color-darker: #265532;
|
|
}
|
|
|
|
.github-corner svg {
|
|
fill: var(--primary-light-color);
|
|
color: var(--page-background-color);
|
|
width: 72px;
|
|
height: 72px;
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.github-corner svg {
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
#projectnumber {
|
|
margin-right: 22px;
|
|
}
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
html:not(.light-mode) {
|
|
--warning-color: #2e1917;
|
|
--warning-color-dark: #ad2617;
|
|
--warning-color-darker: #f5b1aa;
|
|
--note-color: #3b2e04;
|
|
--note-color-dark: #f1b602;
|
|
--note-color-darker: #ceb670;
|
|
--todo-color: #163750;
|
|
--todo-color-dark: #1982D2;
|
|
--todo-color-darker: #dcf0fa;
|
|
--deprecated-color: #2e323b;
|
|
--deprecated-color-dark: #738396;
|
|
--deprecated-color-darker: #abb0bd;
|
|
--bug-color: #2a2536;
|
|
--bug-color-dark: #7661b3;
|
|
--bug-color-darker: #ae9ed6;
|
|
}
|
|
}
|
|
|
|
.directory .levels span {
|
|
cursor: pointer;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
color: #06a78e;
|
|
}
|
|
|
|
.alter-theme-button {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
background: var(--primary-color);
|
|
color: var(--page-background-color) !important;
|
|
border-radius: var(--border-radius-medium);
|
|
padding: var(--spacing-small) var(--spacing-medium);
|
|
text-decoration: none;
|
|
}
|
|
|
|
.next_section_button {
|
|
display: block;
|
|
padding: var(--spacing-large) 0 var(--spacing-small) 0;
|
|
color: var(--page-background-color);
|
|
user-select: none;
|
|
}
|
|
|
|
.next_section_button::after {
|
|
/* clearfix */
|
|
content: "";
|
|
clear: both;
|
|
display: table;
|
|
}
|
|
|
|
.next_section_button a {
|
|
overflow: hidden;
|
|
float: right;
|
|
border: 1px solid var(--separator-color);
|
|
padding: var(--spacing-medium) calc(var(--spacing-large) / 2) var(--spacing-medium) var(--spacing-large);
|
|
border-radius: var(--border-radius-medium);
|
|
color: var(--page-secondary-foreground-color) !important;
|
|
text-decoration: none;
|
|
background-color: var(--page-background-color);
|
|
transition: color .08s ease-in-out, background-color .1s ease-in-out;
|
|
}
|
|
|
|
.next_section_button a:hover {
|
|
color: var(--page-foreground-color) !important;
|
|
background-color: var(--odd-color);
|
|
}
|
|
|
|
.next_section_button a::after {
|
|
content: '〉';
|
|
color: var(--page-secondary-foreground-color) !important;
|
|
padding-left: var(--spacing-large);
|
|
display: inline-block;
|
|
transition: color .08s ease-in-out, transform .09s ease-in-out;
|
|
}
|
|
|
|
.next_section_button a:hover::after {
|
|
color: var(--page-foreground-color) !important;
|
|
transform: translateX(3px);
|
|
}
|
|
|
|
.alter-theme-button:hover {
|
|
background: var(--primary-dark-color);
|
|
}
|
|
|
|
html.dark-mode .darkmode_inverted_image img, /* < doxygen 1.9.3 */
|
|
html.dark-mode .darkmode_inverted_image object[type="image/svg+xml"] /* doxygen 1.9.3 */ {
|
|
filter: brightness(89%) hue-rotate(180deg) invert();
|
|
}
|
|
|
|
.bordered_image {
|
|
border-radius: var(--border-radius-small);
|
|
border: 1px solid var(--separator-color);
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Dark mode variables are defined twice, to support both the dark mode without and with doxygen-awesome-darkmode-toggle.js. */
|
|
html.dark-mode {
|
|
color-scheme: dark;
|
|
|
|
--primary-color: #00a88e;
|
|
--primary-dark-color: #86a9c4;
|
|
--primary-light-color: #06a78e;
|
|
|
|
--warning-color: #2e1917;
|
|
--warning-color-dark: #ad2617;
|
|
--warning-color-darker: #f5b1aa;
|
|
--note-color: #3b2e04;
|
|
--note-color-dark: #f1b602;
|
|
--note-color-darker: #ceb670;
|
|
--todo-color: #163750;
|
|
--todo-color-dark: #1982D2;
|
|
--todo-color-darker: #dcf0fa;
|
|
--deprecated-color: #2e323b;
|
|
--deprecated-color-dark: #738396;
|
|
--deprecated-color-darker: #abb0bd;
|
|
--bug-color: #2a2536;
|
|
--bug-color-dark: #7661b3;
|
|
--bug-color-darker: #ae9ed6;
|
|
--invariant-color: #303a35;
|
|
--invariant-color-dark: #76ce96;
|
|
--invariant-color-darker: #cceed5;
|
|
}
|
|
|
|
html.dark-mode .bordered_image img, /* < doxygen 1.9.3 */
|
|
html.dark-mode .bordered_image object[type="image/svg+xml"] /* doxygen 1.9.3 */ {
|
|
border-radius: var(--border-radius-small);
|
|
}
|
|
|
|
html.dark-mode td#projectlogo > img {
|
|
content:url("logo_dark.svg");
|
|
}
|
|
|
|
.title_screenshot {
|
|
filter: drop-shadow(0px 3px 10px rgba(0,0,0,0.22));
|
|
max-width: 500px;
|
|
margin: var(--spacing-large) 0;
|
|
}
|
|
|
|
.title_screenshot .caption {
|
|
display: none;
|
|
}
|
|
|
|
|
|
.navpath li.navelem a:hover
|
|
{
|
|
text-shadow: none !important;
|
|
text-decoration: underline;
|
|
color:#009982;
|
|
}
|
|
|
|
|
|
/* Filter generator: https://codepen.io/sosuke/pen/Pjoqqp. */
|
|
/*
|
|
#nav-sync {
|
|
filter: invert(45%) sepia(94%) saturate(598%) hue-rotate(127deg) brightness(89%) contrast(101%);
|
|
}
|
|
*/
|
|
|
|
|
|
/***** TODO: Try to clean up on theme update. */
|
|
/* Remove unused "gaps" on both sides of content header. */
|
|
#doc-content .header .headertitle .title {
|
|
max-width: unset;
|
|
}
|
|
|
|
/* Remove unused "gaps" on both sides of content table. */
|
|
#doc-content .contents {
|
|
max-width: unset;
|
|
}
|
|
|
|
/* Prevents white hover effect on left "space" before menu item. */
|
|
#nav-tree .item a:hover > span.arrow {
|
|
background: transparent;
|
|
}
|
|
|
|
/* Prevents white underline artefact on hover effect under span with arrow icon. */
|
|
#nav-tree .item > a:hover {
|
|
background: none;
|
|
}
|
|
/* TODO: Try to clean up on theme update. *****/
|