This repository has been archived on 2021-01-21. You can view files and clone it, but cannot push or open issues or pull requests.
blurredfox-nord/parts/urlbar.css
2020-08-17 15:00:21 +08:00

228 lines
6.5 KiB
CSS

/*
░█░█░█▀▄░█░░░█▀▄░█▀█░█▀▄
░█░█░█▀▄░█░░░█▀▄░█▀█░█▀▄
░▀▀▀░▀░▀░▀▀▀░▀▀░░▀░▀░▀░▀
URL bar
*/
/* URL bar max-width and centered hack */
#urlbar {
max-width: 70% !important;
margin: 0 15% !important;
/* URL bar and toolbar height */
--urlbar-height: 36px !important;
--urlbar-toolbar-height: 40px !important;
}
/* URL bar and toolbar height if compact mode */
:root[uidensity="compact"] #urlbar {
--urlbar-height: 30px !important;
--urlbar-toolbar-height: 34px !important;
}
#urlbar-input:focus {
}
/* Set color scheme */
#urlbar-input:focus:-moz-lwtheme-darktext,
#urlbar-input:focus:-moz-lwtheme-brighttext {
color: var(--bf-urlbar-focused-color) !important;
}
#urlbar-background {
border-radius: var(--bf-urlbar-radius) !important;
border: none !important
}
/* Set color scheme */
#urlbar-background:-moz-lwtheme-darktext,
#urlbar-background:-moz-lwtheme-brighttext {
background: var(--bf-urlbar-bg) !important;
}
.urlbar-icon:not([disabled]):hover,
.urlbar-icon-wrapper:not([disabled]):hover {
}
/* Set color scheme */
.urlbar-icon:not([disabled]):hover:-moz-lwtheme-darktext,
.urlbar-icon:not([disabled]):hover:-moz-lwtheme-brighttext,
.urlbar-icon-wrapper:not([disabled]):hover:-moz-lwtheme-darktext,
.urlbar-icon-wrapper:not([disabled]):hover:-moz-lwtheme-brighttext {
background: var(--bf-hover-bg) !important;
}
.urlbar-icon[open],
.urlbar-icon-wrapper[open],
.urlbar-icon:not([disabled]):hover:active,
.urlbar-icon-wrapper:hover:active {
}
/* Set color scheme */
.urlbar-icon[open]:-moz-lwtheme-darktext,
.urlbar-icon[open]:-moz-lwtheme-brighttext,
.urlbar-icon-wrapper[open]:-moz-lwtheme-darktext,
.urlbar-icon-wrapper[open]:-moz-lwtheme-brighttext,
.urlbar-icon:not([disabled]):hover:active:-moz-lwtheme-darktext,
.urlbar-icon:not([disabled]):hover:active:-moz-lwtheme-brighttext,
.urlbar-icon-wrapper:hover:active:-moz-lwtheme-darktext,
.urlbar-icon-wrapper:hover:active:-moz-lwtheme-brighttext {
background: var(--bf-hover-bg) !important;
}
.urlbar-icon-wrapper[open] > .urlbar-icon,
.urlbar-icon-wrapper > .urlbar-icon:hover,
.urlbar-icon-wrapper > .urlbar-icon:hover:active {
}
/* Set color scheme */
.urlbar-icon-wrapper[open] > .urlbar-icon:-moz-lwtheme-darktext,
.urlbar-icon-wrapper[open] > .urlbar-icon:-moz-lwtheme-brighttext,
.urlbar-icon-wrapper > .urlbar-icon:hover:-moz-lwtheme-darktext,
.urlbar-icon-wrapper > .urlbar-icon:hover:-moz-lwtheme-brighttext,
.urlbar-icon-wrapper > .urlbar-icon:hover:active:-moz-lwtheme-darktext,
.urlbar-icon-wrapper > .urlbar-icon:hover:active:-moz-lwtheme-brighttext{
background: var(--bf-hover-bg) !important;
}
#urlbar[breakout-extend="true"]:not([open="true"]) > #urlbar-background {
box-shadow: none !important;
display: none !important;
-moz-appearance: var(--bf-moz-appearance) !important;
}
#urlbar[open="true"] > #urlbar-background {
}
/* Set color scheme */
#urlbar[open="true"] > #urlbar-background:-moz-lwtheme-darktext,
#urlbar[open="true"] > #urlbar-background:-moz-lwtheme-brighttext {
background: var(--bf-urlbar-active-bg) !important;
backdrop-filter: blur(var(--bf-backdrop-blur)) !important;
}
.urlbar-icon {
}
/* Set color scheme */
.urlbar-icon:-moz-lwtheme-darktext,
.urlbar-icon:-moz-lwtheme-brighttext {
color: var(--bf-icon-color) !important;
}
.urlbar-icon > image {
fill: #ff00ff !important;
color: #ff00ff !important;
}
.urlbarView-favicon,
.urlbarView-type-icon {
display: none !important;
}
.urlbarView-row[type="bookmark"] > span {
color: var(--bf-urlbar-bookmark-color) !important;
}
.urlbarView-row[type="switchtab"] > span .urlbarView-url {
color: var(--bf-urlbar-switch-tab-color) !important;
}
#urlbar-results {
font-weight: var(--bf-urlbar-results-font-weight);
font-size: var(--bf-urlbar-results-font-size) !important;
}
/* Hover background color */
.urlbarView-row-inner:hover {
background: var(--bf-accent-bg) !important;
}
.urlbarView-url, .search-panel-one-offs-container {
font-weight: var(--bf-urlbar-results-font-weight);
font-size: var(--bf-urlbar-font-size) !important;
}
#urlbar-input {
font-size: var(--bf-urlbar-font-size) !important;
font-weight: var(--bf-urlbar-font-weight)!important;
text-align: center !important;
}
/* Urlbar buttons */
.urlbar-icon,
.urlbar-page-action {
border-radius: 6px;
}
/* URL bar hightlight color */
::-moz-selection {
background-color: var(--bf-urlbar-hightlight-bg) !important;
}
/* Bookmark button - Star button */
#star-button {
}
#star-button:hover:not(.no-hover):not([open=true]) {
}
/* Set color scheme */
#star-button:hover:not(.no-hover):not([open=true]):-moz-lwtheme-darktext,
#star-button:hover:not(.no-hover):not([open=true]):-moz-lwtheme-brighttext {
background: var(--bf-hover-bg) !important;
}
#star-button:hover:active:not(.no-hover),
#star-button[open=true] {
}
/* Set color scheme */
#star-button:hover:active:not(.no-hover):-moz-lwtheme-darktext,
#star-button:hover:active:not(.no-hover):-moz-lwtheme-brighttext,
#star-button[open=true]:-moz-lwtheme-darktext,
#star-button[open=true]:-moz-lwtheme-brighttext {
background: var(--bf-hover-bg) !important;
}
/* Tracking */
#tracking-protection-icon-container {
border-radius: 6px;
margin: 2px;
}
/* Identity */
#identity-box {
border-radius: 6px;
margin: 2px;
}
#identity-box:hover:not(.no-hover):not([open=true]),
#tracking-protection-icon-container:hover:not(.no-hover):not([open=true]) {
}
#identity-box:hover:not(.no-hover):not([open=true]):-moz-lwtheme-darktext,
#identity-box:hover:not(.no-hover):not([open=true]):-moz-lwtheme-brighttext,
#tracking-protection-icon-container:hover:not(.no-hover):not([open=true]):-moz-lwtheme-darktext,
#tracking-protection-icon-container:hover:not(.no-hover):not([open=true]):-moz-lwtheme-brighttext {
background: var(--bf-hover-bg) !important;
}
#identity-box:hover:active:not(.no-hover),
#identity-box[open=true],
#tracking-protection-icon-container:hover:active:not(.no-hover),
#tracking-protection-icon-container[open=true] {
}
#identity-box:hover:active:not(.no-hover):-moz-lwtheme-darktext,
#identity-box:hover:active:not(.no-hover):-moz-lwtheme-brighttext,
#identity-box[open=true]:-moz-lwtheme-darktext,
#identity-box[open=true]:-moz-lwtheme-brighttext,
#tracking-protection-icon-container:hover:active:not(.no-hover):-moz-lwtheme-darktext,
#tracking-protection-icon-container:hover:active:not(.no-hover):-moz-lwtheme-brighttext,
#tracking-protection-icon-container[open=true]:-moz-lwtheme-darktext,
#tracking-protection-icon-container[open=true]:-moz-lwtheme-brighttext {
background: var(--bf-hover-bg) !important;
}