2020-08-16 11:35:02 +00:00
|
|
|
/*
|
|
|
|
░█░█░█▀▄░█░░░█▀▄░█▀█░█▀▄
|
|
|
|
░█░█░█▀▄░█░░░█▀▄░█▀█░█▀▄
|
|
|
|
░▀▀▀░▀░▀░▀▀▀░▀▀░░▀░▀░▀░▀
|
|
|
|
|
|
|
|
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 {
|
2020-08-17 07:00:21 +00:00
|
|
|
border-radius: 6px;
|
|
|
|
margin: 2px;
|
2020-08-16 11:35:02 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
/* Identity */
|
|
|
|
#identity-box {
|
2020-08-17 07:00:21 +00:00
|
|
|
border-radius: 6px;
|
|
|
|
margin: 2px;
|
2020-08-16 11:35:02 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#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;
|
|
|
|
}
|