godotengine/godot-docs
1
0
Fork 0
mirror of https://github.com/godotengine/godot-docs.git synced 2026-01-05 22:09:56 +03:00
Code Issues Packages Projects Releases Wiki Activity

Adjust styling of new instant search popup

Browse Source
This commit is contained in:
Yuri Sizov
2020-03-17 13:30:42 +03:00
parent c85c68e694
commit 069c5e0a1d
1 changed files with 109 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

109
_static/css/custom.css
View File

@@ -35,6 +35,14 @@
--input-background-color: #fcfcfc;
--input-focus-border-color: #5f8cff;
--search-input-background-color: #e6eef3; /* derived from --input-background-color */
--search-match-color: #2c6b96; /* derived from --link-color */
--search-match-background-color: #e3f2fd; /* derived from --link-color */
--search-active-color: #efefef;
--search-credits-background-color: #333f67; /* derived from --navbar-background-color */
--search-credits-color: #b3b3b3; /* derived from --footer-color */
--search-credits-link-color: #4392c5; /* derived from --link-color */
--highlight-background-color: #f5ffe1;
--highlight-comment-color: #408090;
--highlight-keyword-color: #007020;
@@ -106,6 +114,14 @@
--input-background-color: #333537;
--input-focus-border-color: #5f8cff;
--search-input-background-color: #43464a; /* derived from --input-background-color */
--search-match-color: #52b4ff; /* derived from --link-color */
--search-match-background-color: #414c56; /* derived from --link-color */
--search-active-color: #202326;
--search-credits-background-color: #202123; /* derived from --navbar-background-color */
--search-credits-color: #6b6b6b; /* derived from --footer-color */
--search-credits-link-color: #628fb1; /* derived from --link-color */
/* Colors taken from the Godot script editor with the Adaptive theme */
--highlight-background-color: #202531;
--highlight-comment-color: rgba(204, 206, 211, 0.5);
@@ -242,6 +258,99 @@ footer,
color: var(--footer-color);
}
/* Sphinx Search extension */
/* .wy-body-for-nav is used for higher rule specificity */
/* search popup body */
.wy-body-for-nav .search__outer {
background-color: var(--content-background-color);
border: 2px solid var(--content-background-color);
}
.wy-body-for-nav .search__cross svg {
fill: var(--body-color);
}
.wy-body-for-nav .search__outer::-webkit-scrollbar-track {
border-radius: 10px;
background-color: var(--content-background-color);
}
.wy-body-for-nav .search__outer::-webkit-scrollbar {
width: 7px;
height: 7px;
background-color: var(--content-background-color);
}
.wy-body-for-nav .search__outer::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: var(--hr-color);
}
/* search input */
.wy-body-for-nav .search__outer__input {
background-color: var(--search-input-background-color);
background-image: none;
border-radius: 50px;
border: 2px solid transparent;
color: var(--body-color);
height: 36px;
padding: 6px 12px;
}
.wy-body-for-nav .search__outer__input:focus {
border-color: var(--input-focus-border-color);
}
.wy-body-for-nav .search__outer .bar:after,
.wy-body-for-nav .search__outer .bar:before {
display: none;
}
/* search item */
.wy-body-for-nav .search__result__single {
border-bottom-color: var(--hr-color);
}
/* search item title */
.wy-body-for-nav .search__result__title {
color: var(--link-color);
border-bottom: none;
font-size: 120%;
font-weight: 400;
}
/* search item section */
.wy-body-for-nav .outer_div_page_results:hover,
.wy-body-for-nav .search__result__box .active {
background-color: var(--search-active-color);
}
.wy-body-for-nav .search__result__subheading{
color: var(--body-color);
font-size: 100%;
font-weight: 400;
}
.wy-body-for-nav .search__result__content {
color: var(--footer-color);
}
/* search item matching substring */
.wy-body-for-nav .search__outer .search__result__title span,
.wy-body-for-nav .search__outer .search__result__content span {
color: var(--search-match-color);
border-bottom: 1px solid var(--search-match-color);
background-color: var(--search-match-background-color);
padding: 0 2px;
}
.wy-body-for-nav .search__result__subheading span {
border-bottom-color: var(--body-color);
}
/* search credits */
.wy-body-for-nav .rtd__search__credits {
background-color: var(--search-credits-background-color);
border-color: var(--search-credits-background-color);
color: var(--search-credits-color);
padding: 4px 8px;
}
.wy-body-for-nav .rtd__search__credits a {
color: var(--search-credits-link-color);
}
/* Main sections */
.wy-nav-content-wrap {