ClickHouse/website/css/docs.css
2021-09-20 09:52:51 +03:00

218 lines
3.9 KiB
CSS

details {
background: #444451;
color: #eee;
padding: 1rem;
margin-bottom: 1rem;
margin-top: 1rem;
}
summary {
font-weight: bold;
color: #eee;
}
#sidebar {
position: fixed;
z-index: 50;
left: 0;
}
#toc.toc-right {
position: fixed;
}
#languages-dropdown .disabled {
color: #666 !important;
}
#search-icon {
width: 40px;
}
.toc-right {
right: 0;
}
#sidebar-nav .nav-link.active {
font-weight: bold;
}
.headerlink {
text-decoration: none !important;
margin-left: .5rem;
}
#content table {
border: 1px solid #dee2e6;
width: 100%;
margin-bottom: 1rem;
overflow-x: auto;
}
#content thead {
background: #444451;
color: #fff;
}
#content td, #content th {
padding: .75rem;
vertical-align: top;
}
#content td {
border: 1px solid #dee2e6;
}
#content th {
border: 1px solid #444451;
}
#content code {
color: #000;
background: #eee;
padding: 0.125rem 0.25rem;
}
#content code.syntax {
padding: 0;
}
#content pre {
background: #efefef;
padding: 1rem;
line-height: 1.25;
}
#docsearch-input:focus, #docsearch-input:active {
border: 0;
color: #efefef!important;
}
@media (max-width: 768px) {
#search-form {
width: 50%;
}
.algolia-autocomplete, #docsearch-input, #search-form .input-group {
width: 100%;
}
}
.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {
display: none !important;
}
.algolia-autocomplete .algolia-docsearch-suggestion--content {
float: none !important;
width: 100% !important;
background-color: #444451;
}
.algolia-autocomplete .algolia-docsearch-suggestion--content:before {
content: none !important;
}
.algolia-autocomplete .ds-dropdown-menu {
max-height: 512px;
overflow-x: hidden;
overflow-y: auto;
}
.algolia-autocomplete .ds-dropdown-menu,
.algolia-autocomplete .ds-dropdown-menu [class^=ds-dataset-],
.algolia-autocomplete .algolia-docsearch-suggestion,
.algolia-autocomplete .ds-dropdown-menu:before {
background: #1c1c1c !important;
border-color: #333;
}
.algolia-autocomplete .algolia-docsearch-suggestion--content {
background-color: #333;
}
.algolia-autocomplete .algolia-docsearch-suggestion--content:hover,
.algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content {
background-color: #444451 !important;
}
.algolia-autocomplete .algolia-docsearch-suggestion--category-header,
.algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column,
.algolia-autocomplete .algolia-docsearch-suggestion--title,
.algolia-autocomplete .algolia-docsearch-suggestion--text {
color: #efefef;
}
.algolia-autocomplete .algolia-docsearch-suggestion--highlight {
color: #f14600;
}
#toc .nav-link {
color: #333;
}
.toc-left, #toc.toc-left .nav-link {
color: #efefef;
}
#toc .nav {
flex-wrap: nowrap !important;
}
.toc-muted {
color: #888 !important;
}
#toc .nav-link:hover {
color: #f14600 !important;
}
@media print {
body {
min-width: 0!important;
}
h1, h2, h3, h4, h5, h6, p, li, thead, tr, th, td, img, code, pre {
page-break-inside: avoid !important;
}
}
@media (prefers-color-scheme: dark) {
body[data-spy], body.amp, body.blog, #to-full-website {
background: #1c1c1c;
color: #efefef;
}
.invert-dark {
filter: invert(100%);
}
#sidebar {
background: #333;
}
#content table {
border: 1px solid #2a2b2c;
}
#content thead {
background: #333;
}
#content td {
border: 1px solid #444451;
}
#content code {
background: #444;
color: #eee;
padding: 0.125rem 0.25rem;
}
#content pre, .blog .tag, .blog .dropdown-menu {
background: #444;
color: #eee;
}
#toc .nav-link {
color: #bbb;
}
}