540 lines
30 KiB
CSS
540 lines
30 KiB
CSS
|
|
/*
|
|
Autor: Roberto Michán Sánchez (Roboron)
|
|
Upstream URL / Report issues: https://github.com/Roboron3042/Cyberpunk-Neon
|
|
License: CC-BY-SA 4.0 https://creativecommons.org/licenses/by-sa/4.0/
|
|
*/
|
|
|
|
/* 0. Colorscheme */
|
|
|
|
:root {
|
|
--background: #000b1e;
|
|
--background-text: #091833;
|
|
--button: #133e7c;
|
|
--button-alt: #0b2956;
|
|
--button-alt-svg: invert(15%) sepia(81%) saturate(952%) hue-rotate(186deg) brightness(88%) contrast(102%);
|
|
--text: #0abdc6;
|
|
--text-svg: invert(50%) sepia(85%) saturate(1552%) hue-rotate(144deg) brightness(101%) contrast(92%);
|
|
--text-alt: rgba(10, 189, 198, .6);
|
|
--accent: #ea00d9;
|
|
--accent-svg: invert(17%) sepia(98%) saturate(7408%) hue-rotate(299deg) brightness(106%) contrast(108%);
|
|
--select: #711c91;
|
|
--select-alt: #321959;
|
|
--green: #00ff00;
|
|
}
|
|
|
|
/* 0.1. Selection & Scrollbars */
|
|
::selection {
|
|
background: var(--select-alt) !important; /* WebKit/Blink Browsers */
|
|
color: var(--text) !important;
|
|
}
|
|
::-moz-selection {
|
|
background: var(--select-alt) !important; /* Gecko Browsers */
|
|
color: var(--text) !important;
|
|
}
|
|
.note-3kmerW textarea::-moz-selection {
|
|
background:var(--select-alt) !important;
|
|
color:var(--text) !important;
|
|
}
|
|
.note-3kmerW textarea::selection {
|
|
background:var(--select-alt) !important;
|
|
color:var(--text)!important;
|
|
}
|
|
html {
|
|
scrollbar-color: var(--text) var(--background) !important;
|
|
}
|
|
::placeholder {
|
|
color: var(--text-alt) !important;
|
|
}
|
|
|
|
/* 1. Header */
|
|
|
|
.header:not(.header--default):not(.header--blak):not(.header--nite):not(.header--dawn) {
|
|
background-color: var(--background);
|
|
}
|
|
.header:not(.header--default):not(.header--blak):not(.header--nite):not(.header--dawn) .header__logo {
|
|
filter: var(--text-svg);
|
|
}
|
|
|
|
.header:not(.header--default):not(.header--blak):not(.header--nite):not(.header--dawn) .header__top-nav-container .home-button {
|
|
filter: var(--text-svg);
|
|
}
|
|
.header:not(.header--default):not(.header--blak):not(.header--nite):not(.header--dawn) .header__top-nav-container .home-button:hover {
|
|
filter: var(--accent-svg);
|
|
}
|
|
.search-form:not(.search-form--default):not(.search-form--blak):not(.search-form--nite):not(.search-form--dawn) .search-form__form {
|
|
background: var(--background-text);
|
|
border: 1px solid var(--text);
|
|
}
|
|
.search-form:not(.search-form--default):not(.search-form--blak):not(.search-form--nite):not(.search-form--dawn) .search-form__form:hover {
|
|
border: 1px solid var(--accent);
|
|
}
|
|
.search-form:not(.search-form--default):not(.search-form--blak):not(.search-form--nite):not(.search-form--dawn) .search-form__form:focus {
|
|
border: 1px solid var(--accent);
|
|
}
|
|
.search-form:not(.search-form--default):not(.search-form--blak):not(.search-form--nite):not(.search-form--dawn) .search-form__q {
|
|
color: var(--text);
|
|
}
|
|
.search-form:not(.search-form--default):not(.search-form--blak):not(.search-form--nite):not(.search-form--dawn) .search-form__clear-button .x-btn {
|
|
filter: var(--text-svg);
|
|
}
|
|
.search-form:not(.search-form--default):not(.search-form--blak):not(.search-form--nite):not(.search-form--dawn) .search-form__clear-button .x-btn:hover {
|
|
filter: var(--accent-svg);
|
|
}
|
|
.search-form:not(.search-form--default):not(.search-form--blak):not(.search-form--nite):not(.search-form--dawn) .search-form__clear-button {
|
|
border-right: 1px solid var(--text-alt);
|
|
}
|
|
.search-form:not(.search-form--default):not(.search-form--blak):not(.search-form--nite):not(.search-form--dawn) .search-form__button-desktop .ico-wrapper .ico {
|
|
filter: var(--text-svg);
|
|
}
|
|
.search-form:not(.search-form--default):not(.search-form--blak):not(.search-form--nite):not(.search-form--dawn) .search-form__button-desktop .ico-wrapper .ico:hover {
|
|
filter: var(--accent-svg);
|
|
}
|
|
.privacy-please-menu__button {
|
|
color: var(--text);
|
|
}
|
|
html.startpage-html--dark body .suggestPanel {
|
|
color: var(--text);
|
|
background-color: var(--background-text);
|
|
border: 1px solid var(--text-alt);
|
|
}
|
|
html.startpage-html--dark body .suggest_link_over {
|
|
background-color: var(--button-alt);
|
|
}
|
|
|
|
/* 1.1 Privacy, Please! */
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__button .chevron, .privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__button .privacy-please-text {
|
|
filter: var(--text-svg);
|
|
}
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__button .privacy-please-text {
|
|
color: var(--accent);
|
|
}
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__button:hover {
|
|
background: none;
|
|
}
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__button .chevron-container {
|
|
background: none;
|
|
}
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__display {
|
|
background: var(--background);
|
|
border: 1px solid var(--accent);
|
|
color: var(--text);
|
|
}
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__display__wrapper .close-btn .x-btn {
|
|
filter: var(--text-svg);
|
|
}
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__display__wrapper .close-btn:hover .x-btn {
|
|
filter: var(--accent-svg);
|
|
}
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__display__wrapper .close-btn:hover {
|
|
background: none;
|
|
}
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__button:hover .chevron, .privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__button:hover .privacy-please-text {
|
|
filter: var(--accent-svg);
|
|
}
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__display__left-rail .link-text {
|
|
text-decoration: none;
|
|
color: var(--accent);
|
|
}
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__display__left-rail .link-text:hover {
|
|
text-decoration: underline;
|
|
color: var(--accent);
|
|
}
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__display__left-rail {
|
|
border-right: 1px solid var(--text-alt);
|
|
color: var(--text);
|
|
}
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__display__left-rail .link:first-child {
|
|
border-bottom: 1px solid var(--text-alt);
|
|
}
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__display__right-rail .privacy-please-rightrail-header {
|
|
color: var(--text);
|
|
}
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__display__right-rail .privacy-please-rightrail-text {
|
|
color: var(--text);
|
|
}
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__display__right-rail .link-text {
|
|
color: var(--accent) !important;
|
|
text-decoration: none;
|
|
}
|
|
.privacy-please-menu:not(.privacy-please-menu--default):not(.privacy-please-menu--blak):not(.privacy-please-menu--nite):not(.privacy-please-menu--dawn) .privacy-please-menu__display__right-rail .link-text:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* 1.3 Menu */
|
|
.hamburger-menu:not(.hamburger-menu--default):not(.hamburger-menu--blak):not(.hamburger-menu--nite):not(.hamburger-menu--dawn) .hamburger-menu__button .icon {
|
|
filter: var(--text-svg);
|
|
}
|
|
.hamburger-menu:not(.hamburger-menu--default):not(.hamburger-menu--blak):not(.hamburger-menu--nite):not(.hamburger-menu--dawn) .hamburger-menu__button:hover {
|
|
background: none;
|
|
}
|
|
.hamburger-menu:not(.hamburger-menu--default):not(.hamburger-menu--blak):not(.hamburger-menu--nite):not(.hamburger-menu--dawn) .hamburger-menu__button:hover .icon {
|
|
filter: var(--accent-svg);
|
|
}
|
|
.hamburger-menu:not(.hamburger-menu--default):not(.hamburger-menu--blak):not(.hamburger-menu--nite):not(.hamburger-menu--dawn) .hamburger-menu__drawer {
|
|
background: var(--background);;
|
|
color: var(--text);
|
|
border: none;
|
|
}
|
|
.hamburger-menu:not(.hamburger-menu--default):not(.hamburger-menu--blak):not(.hamburger-menu--nite):not(.hamburger-menu--dawn) .hamburger-menu__drawer .link-button, .hamburger-menu:not(.hamburger-menu--default):not(.hamburger-menu--blak):not(.hamburger-menu--nite):not(.hamburger-menu--dawn) .hamburger-menu__drawer a {
|
|
color: var(--accent);
|
|
}
|
|
.hamburger-menu:not(.hamburger-menu--default):not(.hamburger-menu--blak):not(.hamburger-menu--nite):not(.hamburger-menu--dawn) .hamburger-menu__drawer .link-button:hover, .hamburger-menu:not(.hamburger-menu--default):not(.hamburger-menu--blak):not(.hamburger-menu--nite):not(.hamburger-menu--dawn) .hamburger-menu__drawer a:hover {
|
|
color: var(--accent);
|
|
text-decoration: underline;
|
|
}
|
|
.hamburger-menu:not(.hamburger-menu--default):not(.hamburger-menu--blak):not(.hamburger-menu--nite):not(.hamburger-menu--dawn) .hamburger-menu__drawer__section:not(:last-child) {
|
|
border-bottom: 1px solid var(--text-alt);
|
|
}
|
|
.hamburger-menu:not(.hamburger-menu--default):not(.hamburger-menu--blak):not(.hamburger-menu--nite):not(.hamburger-menu--dawn) .hamburger-menu__drawer__nav-link--startmail::before {
|
|
filter: var(--accent-svg);
|
|
}
|
|
|
|
/* 1.4 Sections */
|
|
.inline-nav-menu:not(.inline-nav-menu--default):not(.inline-nav-menu--blak):not(.inline-nav-menu--nite):not(.inline-nav-menu--dawn) .inline-nav-menu__link__active {
|
|
color: var(--accent) !important;
|
|
border-bottom: 2px solid var(--accent);
|
|
}
|
|
.inline-nav-menu:not(.inline-nav-menu--default):not(.inline-nav-menu--blak):not(.inline-nav-menu--nite):not(.inline-nav-menu--dawn) .inline-nav-menu__link__active:hover {
|
|
color: var(--accent);
|
|
border-bottom: 2px solid var(--accent);
|
|
}
|
|
.inline-nav-menu:not(.inline-nav-menu--default):not(.inline-nav-menu--blak):not(.inline-nav-menu--nite):not(.inline-nav-menu--dawn) .inline-nav-menu__link__post-link {
|
|
color: var(--text);
|
|
}
|
|
.inline-nav-menu:not(.inline-nav-menu--default):not(.inline-nav-menu--blak):not(.inline-nav-menu--nite):not(.inline-nav-menu--dawn) .inline-nav-menu__link__post-link:hover {
|
|
color: var(--accent);
|
|
border-bottom: 2px solid var(--accent);
|
|
}
|
|
|
|
/* 2. Body */
|
|
|
|
/* 2.1. Filters */
|
|
|
|
.layout-web:not(.layout-web--default):not(.layout-web--blak):not(.layout-web--nite):not(.layout-web--dawn) {
|
|
background: var(--background-text);
|
|
}
|
|
.w-gl:not(.w-gl--default):not(.w-gl--blak):not(.w-gl--nite):not(.w-gl--dawn) {
|
|
background: var(--background-text);
|
|
}
|
|
.search-filter-time:not(.search-filter-time--default):not(.search-filter-time--blak):not(.search-filter-time--nite):not(.search-filter-time--dawn) .search-filter-time__dropdown {
|
|
color: var(--text);
|
|
}
|
|
.search-filter-time:not(.search-filter-time--default):not(.search-filter-time--blak):not(.search-filter-time--nite):not(.search-filter-time--dawn) .search-filter-time__dropdown .chevron {
|
|
filter: var(--text-svg);
|
|
}
|
|
.search-filter-region:not(.search-filter-region--default):not(.search-filter-region--blak):not(.search-filter-region--nite):not(.search-filter-region--dawn) .search-filter-region__dropdown {
|
|
color: var(--text);
|
|
}
|
|
.search-filter-region:not(.search-filter-region--default):not(.search-filter-region--blak):not(.search-filter-region--nite):not(.search-filter-region--dawn) .search-filter-region__dropdown .chevron {
|
|
filter: var(--text-svg);
|
|
}
|
|
.search-filter-family:not(.search-filter-family--default):not(.search-filter-family--blak):not(.search-filter-family--nite):not(.search-filter-family--dawn) .search-filter-family__field-label {
|
|
color: var(--text);
|
|
}
|
|
.search-filter-family:not(.search-filter-family--default):not(.search-filter-family--blak):not(.search-filter-family--nite):not(.search-filter-family--dawn) .search-filter-family__toggle.active::before {
|
|
background-color: var(--select);
|
|
}
|
|
.search-filter-family:not(.search-filter-family--default):not(.search-filter-family--blak):not(.search-filter-family--nite):not(.search-filter-family--dawn) .search-filter-family__toggle.active::after {
|
|
background-color: var(--accent);
|
|
}
|
|
.search-filter-family:not(.search-filter-family--default):not(.search-filter-family--blak):not(.search-filter-family--nite):not(.search-filter-family--dawn) .search-filter-family__toggle::before {
|
|
background-color: var(--button);
|
|
}
|
|
.search-filter-family:not(.search-filter-family--default):not(.search-filter-family--blak):not(.search-filter-family--nite):not(.search-filter-family--dawn) .search-filter-family__toggle::after {
|
|
background-color: var(--text);
|
|
}
|
|
.search-filters-toolbar:not(.search-filters-toolbar--default):not(.search-filters-toolbar--blak):not(.search-filters-toolbar--nite):not(.search-filters-toolbar--dawn) .settings .settings-icon {
|
|
filter: var(--text-svg);
|
|
}
|
|
.search-filters-toolbar:not(.search-filters-toolbar--default):not(.search-filters-toolbar--blak):not(.search-filters-toolbar--nite):not(.search-filters-toolbar--dawn) .settings:hover {
|
|
background: none;
|
|
}
|
|
.search-filters-toolbar:not(.search-filters-toolbar--default):not(.search-filters-toolbar--blak):not(.search-filters-toolbar--nite):not(.search-filters-toolbar--dawn) .settings:hover .settings-icon {
|
|
filter: var(--accent-svg);
|
|
}
|
|
.w-gl:not(.w-gl--default):not(.w-gl--blak):not(.w-gl--nite):not(.w-gl--dawn) .w-gl__label {
|
|
color: rgba(10, 189, 198, .7);
|
|
}
|
|
|
|
/* 2.1.1 Date filter */
|
|
.search-filter-time:not(.search-filter-time--default):not(.search-filter-time--blak):not(.search-filter-time--nite):not(.search-filter-time--dawn) .search-filter-time__options {
|
|
border: 1px solid var(--accent);
|
|
background: var(--background);
|
|
color: var(--text);
|
|
}
|
|
.search-filter-time:not(.search-filter-time--default):not(.search-filter-time--blak):not(.search-filter-time--nite):not(.search-filter-time--dawn) .search-filter-time__options .options-header p {
|
|
color: var(--text); ;
|
|
}
|
|
.search-filter-time:not(.search-filter-time--default):not(.search-filter-time--blak):not(.search-filter-time--nite):not(.search-filter-time--dawn) .search-filter-time__options .options-header {
|
|
border-bottom: 1px solid rgba(10, 189, 198, .6)
|
|
}
|
|
.search-filter-time:not(.search-filter-time--default):not(.search-filter-time--blak):not(.search-filter-time--nite):not(.search-filter-time--dawn) .search-filter-time__options .filter-button {
|
|
color: var(--text); ;
|
|
background: none;
|
|
}
|
|
.search-filter-time:not(.search-filter-time--default):not(.search-filter-time--blak):not(.search-filter-time--nite):not(.search-filter-time--dawn) .search-filter-time__options .filter-button:focus, .search-filter-time:not(.search-filter-time--default):not(.search-filter-time--blak):not(.search-filter-time--nite):not(.search-filter-time--dawn) .search-filter-time__options .filter-button:hover {
|
|
background: var(--button-alt);
|
|
}
|
|
.search-filter-time:not(.search-filter-time--default):not(.search-filter-time--blak):not(.search-filter-time--nite):not(.search-filter-time--dawn) .search-filter-time__options .selected {
|
|
color: var(--accent);
|
|
background: var(--select-alt);
|
|
}
|
|
|
|
/* 2.1.2 Region filter */
|
|
.search-filter-region:not(.search-filter-region--default):not(.search-filter-region--blak):not(.search-filter-region--nite):not(.search-filter-region--dawn) .search-filter-region__options {
|
|
border: 1px solid var(--accent);;
|
|
background: var(--background);;
|
|
color: var(--text);
|
|
}
|
|
.search-filter-region:not(.search-filter-region--default):not(.search-filter-region--blak):not(.search-filter-region--nite):not(.search-filter-region--dawn) .search-filter-region__options .options-header {
|
|
border-bottom: 1px solid rgba(10, 189, 198, .6)
|
|
}
|
|
.search-filter-region:not(.search-filter-region--default):not(.search-filter-region--blak):not(.search-filter-region--nite):not(.search-filter-region--dawn) .search-filter-region__options .options-header p {
|
|
color: var(--text); ;
|
|
}
|
|
.search-filter-region:not(.search-filter-region--default):not(.search-filter-region--blak):not(.search-filter-region--nite):not(.search-filter-region--dawn) .search-filter-region__searchbar-region {
|
|
background: var(--button-alt);
|
|
color: var(--text) !important;
|
|
border: 1px solid var(--text);
|
|
}
|
|
.search-filter-region:not(.search-filter-region--default):not(.search-filter-region--blak):not(.search-filter-region--nite):not(.search-filter-region--dawn) .search-filter-region__searchbar-region:focus {
|
|
border: 1px solid var(--accent);
|
|
}
|
|
.search-filter-region:not(.search-filter-region--default):not(.search-filter-region--blak):not(.search-filter-region--nite):not(.search-filter-region--dawn) .search-filter-region__options .filter-button {
|
|
color: var(--text); ;
|
|
background: none;
|
|
}
|
|
.search-filter-region:not(.search-filter-region--default):not(.search-filter-region--blak):not(.search-filter-region--nite):not(.search-filter-region--dawn) .search-filter-region__options .selected {
|
|
color: var(--accent);
|
|
background: var(--select-alt);
|
|
}
|
|
.search-filter-region:not(.search-filter-region--default):not(.search-filter-region--blak):not(.search-filter-region--nite):not(.search-filter-region--dawn) .search-filter-region__options .filter-button:focus, .search-filter-region:not(.search-filter-region--default):not(.search-filter-region--blak):not(.search-filter-region--nite):not(.search-filter-region--dawn) .search-filter-region__options .filter-button:hover {
|
|
background: var(--button-alt);
|
|
}
|
|
|
|
/* 2.2 Results */
|
|
.w-gl:not(.w-gl--default):not(.w-gl--blak):not(.w-gl--nite):not(.w-gl--dawn) .w-gl__anonymous-view-url {
|
|
color: var(--accent);
|
|
}
|
|
.w-gl:not(.w-gl--default):not(.w-gl--blak):not(.w-gl--nite):not(.w-gl--dawn) .w-gl__anonymous-view-icon {
|
|
filter: var(--button-alt-svg);
|
|
}
|
|
.w-gl:not(.w-gl--default):not(.w-gl--blak):not(.w-gl--nite):not(.w-gl--dawn) .w-gl__result-url {
|
|
color: var(--accent);;
|
|
}
|
|
.w-gl:not(.w-gl--default):not(.w-gl--blak):not(.w-gl--nite):not(.w-gl--dawn) .w-gl__result-title {
|
|
color: var(--green);
|
|
}
|
|
.w-gl:not(.w-gl--default):not(.w-gl--blak):not(.w-gl--nite):not(.w-gl--dawn) .w-gl__result-title:visited {
|
|
color: var(--select);;
|
|
}
|
|
.w-gl:not(.w-gl--default):not(.w-gl--blak):not(.w-gl--nite):not(.w-gl--dawn) .w-gl__result {
|
|
color: var(--text);
|
|
}
|
|
.w-gl:not(.w-gl--default):not(.w-gl--blak):not(.w-gl--nite):not(.w-gl--dawn) .linkHover {
|
|
background: var(--select-alt);
|
|
border: none;
|
|
}
|
|
|
|
/* 2.2.1 Result box */
|
|
.wp-qi-sb:not(.wp-qi-sb--default):not(.wp-qi-sb--blak):not(.wp-qi-sb--nite):not(.wp-qi-sb--dawn) .wp-qi-sb__result {
|
|
border-color: var(--text);
|
|
background: var(--button-alt);
|
|
}
|
|
.wp-qi-sb:not(.wp-qi-sb--default):not(.wp-qi-sb--blak):not(.wp-qi-sb--nite):not(.wp-qi-sb--dawn) .wp-qi-sb__title {
|
|
color: var(--green);
|
|
}
|
|
.wp-qi-sb:not(.wp-qi-sb--default):not(.wp-qi-sb--blak):not(.wp-qi-sb--nite):not(.wp-qi-sb--dawn) .wp-qi-sb__description {
|
|
color: var(--text);
|
|
}
|
|
.wp-qi-sb:not(.wp-qi-sb--default):not(.wp-qi-sb--blak):not(.wp-qi-sb--nite):not(.wp-qi-sb--dawn) .wp-qi-sb__top-regular-img .headline, .wp-qi-sb:not(.wp-qi-sb--default):not(.wp-qi-sb--blak):not(.wp-qi-sb--nite):not(.wp-qi-sb--dawn) .wp-qi-sb__top-square-img {
|
|
border-bottom: 1px solid var(--button);
|
|
}
|
|
.wp-qi-sb:not(.wp-qi-sb--default):not(.wp-qi-sb--blak):not(.wp-qi-sb--nite):not(.wp-qi-sb--dawn) .wp-qi-sb__extract {
|
|
color: var(--text);
|
|
}
|
|
.wp-qi-sb:not(.wp-qi-sb--default):not(.wp-qi-sb--blak):not(.wp-qi-sb--nite):not(.wp-qi-sb--dawn) .wp-qi-sb__expand-text {
|
|
color: var(--accent);
|
|
}
|
|
.wp-qi-sb:not(.wp-qi-sb--default):not(.wp-qi-sb--blak):not(.wp-qi-sb--nite):not(.wp-qi-sb--dawn) .wp-qi-sb__link {
|
|
color: var(--accent);
|
|
}
|
|
|
|
|
|
.wp-qi-tp:not(.wp-qi-tp--default):not(.wp-qi-tp--blak):not(.wp-qi-tp--nite):not(.wp-qi-tp--dawn) .wp-qi-tp__top-regular-img .headline, .wp-qi-tp:not(.wp-qi-tp--default):not(.wp-qi-tp--blak):not(.wp-qi-tp--nite):not(.wp-qi-tp--dawn) .wp-qi-tp__top-square-img {
|
|
border-bottom: 1px solid var(--button);
|
|
}
|
|
.wp-qi-tp:not(.wp-qi-tp--default):not(.wp-qi-tp--blak):not(.wp-qi-tp--nite):not(.wp-qi-tp--dawn) .wp-qi-tp__result {
|
|
border-color: var(--text);
|
|
background: var(--button-alt);
|
|
}
|
|
.wp-qi-tp:not(.wp-qi-tp--default):not(.wp-qi-tp--blak):not(.wp-qi-tp--nite):not(.wp-qi-tp--dawn) .wp-qi-tp__title {
|
|
color: var(--green);
|
|
}
|
|
.wp-qi-tp:not(.wp-qi-tp--default):not(.wp-qi-tp--blak):not(.wp-qi-tp--nite):not(.wp-qi-tp--dawn) .wp-qi-tp__description {
|
|
color: var(--text);
|
|
}
|
|
.wp-qi-tp:not(.wp-qi-tp--default):not(.wp-qi-tp--blak):not(.wp-qi-tp--nite):not(.wp-qi-tp--dawn) .wp-qi-tp__extract {
|
|
color: var(--text);
|
|
}
|
|
.wp-qi-tp:not(.wp-qi-tp--default):not(.wp-qi-tp--blak):not(.wp-qi-tp--nite):not(.wp-qi-tp--dawn) .wp-qi-tp__expand-text {
|
|
color: var(--accent);
|
|
}
|
|
.wp-qi-tp:not(.wp-qi-tp--default):not(.wp-qi-tp--blak):not(.wp-qi-tp--nite):not(.wp-qi-tp--dawn) .wp-qi-tp__link {
|
|
color: var(--accent);
|
|
}
|
|
|
|
|
|
/* 2.3 bot buttons */
|
|
.pagination:not(.pagination--default):not(.pagination--blak):not(.pagination--nite):not(.pagination--dawn) .num--active {
|
|
background: var(--select-alt);
|
|
border: none;
|
|
color: var(--accent);
|
|
}
|
|
.pagination:not(.pagination--default):not(.pagination--blak):not(.pagination--nite):not(.pagination--dawn) .pagination__num {
|
|
color: var(--text);
|
|
background: var(--button-alt);
|
|
border: none;
|
|
}
|
|
.pagination:not(.pagination--default):not(.pagination--blak):not(.pagination--nite):not(.pagination--dawn) .pagination__next-prev-button {
|
|
color: var(--text);
|
|
background: var(--button-alt);
|
|
border: none;
|
|
}
|
|
.pagination:not(.pagination--default):not(.pagination--blak):not(.pagination--nite):not(.pagination--dawn) .pagination__next-prev-button:hover {
|
|
background: var(--select-alt);
|
|
border: none;
|
|
}
|
|
.pagination:not(.pagination--default):not(.pagination--blak):not(.pagination--nite):not(.pagination--dawn) .pagination__num:hover {
|
|
background: var(--select-alt);
|
|
border: none;
|
|
}
|
|
|
|
/* 3. Footer */
|
|
.footer:not(.footer--default):not(.footer--blak):not(.footer--nite):not(.footer--dawn) .footer__container {
|
|
background: var(--background);
|
|
}
|
|
.footer:not(.footer--default):not(.footer--blak):not(.footer--nite):not(.footer--dawn) .footer__blog-widget__logo {
|
|
background-image: url(https://www.startpage.com/sp/cdn/images/home/dark/privacy-please-badge.svg);
|
|
/*filter: var(--accent-svg);*/
|
|
}
|
|
.footer:not(.footer--default):not(.footer--blak):not(.footer--nite):not(.footer--dawn) .footer__blog-widget__text {
|
|
color: var(--text);
|
|
}
|
|
.footer:not(.footer--default):not(.footer--blak):not(.footer--nite):not(.footer--dawn) .footer__blog-widget:hover {
|
|
background: var(--button-alt);
|
|
}
|
|
.footer:not(.footer--default):not(.footer--blak):not(.footer--nite):not(.footer--dawn) .footer__logo {
|
|
background-image: url(https://www.startpage.com/sp/cdn/images/home/startpage-logo-dark.svg);
|
|
filter: var(--text-svg);
|
|
}
|
|
.footer:not(.footer--default):not(.footer--blak):not(.footer--nite):not(.footer--dawn) .footer__links__startpage {
|
|
color: var(--accent);
|
|
}
|
|
.footer:not(.footer--default):not(.footer--blak):not(.footer--nite):not(.footer--dawn) .footer__links__startpage a:hover {
|
|
color: var(--accent);
|
|
text-decoration: underline;
|
|
}
|
|
.footer:not(.footer--default):not(.footer--blak):not(.footer--nite):not(.footer--dawn) .footer__social a {
|
|
background: var(--button);
|
|
}
|
|
.footer:not(.footer--default):not(.footer--blak):not(.footer--nite):not(.footer--dawn) .footer__social a:hover {
|
|
background: var(--select-alt);
|
|
}
|
|
.footer:not(.footer--default):not(.footer--blak):not(.footer--nite):not(.footer--dawn) .footer__social span {
|
|
filter: var(--text-svg);
|
|
}
|
|
|
|
/* 4. "Start page" */
|
|
.home:not(.home--default):not(.home--blak):not(.home--nite):not(.home--dawn) .home__section-one__search {
|
|
background: var(--background-text);
|
|
}
|
|
.home:not(.home--default):not(.home--blak):not(.home--nite):not(.home--dawn) .home__section-one__search-logo {
|
|
filter: var(--text-svg);
|
|
}
|
|
.search-form-home:not(.search-form-home--default):not(.search-form-home--blak):not(.search-form-home--nite):not(.search-form-home--dawn) .search-form-home__form {
|
|
background: var(--background-text);
|
|
border: 1px solid var(--text);
|
|
}
|
|
.search-form-home:not(.search-form-home--default):not(.search-form-home--blak):not(.search-form-home--nite):not(.search-form-home--dawn) .search-form-home__q {
|
|
color: var(--text);
|
|
}
|
|
.search-form-home:not(.search-form-home--default):not(.search-form-home--blak):not(.search-form-home--nite):not(.search-form-home--dawn) .search-form-home__form:hover {
|
|
background: var(--background-text);
|
|
border: 1px solid var(--accent);
|
|
}
|
|
.search-form-home__clear-button .x-btn {
|
|
filter: var(--text-svg);
|
|
}
|
|
.search-form-home__button-desktop .ico-wrapper .ico {
|
|
filter: var(--text-svg);
|
|
}
|
|
.search-form-home:not(.search-form-home--default):not(.search-form-home--blak):not(.search-form-home--nite):not(.search-form-home--dawn) .search-form-home__button-desktop .ico-wrapper .ico:hover, .search-form-home:not(.search-form-home--default):not(.search-form-home--blak):not(.search-form-home--nite):not(.search-form-home--dawn) .search-form-home__clear-button .x-btn:hover {
|
|
filter: var(--accent-svg);
|
|
}
|
|
.search-form-home:not(.search-form-home--default):not(.search-form-home--blak):not(.search-form-home--nite):not(.search-form-home--dawn) .search-form-home__clear-button {
|
|
border-right: 1px solid var(--text-alt);
|
|
}
|
|
.home:not(.home--default):not(.home--blak):not(.home--nite):not(.home--dawn) .headline a, .home:not(.home--default):not(.home--blak):not(.home--nite):not(.home--dawn) .subtitle, .home:not(.home--default):not(.home--blak):not(.home--nite):not(.home--dawn) .subtitle a {
|
|
color: var(--green);
|
|
}
|
|
|
|
/* 4.1. Privacy Please */
|
|
.privacy-please-menu-home__button {
|
|
color: var(--text);
|
|
}
|
|
.privacy-please-menu-home:not(.privacy-please-menu-home--default):not(.privacy-please-menu-home--blak):not(.privacy-please-menu-home--nite):not(.privacy-please-menu-home--dawn) .privacy-please-menu-home__button .privacy-please-text {
|
|
color: var(--accent);
|
|
}
|
|
.privacy-please-menu-home:not(.privacy-please-menu-home--default):not(.privacy-please-menu-home--blak):not(.privacy-please-menu-home--nite):not(.privacy-please-menu-home--dawn) .privacy-please-menu-home__button:hover {
|
|
background: none;
|
|
}
|
|
.privacy-please-menu-home:not(.privacy-please-menu-home--default):not(.privacy-please-menu-home--blak):not(.privacy-please-menu-home--nite):not(.privacy-please-menu-home--dawn) .privacy-please-menu-home__button .chevron, .privacy-please-menu-home:not(.privacy-please-menu-home--default):not(.privacy-please-menu-home--blak):not(.privacy-please-menu-home--nite):not(.privacy-please-menu-home--dawn) .privacy-please-menu-home__button .privacy-please-text {
|
|
filter: var(--text-svg);
|
|
}
|
|
.privacy-please-menu-home:not(.privacy-please-menu-home--default):not(.privacy-please-menu-home--blak):not(.privacy-please-menu-home--nite):not(.privacy-please-menu-home--dawn) .privacy-please-menu-home__button .chevron-container {
|
|
background: none;
|
|
}
|
|
.privacy-please-menu-home:not(.privacy-please-menu-home--default):not(.privacy-please-menu-home--blak):not(.privacy-please-menu-home--nite):not(.privacy-please-menu-home--dawn) .privacy-please-menu-home__button:hover .chevron, .privacy-please-menu-home:not(.privacy-please-menu-home--default):not(.privacy-please-menu-home--blak):not(.privacy-please-menu-home--nite):not(.privacy-please-menu-home--dawn) .privacy-please-menu-home__button:hover .privacy-please-text {
|
|
filter: var(--accent-svg);
|
|
}
|
|
|
|
/* 4.2. Menu */
|
|
.hamburger-menu-home:not(.hamburger-menu-home--default):not(.hamburger-menu-home--blak):not(.hamburger-menu-home--nite):not(.hamburger-menu-home--dawn) .hamburger-menu-home__button .icon {
|
|
filter: var(--text-svg);
|
|
}
|
|
.hamburger-menu-home:not(.hamburger-menu-home--default):not(.hamburger-menu-home--blak):not(.hamburger-menu-home--nite):not(.hamburger-menu-home--dawn) .hamburger-menu-home__button:hover .icon {
|
|
filter: var(--accent-svg);
|
|
}
|
|
.hamburger-menu-home:not(.hamburger-menu-home--default):not(.hamburger-menu-home--blak):not(.hamburger-menu-home--nite):not(.hamburger-menu-home--dawn) .hamburger-menu-home__button:hover {
|
|
background: none;
|
|
}
|
|
.hamburger-menu-home:not(.hamburger-menu-home--default):not(.hamburger-menu-home--blak):not(.hamburger-menu-home--nite):not(.hamburger-menu-home--dawn) .hamburger-menu-home__drawer {
|
|
background: var(--background);
|
|
color: var(--text);
|
|
border: none
|
|
}
|
|
.hamburger-menu-home:not(.hamburger-menu-home--default):not(.hamburger-menu-home--blak):not(.hamburger-menu-home--nite):not(.hamburger-menu-home--dawn) .hamburger-menu-home__drawer .link-button, .hamburger-menu-home:not(.hamburger-menu-home--default):not(.hamburger-menu-home--blak):not(.hamburger-menu-home--nite):not(.hamburger-menu-home--dawn) .hamburger-menu-home__drawer a {
|
|
color: var(--accent);
|
|
}
|
|
.hamburger-menu-home:not(.hamburger-menu-home--default):not(.hamburger-menu-home--blak):not(.hamburger-menu-home--nite):not(.hamburger-menu-home--dawn) .hamburger-menu-home__drawer .link-button:hover, .hamburger-menu-home:not(.hamburger-menu-home--default):not(.hamburger-menu-home--blak):not(.hamburger-menu-home--nite):not(.hamburger-menu-home--dawn) .hamburger-menu-home__drawer a:hover {
|
|
color: var(--accent);
|
|
text-decoration: underline;
|
|
}
|
|
.hamburger-menu-home:not(.hamburger-menu-home--default):not(.hamburger-menu-home--blak):not(.hamburger-menu-home--nite):not(.hamburger-menu-home--dawn) .hamburger-menu-home__drawer__section:not(:last-child) {
|
|
border-bottom: 1px solid var(--text-alt);
|
|
}
|
|
.hamburger-menu-home:not(.hamburger-menu-home--default):not(.hamburger-menu-home--blak):not(.hamburger-menu-home--nite):not(.hamburger-menu-home--dawn) .hamburger-menu-home__drawer__nav-link--startmail::before {
|
|
filter: var(--accent-svg);
|
|
}
|
|
|
|
|
|
/* 4.3. Footer */
|
|
.footer-home-above-fold:not(.footer-home-above-fold--default):not(.footer-home-above-fold--blak):not(.footer-home-above-fold--nite):not(.footer-home-above-fold--dawn) {
|
|
background: var(--background);
|
|
}
|
|
.footer-home-above-fold:not(.footer-home-above-fold--default):not(.footer-home-above-fold--blak):not(.footer-home-above-fold--nite):not(.footer-home-above-fold--dawn) .nav-link a {
|
|
color: var(--accent);
|
|
}
|