firefox-gnome-theme/theme/parts/headerbar-urlbar.css

156 lines
4.1 KiB
CSS
Raw Normal View History

/* Header bar's URL bar */
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
2019-10-04 16:24:46 +03:00
#urlbar {
--urlbar-height: 34.00px;
--urlbar-toolbar-height: 34.00px !important;
}
2020-06-04 07:30:25 +03:00
/* Center the URL bar */
toolbarspring {
max-width: 10000px !important;
}
2020-06-08 03:33:06 +03:00
/* URL bar */
#urlbar {
2019-10-04 16:24:46 +03:00
box-shadow: none !important;
}
2019-10-08 15:28:13 +03:00
#urlbar-background {
2020-06-08 03:33:06 +03:00
box-shadow: var(--gnome-entry-box-shadow) !important;
border: 0 !important;
background: transparent !important;
2019-10-08 15:28:13 +03:00
}
#urlbar[breakout][breakout-extend] {
2019-10-04 16:24:46 +03:00
left: 0 !important;
top: 0 !important;
width: 100% !important;
z-index: 5 !important;
2020-06-08 03:33:06 +03:00
padding: 0 !important;
2019-10-04 16:24:46 +03:00
}
2020-06-08 03:33:06 +03:00
#urlbar[breakout][breakout-extend][open] {
height: auto !important;
max-height: unset !important;
2020-02-04 01:32:10 +02:00
}
2020-06-08 03:33:06 +03:00
#urlbar[breakout][breakout-extend] #urlbar-input-container {
height: 32px !important;
max-height: 32px !important;
padding: 0 !important;
}
/* URL bar results */
.urlbarView {
2020-06-08 03:33:06 +03:00
background: transparent !important;
color: var(--gnome-toolbar-color) !important;
2020-11-25 18:23:55 +02:00
margin: 0 !important;
width: 100% !important;
}
.urlbarView-body-outer {
--item-padding-start: 0 !important;
--item-padding-end: 0 !important;
max-height: 40vh !important;
overflow-x: auto;
padding: 0 8px !important;
2019-10-04 16:26:37 +03:00
}
.urlbarView-body-inner {
2019-10-04 16:26:37 +03:00
border: 0 !important;
}
.urlbarView-row-inner, .urlbarView-no-wrap {
align-items: center !important;
}
.urlbarView-row-inner {
2020-02-29 23:49:31 +02:00
padding-block: 5px !important;
2019-10-04 19:44:32 +03:00
border-radius: 5px !important;
}
.urlbarView-row-inner:active, .urlbarView-row[selected] .urlbarView-row-inner {
background: var(--gnome-tabbar-tab-active-border-bottom-color) !important;
}
/* Search engines buttons */
.search-one-offs {
2020-06-08 03:33:06 +03:00
margin-bottom: 2px !important;
padding: 8px !important;
background: var(--gnome-popover-background) !important;
border-top: 1px solid var(--gnome-popover-border-color) !important;
2020-06-08 03:33:06 +03:00
border-radius: 0 0 5px 5px !important;
}
2019-10-04 19:44:32 +03:00
.searchbar-engine-one-off-item {
2019-10-04 19:44:32 +03:00
--toolbarbutton-active-background: transparent !important;
--toolbarbutton-hover-background: transparent !important;
-moz-appearance: none !important;
background: var(--gnome-button-background) !important;
box-shadow: var(--gnome-button-box-shadow) !important;
border: 1px solid var(--gnome-button-border-color) !important;
border-left-width: 0 !important;
border-bottom-color: var(--gnome-button-border-accent-color) !important;
padding: 0 2px !important;
min-height: 34px !important;
min-width: 34px !important;
margin: 0 !important;
}
.searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item[selected] {
2019-10-04 19:44:32 +03:00
background: var(--gnome-button-hover-background) !important;
color: unset !important;
}
.searchbar-engine-one-off-item:first-child {
2019-10-04 19:44:32 +03:00
border-radius: 5px 0 0 5px;
border-left-width: 1px !important;
}
.searchbar-engine-one-off-item.last-engine, .searchbar-engine-one-off-item:last-child {
2019-10-04 19:44:32 +03:00
border-radius: 0 5px 5px 0;
}
#urlbar-anon-search-settings-compact {
2019-10-04 19:44:32 +03:00
border-left-width: 1px !important;
border-bottom: 1px solid var(--gnome-button-border-accent-color) !important;
border-radius: 5px;
margin-left: 6px !important;
}
/* URL bar and Search bar */
#urlbar[focused] .urlbar-textbox-container {
margin: -1px !important;
}
#searchbar > .searchbar-textbox[focused] .searchbar-search-button {
margin-left: -1px !important;
}
#searchbar > .searchbar-textbox[focused] .search-go-button {
margin-right: -1px !important;
}
/* URL bar and Search bar's icons */
.urlbar-icon:hover,
.urlbar-icon-wrapper:hover,
.urlbar-icon[open],
.urlbar-icon-wrapper[open],
.urlbar-icon:hover:active,
.urlbar-icon-wrapper:hover:active,
.searchbar-search-button:hover .searchbar-search-icon,
.searchbar-search-button[open] .searchbar-search-icon,
.searchbar-search-button:hover:active .searchbar-search-icon {
background-color: transparent !important;
fill-opacity: 1 !important;
}
2020-11-25 18:23:55 +02:00
/* Search mode indicator */
#urlbar-search-mode-indicator {
background: var(--gnome-popover-background) !important;
border: 1px solid var(--gnome-popover-border-color) !important;
border-radius: 9px;
outline: 0 !important;
margin: 4px 0;
}
#urlbar-search-mode-indicator-title {
color: #0060df;
padding-inline: 4px !important;;
}
#urlbar-search-mode-indicator-close {
border-radius: 0 9px 9px 0;
opacity: 0.8;
}