2019-06-07 01:56:56 +03:00
|
|
|
/* Popups contents syles */
|
|
|
|
|
|
|
|
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
|
|
|
|
|
2019-07-03 02:03:48 +03:00
|
|
|
/* Style main context menu & buttons */
|
2019-06-25 04:49:35 +03:00
|
|
|
#context-navigation {
|
|
|
|
padding: 4px 8px 8px;
|
|
|
|
}
|
|
|
|
#context-navigation > menuitem > .menu-iconic-left {
|
|
|
|
margin: auto !important;
|
|
|
|
}
|
|
|
|
#context-navigation menuitem {
|
|
|
|
--toolbarbutton-active-background: transparent !important;
|
|
|
|
--toolbarbutton-hover-background: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Remove icons from the main context menu */
|
|
|
|
#contentAreaContextMenu menuitem image,
|
|
|
|
#contentAreaContextMenu menu image {
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
2019-07-10 21:54:38 +03:00
|
|
|
#contentAreaContextMenu menugroup menuitem image,
|
|
|
|
#contentAreaContextMenu .menu-right image {
|
2019-06-25 04:49:35 +03:00
|
|
|
visibility: visible;
|
|
|
|
}
|
|
|
|
|
2019-06-23 16:15:16 +03:00
|
|
|
/* Main menu */
|
|
|
|
#appMenu-popup .panel-banner-item:after {
|
|
|
|
-moz-box-ordinal-group: 0;
|
|
|
|
margin: 0 8px 0 0 !important;
|
|
|
|
}
|
2019-08-08 22:14:50 +03:00
|
|
|
#appMenu-popup .toolbaritem-combined-buttons {
|
2019-08-14 00:17:37 +03:00
|
|
|
margin-inline-end: 0 !important;
|
2020-01-29 00:58:22 +02:00
|
|
|
}
|
|
|
|
#appMenu-popup .toolbaritem-combined-buttons .before-label {
|
|
|
|
width: 32px !important;
|
2019-08-08 22:14:50 +03:00
|
|
|
}
|
2020-01-27 05:35:22 +02:00
|
|
|
#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-label {
|
2019-08-14 00:17:37 +03:00
|
|
|
padding-left: 28px !important;
|
2019-08-08 22:14:50 +03:00
|
|
|
}
|
2020-01-27 05:35:22 +02:00
|
|
|
#appMenu-fxa-status[fxastatus="signedin"] > #appMenu-fxa-avatar {
|
|
|
|
margin-inline-start: 5px !important;
|
|
|
|
}
|
2019-06-23 16:15:16 +03:00
|
|
|
|
2019-06-07 01:56:56 +03:00
|
|
|
/* User sync account remove avatar */
|
|
|
|
#fxa-menu-avatar {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Add search engine button remove icon */
|
|
|
|
#pageAction-panel-addSearchEngine .toolbarbutton-badge-stack {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
2019-06-13 22:25:48 +03:00
|
|
|
/* All tabs popover */
|
|
|
|
.all-tabs-item[selected] {
|
|
|
|
border-left: 3px solid var(--gnome-tabbar-tab-active-border-bottom-color);
|
|
|
|
box-shadow: none !important;
|
|
|
|
}
|
2019-06-09 04:15:09 +03:00
|
|
|
|
2019-07-08 02:54:22 +03:00
|
|
|
.all-tabs-item > .all-tabs-secondary-button label {
|
|
|
|
margin: 0 !important;
|
|
|
|
}
|
|
|
|
|
2019-06-09 04:15:09 +03:00
|
|
|
/* Downloads popover */
|
2019-06-07 01:56:56 +03:00
|
|
|
#downloadsPanel-mainView .download-state {
|
|
|
|
padding: 8px !important;
|
|
|
|
border: 0 !important;
|
|
|
|
border-radius: 5px !important;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
#downloadsPanel-mainView .download-state:hover {
|
2019-06-25 03:57:54 +03:00
|
|
|
background-color: var(--gnome-popover-button-hover-background) !important;
|
2019-06-07 01:56:56 +03:00
|
|
|
}
|
|
|
|
#downloadsPanel-mainView .download-state:last-child {
|
2019-08-14 00:17:37 +03:00
|
|
|
margin-bottom: 8px !important;
|
2019-06-07 01:56:56 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
#downloadsPanel-mainView .downloadMainArea {
|
|
|
|
flex: 1;
|
|
|
|
display: flex;
|
|
|
|
}
|
|
|
|
#downloadsPanel-mainView .downloadMainArea:hover {
|
|
|
|
background: transparent !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
#downloadsPanel-mainView .downloadTypeIcon {
|
|
|
|
margin: 0 !important;
|
|
|
|
margin-right: 6px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
#downloadsPanel-mainView .downloadContainer {
|
|
|
|
margin-inline-end: 0 !important;
|
|
|
|
flex: 1;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
|
|
|
|
|
|
|
#downloadsPanel-mainView .download-state .downloadButton .button-box {
|
|
|
|
padding: 0 !important;
|
|
|
|
margin: 0 !important;
|
|
|
|
}
|
|
|
|
#downloadsPanel-mainView .download-state toolbarseparator {
|
|
|
|
display: none;
|
|
|
|
}
|
2019-07-03 02:03:48 +03:00
|
|
|
|
|
|
|
/* Customization overflow menu position */
|
|
|
|
#customization-panel-container {
|
|
|
|
padding: 0 75px 25px !important;
|
|
|
|
margin-top: 10px;
|
|
|
|
z-index: 10;
|
|
|
|
}
|
|
|
|
#customization-panelWrapper > .panel-arrowbox {
|
|
|
|
margin-bottom: -5px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Confirmation Hint */
|
|
|
|
#confirmation-hint .panel-arrowcontent {
|
|
|
|
background: var(--gnome-button-suggested-action-background) !important;
|
|
|
|
border-color: var(--gnome-button-suggested-action-border-color) !important;
|
|
|
|
}
|
|
|
|
#confirmation-hint .panel-arrow {
|
|
|
|
fill: var(--gnome-button-suggested-action-border-color) !important;
|
|
|
|
stroke: var(--gnome-button-suggested-action-border-color) !important;
|
|
|
|
}
|
|
|
|
#confirmation-hint-message {
|
|
|
|
color: white !important;
|
|
|
|
}
|
2019-08-01 23:19:59 +03:00
|
|
|
|
|
|
|
/* Identity popup */
|
|
|
|
#identity-popup-security,
|
|
|
|
.identity-popup-section,
|
2019-08-07 07:58:27 +03:00
|
|
|
#identity-popup-security-expander .button-box,
|
|
|
|
.identity-popup-security-content {
|
2019-08-01 23:19:59 +03:00
|
|
|
border: 0 !important;
|
|
|
|
}
|
2019-08-08 22:15:39 +03:00
|
|
|
|
2019-08-12 16:53:17 +03:00
|
|
|
.identity-popup-security-content, #identity-popup-permissions-content, #identity-popup-content-blocking-content {
|
|
|
|
padding-inline-end: 0 !important;
|
|
|
|
padding-inline-start: 0 !important;
|
|
|
|
}
|
|
|
|
#identity-popup-permissions-content, #identity-popup-content-blocking-content {
|
|
|
|
background-image: none !important;
|
|
|
|
}
|
|
|
|
.identity-popup-security-content {
|
|
|
|
background-position: 0em 0.8em !important;
|
|
|
|
background-size: 24px auto;
|
|
|
|
}
|
|
|
|
.identity-popup-security-content .identity-popup-headline {
|
|
|
|
margin-left: 1.4em !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
#identity-popup-content-blocking-category-list, #identity-popup-permission-list {
|
|
|
|
margin-inline-start: 0 !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.identity-popup-security-connection { /* FF70 */
|
2019-08-12 21:13:27 +03:00
|
|
|
background-position: 0 50% !important;
|
|
|
|
padding-inline-start: 16px !important;
|
2019-08-08 22:15:39 +03:00
|
|
|
}
|
2019-08-12 16:53:17 +03:00
|
|
|
#identity-popup-security-description { /* FF70 */
|
2019-08-08 22:15:39 +03:00
|
|
|
padding-inline-start: 0 !important;
|
|
|
|
}
|
|
|
|
|
2019-08-12 16:53:17 +03:00
|
|
|
.identity-popup-content-blocking-category-icon, .identity-popup-permission-icon {
|
|
|
|
margin-inline-start: 0 !important;
|
|
|
|
}
|
|
|
|
.identity-popup-content-blocking-category-label {
|
|
|
|
margin-inline-start: 6px !important;
|
|
|
|
}
|
|
|
|
.identity-popup-content-blocking-category-state-label {
|
|
|
|
opacity: 0.7;
|
2019-08-01 23:19:59 +03:00
|
|
|
}
|
2019-08-12 16:53:17 +03:00
|
|
|
|
2019-08-08 22:15:39 +03:00
|
|
|
#identity-popup-permissions-content {
|
2019-08-12 16:53:17 +03:00
|
|
|
padding-right: 0 !important;
|
2019-08-08 22:15:39 +03:00
|
|
|
}
|
2019-08-12 21:13:27 +03:00
|
|
|
#identity-popup-permissions-content description {
|
|
|
|
margin-inline-start: 0 !important;
|
2019-08-12 04:05:35 +03:00
|
|
|
}
|
|
|
|
#identity-popup-permissions-content {
|
|
|
|
padding-bottom: 10px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* TODO: create custom --gnome-list vars */
|
|
|
|
#identity-popup-permission-list:not(:empty) {
|
|
|
|
border: 1px solid var(--gnome-button-border-color);
|
|
|
|
border-bottom: 0 !important;
|
2019-09-03 03:03:33 +03:00
|
|
|
padding: 0 !important;
|
2019-08-12 04:05:35 +03:00
|
|
|
}
|
|
|
|
.identity-popup-permission-item {
|
|
|
|
background: var(--gnome-menu-background);
|
|
|
|
border-bottom: 1px solid var(--gnome-button-border-color);
|
|
|
|
padding: 6px !important;
|
|
|
|
margin: 0 !important;
|
2019-08-08 22:15:39 +03:00
|
|
|
}
|
2019-08-01 23:25:30 +03:00
|
|
|
|
|
|
|
/* Protections popup */
|
2019-08-29 17:15:08 +03:00
|
|
|
.protections-popup-section,
|
2020-01-28 01:45:36 +02:00
|
|
|
#protections-popup-not-blocking-section-header {
|
2019-08-29 17:15:08 +03:00
|
|
|
border: 0 !important;
|
|
|
|
}
|
2020-01-28 01:45:36 +02:00
|
|
|
#protections-popup-mainView-panel-header-section {
|
|
|
|
background: transparent !important;
|
|
|
|
}
|
2019-08-29 17:15:08 +03:00
|
|
|
|
2019-08-01 23:25:30 +03:00
|
|
|
#protections-popup-mainView-panel-header {
|
2019-08-05 21:21:34 +03:00
|
|
|
background: var(--gnome-button-suggested-action-background) !important;
|
2019-08-10 19:47:28 +03:00
|
|
|
border: 1px solid var(--gnome-button-suggested-action-border-color) !important;
|
|
|
|
border-radius: 5px 5px 0 0;
|
2019-08-05 21:21:34 +03:00
|
|
|
min-height: 34px !important;
|
2019-08-01 23:25:30 +03:00
|
|
|
}
|
2019-08-29 17:15:08 +03:00
|
|
|
#protections-popup[toast] #protections-popup-mainView-panel-header {
|
|
|
|
border-radius: 5px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
#protections-popup-message {
|
|
|
|
height: 100% !important;
|
|
|
|
margin: 0 !important;
|
|
|
|
border-radius: 0 !important;
|
2019-08-01 23:25:30 +03:00
|
|
|
}
|
2019-08-05 21:21:34 +03:00
|
|
|
|
2019-08-10 19:47:28 +03:00
|
|
|
#protections-popup-tp-switch-section {
|
2019-08-11 06:53:55 +03:00
|
|
|
background: var(--gnome-button-background) !important;
|
2019-08-10 19:47:28 +03:00
|
|
|
border: 1px solid var(--gnome-button-border-color) !important;
|
|
|
|
border-top: 0 !important;
|
|
|
|
border-radius: 0 0 5px 5px;
|
|
|
|
}
|
2019-08-01 23:25:30 +03:00
|
|
|
#protections-popup[hasException] #protections-popup-tp-switch-section {
|
2019-08-10 19:47:28 +03:00
|
|
|
margin-bottom: 10px !important;
|
|
|
|
color: white !important;
|
|
|
|
}
|
|
|
|
|
2019-08-29 17:15:08 +03:00
|
|
|
#protections-popup[hasException] #protections-popup-tp-switch-section,
|
|
|
|
#protections-popup[hasException] #protections-popup-mainView-panel-header{
|
|
|
|
background: var(--gnome-button-destructive-action-background) !important;
|
|
|
|
border-color: var(--gnome-button-destructive-action-border-color) !important;
|
|
|
|
}
|
|
|
|
|
2019-08-10 19:47:28 +03:00
|
|
|
#protections-popup-no-trackers-found-description {
|
2019-08-29 17:15:08 +03:00
|
|
|
margin: 10px 0 !important;
|
2019-08-01 23:25:30 +03:00
|
|
|
}
|
|
|
|
|
2019-08-29 17:15:08 +03:00
|
|
|
#protections-popup-blocking-section-header,
|
|
|
|
#protections-popup-not-found-section-header,
|
|
|
|
#protections-popup-not-blocking-section-header{
|
2019-08-27 02:40:33 +03:00
|
|
|
padding: 0px 5px !important;
|
|
|
|
margin-top: 20px !important;
|
|
|
|
height: auto !important;
|
2019-08-08 22:15:39 +03:00
|
|
|
}
|
|
|
|
|
2019-08-05 21:21:34 +03:00
|
|
|
#protections-popup-category-list {
|
2019-08-11 06:53:55 +03:00
|
|
|
margin: 0 !important;
|
2019-08-05 21:21:34 +03:00
|
|
|
}
|
|
|
|
.protections-popup-category-label {
|
2019-08-11 06:53:55 +03:00
|
|
|
margin-inline-start: 6px !important;
|
2019-08-05 21:21:34 +03:00
|
|
|
}
|
|
|
|
.protections-popup-category-state-label {
|
|
|
|
opacity: 0.7;
|
|
|
|
}
|
|
|
|
|
2019-08-01 23:25:30 +03:00
|
|
|
#protections-popup-content,
|
|
|
|
#protections-popup-footer {
|
2019-08-11 06:53:55 +03:00
|
|
|
padding: 0 !important;
|
2019-08-01 23:25:30 +03:00
|
|
|
}
|
|
|
|
|
2019-08-02 20:24:03 +03:00
|
|
|
#protections-popup-footer {
|
2019-08-11 06:53:55 +03:00
|
|
|
display: flex;
|
2019-08-02 20:24:03 +03:00
|
|
|
justify-content: flex-end;
|
|
|
|
flex-wrap: wrap;
|
2019-08-10 19:47:28 +03:00
|
|
|
margin-top: 3px;
|
2019-08-02 20:24:03 +03:00
|
|
|
}
|
|
|
|
#protections-popup-show-report-stack {
|
|
|
|
width: 100% !important;
|
|
|
|
display: flex;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
2019-08-10 19:47:28 +03:00
|
|
|
margin-top: 10px;
|
2019-08-02 20:24:03 +03:00
|
|
|
}
|
|
|
|
|
2019-08-10 19:47:28 +03:00
|
|
|
#protections-popup-trackers-blocked-counter-box {
|
2019-08-11 06:53:55 +03:00
|
|
|
margin-inline-end: 0 !important;
|
2019-08-01 23:25:30 +03:00
|
|
|
}
|
2019-08-01 23:25:51 +03:00
|
|
|
|
2019-08-12 04:05:35 +03:00
|
|
|
/* TODO: consider switchers section */
|
2019-08-01 23:25:51 +03:00
|
|
|
.protections-popup-tp-switch-box {
|
2019-08-29 17:17:03 +03:00
|
|
|
margin-top: 16px;
|
2019-08-01 23:25:51 +03:00
|
|
|
padding: 0 !important;
|
|
|
|
-moz-box-pack: start !important;
|
|
|
|
}
|
2019-08-10 19:47:28 +03:00
|
|
|
#protections-popup-tp-switch:not([enabled])[showdotindicator]::after {
|
|
|
|
display: none !important;
|
|
|
|
}
|
2019-08-12 04:05:35 +03:00
|
|
|
#protections-popup-tp-switch {
|
2019-08-01 23:25:51 +03:00
|
|
|
background: var(--gnome-switch-background) !important;
|
|
|
|
border: 1px solid var(--gnome-switch-border-color) !important;
|
|
|
|
border-radius: 24px !important;
|
|
|
|
min-width: 50px !important;
|
|
|
|
width: 50px !important;
|
|
|
|
min-height: 26px !important;
|
|
|
|
padding: 0 !important;
|
|
|
|
position: relative !important;
|
|
|
|
display: block !important;
|
|
|
|
margin: 0 !important;
|
|
|
|
}
|
|
|
|
#protections-popup-tp-switch:hover {
|
|
|
|
border-color: var(--gnome-switch-border-color) !important;
|
|
|
|
}
|
|
|
|
#protections-popup-tp-switch::before {
|
|
|
|
position: absolute !important;
|
|
|
|
top: 0px;
|
|
|
|
left: 0px;
|
|
|
|
background: var(--gnome-switch-slider-background) !important;
|
|
|
|
border: 1px solid var(--gnome-switch-slider-border-color) !important;
|
|
|
|
box-shadow: var(--gnome-switch-slider-box-shadow);
|
|
|
|
border-radius: 24px !important;
|
|
|
|
height: 24px !important;
|
|
|
|
width: 24px !important;
|
|
|
|
transition: left .2s ease;
|
2019-08-29 17:15:08 +03:00
|
|
|
outline: 0 !important;
|
2019-08-01 23:25:51 +03:00
|
|
|
}
|
|
|
|
#protections-popup-tp-switch[enabled] {
|
2019-08-11 06:53:55 +03:00
|
|
|
background: var(--gnome-switch-active-background) !important;
|
2019-08-01 23:25:51 +03:00
|
|
|
border-color: var(--gnome-switch-active-border-color) !important;
|
|
|
|
padding-inline-start: 24px !important;
|
|
|
|
}
|
|
|
|
#protections-popup-tp-switch[enabled]:hover {
|
|
|
|
border-color: var(--gnome-switch-active-border-color) !important;
|
|
|
|
}
|
|
|
|
#protections-popup-tp-switch[enabled]::before {
|
2019-08-11 06:53:55 +03:00
|
|
|
border-color: var(--gnome-switch-active-slider-border-color) !important;
|
2019-08-01 23:25:51 +03:00
|
|
|
left: 24px;
|
|
|
|
}
|
2020-01-29 15:58:08 +02:00
|
|
|
|
|
|
|
/* Feature recommendation notification, fix width */
|
|
|
|
#contextual-feature-recommendation-notification {
|
|
|
|
width: auto !important;
|
|
|
|
}
|