2018-06-08 19:58:42 +03:00
|
|
|
/* 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;
|
|
|
|
}
|
|
|
|
|
2022-12-16 20:01:43 +02:00
|
|
|
#urlbar-container {
|
|
|
|
--urlbar-container-height: 0 !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 */
|
2020-06-04 07:22:30 +03:00
|
|
|
#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;
|
2022-12-16 20:19:23 +02:00
|
|
|
border-radius: 8px !important;
|
2020-06-08 03:33:06 +03:00
|
|
|
background: transparent !important;
|
2019-10-08 15:28:13 +03:00
|
|
|
}
|
2020-06-04 07:22:30 +03:00
|
|
|
|
|
|
|
#urlbar[breakout][breakout-extend] {
|
2019-10-04 16:24:46 +03:00
|
|
|
left: 0 !important;
|
|
|
|
top: 0 !important;
|
|
|
|
width: 100% !important;
|
2020-05-01 06:04:55 +03:00
|
|
|
z-index: 5 !important;
|
2019-10-04 16:24:46 +03:00
|
|
|
}
|
2022-05-14 22:34:41 +03:00
|
|
|
|
2021-04-24 22:41:28 +03:00
|
|
|
#urlbar #urlbar-input-container {
|
|
|
|
padding: 0 !important;
|
|
|
|
}
|
2019-10-04 16:22:22 +03:00
|
|
|
|
|
|
|
/* URL bar results */
|
2020-06-04 07:22:30 +03:00
|
|
|
.urlbarView {
|
2020-06-08 03:33:06 +03:00
|
|
|
background: transparent !important;
|
2019-10-04 16:22:22 +03:00
|
|
|
color: var(--gnome-toolbar-color) !important;
|
2022-10-24 05:20:25 +03:00
|
|
|
margin: 11px 0 0 -3px !important;
|
|
|
|
width: 100% !important;
|
2022-05-14 22:34:41 +03:00
|
|
|
position: absolute !important;
|
2022-05-18 21:06:59 +03:00
|
|
|
box-shadow: var(--gnome-menu-shadow) !important;
|
2022-07-04 22:00:49 +03:00
|
|
|
border-radius: 12px !important;
|
2019-10-04 16:22:22 +03:00
|
|
|
}
|
|
|
|
|
2022-05-21 05:56:54 +03:00
|
|
|
/* Search bar result */
|
|
|
|
#PopupSearchAutoComplete {
|
|
|
|
margin-top: 7px !important;
|
|
|
|
}
|
|
|
|
|
2019-10-04 16:22:22 +03:00
|
|
|
.urlbarView-body-outer {
|
|
|
|
--item-padding-start: 0 !important;
|
|
|
|
--item-padding-end: 0 !important;
|
2022-05-19 17:24:00 +03:00
|
|
|
background: var(--gnome-menu-background) !important;
|
2020-06-04 07:22:30 +03:00
|
|
|
overflow-x: auto;
|
2022-05-19 07:25:22 +03:00
|
|
|
padding: 2px 6px !important;
|
2022-05-14 22:34:41 +03:00
|
|
|
border-radius: 8px 8px 0 0 !important;
|
2019-10-04 16:26:37 +03:00
|
|
|
}
|
2020-06-04 07:22:30 +03:00
|
|
|
|
|
|
|
.urlbarView-body-inner {
|
2019-10-04 16:26:37 +03:00
|
|
|
border: 0 !important;
|
|
|
|
}
|
2020-06-04 07:22:30 +03:00
|
|
|
|
|
|
|
.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;
|
|
|
|
}
|
2020-06-04 07:22:30 +03:00
|
|
|
|
2021-11-18 00:25:30 +02:00
|
|
|
.urlbarView-row[selected] .urlbarView-row-inner {
|
2022-05-19 17:24:00 +03:00
|
|
|
background: var(--gnome-accent-bg) !important;
|
2022-05-18 21:06:59 +03:00
|
|
|
color: white !important;
|
2021-11-18 00:25:30 +02:00
|
|
|
}
|
2022-05-18 21:06:59 +03:00
|
|
|
.urlbarView-row:not([selected]):hover .urlbarView-row-inner {
|
|
|
|
background: var(--gnome-menu-button-hover-background) !important;
|
2021-11-18 00:25:30 +02:00
|
|
|
}
|
|
|
|
|
2021-05-11 04:10:40 +03:00
|
|
|
.urlbarView-action {
|
|
|
|
background: transparent !important;
|
2020-07-11 03:48:32 +03:00
|
|
|
}
|
|
|
|
|
2020-06-04 07:22:30 +03:00
|
|
|
/* Search engines buttons */
|
|
|
|
.search-one-offs {
|
2019-10-04 19:58:18 +03:00
|
|
|
padding: 8px !important;
|
2022-05-19 17:24:00 +03:00
|
|
|
background: var(--gnome-menu-background) !important;
|
2022-05-19 07:25:22 +03:00
|
|
|
border-top: 1px solid var(--gnome-menu-separator-color) !important;
|
2022-05-14 22:34:41 +03:00
|
|
|
border-radius: 0 0 8px 8px !important;
|
2019-10-04 19:58:18 +03:00
|
|
|
}
|
2019-10-04 19:44:32 +03:00
|
|
|
|
2022-05-21 05:56:54 +03:00
|
|
|
.search-one-offs[is_searchbar="true"] {
|
|
|
|
margin-bottom: -8px !important;
|
|
|
|
}
|
|
|
|
|
2020-06-04 07:22:30 +03:00
|
|
|
/* 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
|
|
|
|
2022-12-16 20:01:43 +02:00
|
|
|
#urlbar .urlbar-icon {
|
|
|
|
margin: 0 !important;
|
2022-12-23 15:58:46 +02:00
|
|
|
height: 100% !important;
|
|
|
|
}
|
|
|
|
#notification-popup-box {
|
|
|
|
height: 100% !important;
|
2022-12-16 20:01:43 +02:00
|
|
|
}
|
|
|
|
|
2020-11-25 18:23:55 +02:00
|
|
|
/* Search mode indicator */
|
2021-05-10 17:19:27 +03:00
|
|
|
#urlbar-search-mode-indicator,
|
2021-06-05 16:30:24 +03:00
|
|
|
#urlbar-label-box,
|
|
|
|
#urlbar-zoom-button {
|
2022-05-22 18:26:58 +03:00
|
|
|
background: var(--gnome-button-background) !important;
|
|
|
|
border: 0 !important;
|
|
|
|
border-radius: 26px !important;
|
2020-11-25 18:23:55 +02:00
|
|
|
outline: 0 !important;
|
|
|
|
margin: 4px 0;
|
|
|
|
}
|
2022-05-22 18:26:58 +03:00
|
|
|
#urlbar-search-mode-indicator {
|
|
|
|
padding-right: 0 !important;
|
|
|
|
}
|
2020-11-25 18:23:55 +02:00
|
|
|
#urlbar-search-mode-indicator-title {
|
2022-05-22 18:26:58 +03:00
|
|
|
color: var(--gnome-toolbar-color);
|
|
|
|
padding-inline: 4px !important;
|
2020-11-25 18:23:55 +02:00
|
|
|
}
|
|
|
|
#urlbar-search-mode-indicator-close {
|
2022-05-22 18:26:58 +03:00
|
|
|
background-size: 16px !important;
|
|
|
|
background-position: center;
|
|
|
|
border-radius: 26px !important;
|
|
|
|
padding: 5px !important;
|
|
|
|
}
|
|
|
|
#urlbar-search-mode-indicator-close:hover {
|
|
|
|
background-color: var(--gnome-button-hover-background) !important;
|
2021-06-05 03:43:31 +03:00
|
|
|
}
|
2021-06-05 16:30:24 +03:00
|
|
|
#urlbar-zoom-button {
|
|
|
|
opacity: 0.8;
|
|
|
|
}
|
|
|
|
#urlbar-zoom-button:hover {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
2021-06-05 03:43:31 +03:00
|
|
|
|
|
|
|
/* Firefox identity box */
|
|
|
|
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button,
|
|
|
|
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button,
|
|
|
|
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button,
|
|
|
|
#urlbar-label-box {
|
|
|
|
background-color: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:not([open]),
|
|
|
|
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:not([open]),
|
|
|
|
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:not([open]) {
|
|
|
|
background-color: hsla(0,0%,70%,.2) !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button:hover:active,
|
|
|
|
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button[open=true],
|
|
|
|
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button:hover:active,
|
|
|
|
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button[open=true],
|
|
|
|
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button:hover:active,
|
|
|
|
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button[open=true] {
|
|
|
|
background-color: hsla(0,0%,70%,.3) !important;
|
|
|
|
}
|