.floating-bar { background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; border-color: @borders; border-radius: 3px 3px 0 0; } .floating-bar.left { border-left-style: none; border-top-left-radius: 0; } .floating-bar.right { border-right-style: none; border-top-right-radius: 0; } .floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; } .incognito-mode headerbar { background-image: -gtk-icontheme("user-not-tracked-symbolic"); background-repeat: no-repeat; background-position: 157px 0; background-size: 64px 64px; color: rgba(0, 0, 0, 0.35); } .automation-mode headerbar { background-color: #ff9600; color: rgba(0, 0, 0, 0.35); } .entry_icon_box { margin-left: 2px; margin-right: 5px; } .entry_icon_box:dir(rtl) { margin-left: 5px; margin-right: 2px; } .entry_icon { color: mix(@theme_fg_color, @theme_base_color, 0.2); margin: 0 4px; } .entry_icon:hover { color: @theme_fg_color; } .entry_icon:active { color: @theme_selected_bg_color; } .entry_icon:backdrop { color: mix(@theme_unfocused_fg_color, @theme_unfocused_base_color, 0.2); } .entry_icon.selected { color: @theme_selected_bg_color; } .entry_icon.starred { color: orange; } .bookmarks-row button { opacity: 0.25; } .bookmarks-row:hover button { opacity: 1; } .bookmark-tag-widget { padding-left: 8px; background-color: rgba(0, 0, 0, 0.1); border-radius: 3px; } .bookmark-tag-widget label { padding-left: 8px; padding-right: 8px; } .bookmark-tag-widget image, .bookmark-tag-widget label, .bookmark-tag-widget button:hover image { color: @theme_fg_color; } .bookmark-tag-widget-selected { background-color: @theme_selected_bg_color; } .bookmark-tag-widget-selected image, .bookmark-tag-widget-selected label, .bookmark-tag-widget-selected button:hover image { color: @theme_selected_fg_color; } #fullscreen-popup { padding: 12px; border-radius: 18px; background: rgba(0, 0, 0, 0.65); color: white; } .url_progress { border: none; background-color: transparent; background-image: none; padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 6px; } .url_progress progress { background-color: @theme_selected_bg_color; background-image: none; border: none; min-height: 2px; } .url_progress trough { border: none; background-color: transparent; background-image: none; } .tab-attention { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)); background-size: 6px 6px; background-repeat: no-repeat; background-position: center bottom; } .tab-arrow-up-attention arrow.up { background-color: @theme_selected_bg_color; } .tab-arrow-down-attention arrow.down { background-color: @theme_selected_bg_color; } .preferences-background scrolledwindow { background-color: @theme_bg_color; } .page-menu-contents { margin-left: 12px; margin-right: 12px; margin-bottom: 12px; } .search-entry-occurrences-tag { background: none; color: alpha(@theme_fg_color,0.5); box-shadow: none; border: none; margin: 2px; padding: 2px; } .search-entry-occurrences-tag:backdrop { color: alpha(@theme_unfocused_fg_color,0.5); } dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row > grid { margin-left: 3px; } dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row > grid .title, dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row > grid .subtitle { margin-left: 6px; } .download_progress progress { min-height: 2px; } .download_progress trough { min-width: 14px; } .transparent { background: none; } .incognito-mode { /*************************** Check and Radio buttons * */ } .incognito-mode headerbar { background: #101520 -gtk-icontheme("user-not-tracked-symbolic") 180px 0/64px 64px no-repeat, linear-gradient(to top, #171d2e, #1a2235); box-shadow: inset 0 1px rgba(231, 234, 243, 0.07); border-color: #36456b; color: rgba(238, 240, 246, 0.2); } .incognito-mode headerbar:backdrop { background-image: cross-fade(50% -gtk-icontheme("user-not-tracked-symbolic"), image(transparent)), image(#212b42); border-color: #171d2e; box-shadow: inset 0 1px rgba(231, 234, 243, 0.07); } .incognito-mode actionbar { background: #212b42; } .incognito-mode actionbar > revealer > box { border-color: #475b8d; } .incognito-mode actionbar:backdrop { background: #252f49; } .incognito-mode actionbar:backdrop > revealer > box { border-color: #171d2e; } .incognito-mode notebook > header { border-color: #475b8d; background-color: #1c2438; } .incognito-mode notebook > header:backdrop { border-color: #171d2e; background-color: #202940; } .incognito-mode notebook > header > tabs > tab { color: #878d9c; } .incognito-mode notebook > header > tabs > tab button.flat:hover { color: currentColor; } .incognito-mode notebook > header > tabs > tab button.flat, .incognito-mode notebook > header > tabs > tab button.flat:backdrop { color: alpha(currentColor,0.3); } .incognito-mode notebook > header > tabs > tab:hover { color: #babfc9; border-color: rgba(71, 91, 141, 0.3); background-color: rgba(33, 43, 66, 0.2); box-shadow: inset 0 -3px #475b8d; } .incognito-mode notebook > header > tabs > tab:backdrop { color: #5f677c; border-color: transparent; background-color: transparent; box-shadow: none; } .incognito-mode notebook > header > tabs > tab:checked { color: #eef0f6; border-color: rgba(71, 91, 141, 0.5); background-color: rgba(33, 43, 66, 0.5); box-shadow: inset 0 -3px #15539e; } .incognito-mode notebook > header > tabs > tab:checked:hover { background-color: rgba(33, 43, 66, 0.7); } .incognito-mode notebook > header > tabs > tab:backdrop:checked { color: #868d9e; border-color: #171d2e; background-color: #252f49; } .incognito-mode notebook > header > tabs > arrow:active { color: #eef0f6; outline-color: rgba(238, 240, 246, 0.3); border-color: #475b8d; background-image: image(#121724); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .incognito-mode headerbar > *, .incognito-mode actionbar > *, .incognito-mode notebook > header > * { color: #eef0f6; } .incognito-mode headerbar > *:backdrop, .incognito-mode actionbar > *:backdrop, .incognito-mode notebook > header > *:backdrop { color: #868d9e; } .incognito-mode headerbar button, .incognito-mode actionbar button, .incognito-mode notebook > header button { color: #eef0f6; outline-color: rgba(238, 240, 246, 0.3); border-color: #475b8d; border-bottom-color: #36456b; background-image: linear-gradient(to top, #1f283f 2px, #212b42); text-shadow: 0 -1px rgba(0, 0, 0, 0.844235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.844235); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); } .incognito-mode headerbar button.flat, .incognito-mode headerbar button.titlebutton, .incognito-mode actionbar button.flat, .incognito-mode actionbar button.titlebutton, .incognito-mode notebook > header button.flat, .incognito-mode notebook > header button.titlebutton { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .incognito-mode headerbar button.titlebutton, .incognito-mode actionbar button.titlebutton, .incognito-mode notebook > header button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.844235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.844235); } .incognito-mode headerbar button:hover, .incognito-mode actionbar button:hover, .incognito-mode notebook > header button:hover { color: #eef0f6; outline-color: rgba(238, 240, 246, 0.3); border-color: #475b8d; border-bottom-color: #36456b; text-shadow: 0 -1px rgba(0, 0, 0, 0.796235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.796235); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #1f283f, #232d46 1px); } .incognito-mode headerbar button:active, .incognito-mode headerbar button:checked, .incognito-mode actionbar button:active, .incognito-mode actionbar button:checked, .incognito-mode notebook > header button:active, .incognito-mode notebook > header button:checked { color: #eef0f6; outline-color: rgba(238, 240, 246, 0.3); border-color: #475b8d; background-image: image(#121724); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .incognito-mode headerbar button:disabled, .incognito-mode actionbar button:disabled, .incognito-mode notebook > header button:disabled { color: #878d9c; border-color: #3f517e; background-image: image(#222c45); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .incognito-mode headerbar button:backdrop, .incognito-mode actionbar button:backdrop, .incognito-mode notebook > header button:backdrop { color: #868d9e; border-color: #171d2e; background-image: image(#252f49); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .incognito-mode headerbar button:backdrop:active, .incognito-mode actionbar button:backdrop:active, .incognito-mode notebook > header button:backdrop:active { color: #868d9e; border-color: #171d2e; background-image: image(#1b2235); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .incognito-mode headerbar button:backdrop:disabled, .incognito-mode actionbar button:backdrop:disabled, .incognito-mode notebook > header button:backdrop:disabled { color: #3e507c; border-color: #171d2e; background-image: image(#222c45); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .incognito-mode headerbar button:checked, .incognito-mode actionbar button:checked, .incognito-mode notebook > header button:checked { background: image(#121724); border-color: #415483; border-top-color: #394972; } .incognito-mode headerbar button:checked:backdrop, .incognito-mode actionbar button:checked:backdrop, .incognito-mode notebook > header button:checked:backdrop { color: #868d9e; border-color: #171d2e; background-image: image(#1b2235); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .incognito-mode headerbar button.flat:backdrop, .incognito-mode headerbar button.titlebutton:backdrop, .incognito-mode actionbar button.flat:backdrop, .incognito-mode actionbar button.titlebutton:backdrop, .incognito-mode notebook > header button.flat:backdrop, .incognito-mode notebook > header button.titlebutton:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .incognito-mode headerbar entry, .incognito-mode actionbar entry, .incognito-mode notebook > header entry { border-color: #475b8d; } .incognito-mode headerbar entry:focus, .incognito-mode actionbar entry:focus, .incognito-mode notebook > header entry:focus { border-color: #030c17; box-shadow: inset 0 0 0 1px #15539e; } .incognito-mode headerbar entry:backdrop, .incognito-mode actionbar entry:backdrop, .incognito-mode notebook > header entry:backdrop { box-shadow: none; border-color: #171d2e; } .automation-mode { /*************************** Check and Radio buttons * */ } .automation-mode headerbar { background: #db8100 linear-gradient(to top, #f08d00, #fa9300); box-shadow: inset 0 1px rgba(255, 240, 219, 0.07); border-color: #ffb64d; color: rgba(255, 244, 229, 0.2); } .automation-mode headerbar:backdrop { background-image: image(#ff9c0f); border-color: #eb8c05; box-shadow: inset 0 1px rgba(255, 240, 219, 0.07); } .automation-mode actionbar { background: #ff9c0f; } .automation-mode actionbar > revealer > box { border-color: #ffcb80; } .automation-mode actionbar:backdrop { background: #ffa11a; } .automation-mode actionbar:backdrop > revealer > box { border-color: #eb8c05; } .automation-mode notebook > header { border-color: #ffcb80; background-color: #f2940d; } .automation-mode notebook > header:backdrop { border-color: #eb8c05; background-color: #f89912; } .automation-mode notebook > header > tabs > tab { color: #ffc87a; } .automation-mode notebook > header > tabs > tab button.flat:hover { color: currentColor; } .automation-mode notebook > header > tabs > tab button.flat, .automation-mode notebook > header > tabs > tab button.flat:backdrop { color: alpha(currentColor,0.3); } .automation-mode notebook > header > tabs > tab:hover { color: #ffdeb0; border-color: rgba(255, 203, 128, 0.3); background-color: rgba(255, 156, 15, 0.2); box-shadow: inset 0 -3px #ffcb80; } .automation-mode notebook > header > tabs > tab:backdrop { color: #ffb853; border-color: transparent; background-color: transparent; box-shadow: none; } .automation-mode notebook > header > tabs > tab:checked { color: #fff4e5; border-color: rgba(255, 203, 128, 0.5); background-color: rgba(255, 156, 15, 0.5); box-shadow: inset 0 -3px #15539e; } .automation-mode notebook > header > tabs > tab:checked:hover { background-color: rgba(255, 156, 15, 0.7); } .automation-mode notebook > header > tabs > tab:backdrop:checked { color: #ffc87a; border-color: #eb8c05; background-color: #ffa11a; } .automation-mode notebook > header > tabs > arrow:active { color: #fff4e5; outline-color: rgba(255, 244, 229, 0.3); border-color: #ffcb80; background-image: image(#e08400); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .automation-mode headerbar > *, .automation-mode actionbar > *, .automation-mode notebook > header > * { color: #fff4e5; } .automation-mode headerbar > *:backdrop, .automation-mode actionbar > *:backdrop, .automation-mode notebook > header > *:backdrop { color: #ffc87a; } .automation-mode headerbar button, .automation-mode actionbar button, .automation-mode notebook > header button { color: #fff4e5; outline-color: rgba(255, 244, 229, 0.3); border-color: #ffcb80; border-bottom-color: #ffb64d; background-image: linear-gradient(to top, #ff9a0a 2px, #ff9c0f); text-shadow: 0 -1px rgba(0, 0, 0, 0.576); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.576); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); } .automation-mode headerbar button.flat, .automation-mode headerbar button.titlebutton, .automation-mode actionbar button.flat, .automation-mode actionbar button.titlebutton, .automation-mode notebook > header button.flat, .automation-mode notebook > header button.titlebutton { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .automation-mode headerbar button.titlebutton, .automation-mode actionbar button.titlebutton, .automation-mode notebook > header button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.576); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.576); } .automation-mode headerbar button:hover, .automation-mode actionbar button:hover, .automation-mode notebook > header button:hover { color: #fff4e5; outline-color: rgba(255, 244, 229, 0.3); border-color: #ffcb80; border-bottom-color: #ffb64d; text-shadow: 0 -1px rgba(0, 0, 0, 0.528); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.528); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #ff9a0a, #ff9e14 1px); } .automation-mode headerbar button:active, .automation-mode headerbar button:checked, .automation-mode actionbar button:active, .automation-mode actionbar button:checked, .automation-mode notebook > header button:active, .automation-mode notebook > header button:checked { color: #fff4e5; outline-color: rgba(255, 244, 229, 0.3); border-color: #ffcb80; background-image: image(#e08400); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .automation-mode headerbar button:disabled, .automation-mode actionbar button:disabled, .automation-mode notebook > header button:disabled { color: #ffc87a; border-color: #ffc169; background-image: image(#ff9e13); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .automation-mode headerbar button:backdrop, .automation-mode actionbar button:backdrop, .automation-mode notebook > header button:backdrop { color: #ffc87a; border-color: #eb8c05; background-image: image(#ffa11a); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .automation-mode headerbar button:backdrop:active, .automation-mode actionbar button:backdrop:active, .automation-mode notebook > header button:backdrop:active { color: #ffc87a; border-color: #eb8c05; background-image: image(#fc9400); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .automation-mode headerbar button:backdrop:disabled, .automation-mode actionbar button:backdrop:disabled, .automation-mode notebook > header button:backdrop:disabled { color: #ffc066; border-color: #eb8c05; background-image: image(#ff9e13); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .automation-mode headerbar button:checked, .automation-mode actionbar button:checked, .automation-mode notebook > header button:checked { background: image(#e08400); border-color: #ffc470; border-top-color: #ffba57; } .automation-mode headerbar button:checked:backdrop, .automation-mode actionbar button:checked:backdrop, .automation-mode notebook > header button:checked:backdrop { color: #ffc87a; border-color: #eb8c05; background-image: image(#fc9400); box-shadow: inset 0 1px rgba(255, 255, 255, 0); } .automation-mode headerbar button.flat:backdrop, .automation-mode headerbar button.titlebutton:backdrop, .automation-mode actionbar button.flat:backdrop, .automation-mode actionbar button.titlebutton:backdrop, .automation-mode notebook > header button.flat:backdrop, .automation-mode notebook > header button.titlebutton:backdrop { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .automation-mode headerbar entry, .automation-mode actionbar entry, .automation-mode notebook > header entry { border-color: #ffcb80; } .automation-mode headerbar entry:focus, .automation-mode actionbar entry:focus, .automation-mode notebook > header entry:focus { border-color: #030c17; box-shadow: inset 0 0 0 1px #15539e; } .automation-mode headerbar entry:backdrop, .automation-mode actionbar entry:backdrop, .automation-mode notebook > header entry:backdrop { box-shadow: none; border-color: #eb8c05; } /*************************** Check and Radio buttons * */ .bookmark-tag-widget { border-radius: 5px; } .bookmark-tag-widget button { background: none; border: none; box-shadow: none; } .bookmark-tag-widget button:last-child image { color: #d6d6d1; border: 1px solid transparent; border-radius: 5px; } .bookmark-tag-widget button:last-child:hover image { color: #d6d6d1; outline-color: rgba(214, 214, 209, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); color: #d6d6d1; outline-color: rgba(214, 214, 209, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232, #373737 1px); } .bookmark-tag-widget button:last-child:active image { color: #d6d6d1; outline-color: rgba(214, 214, 209, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); color: #d6d6d1; outline-color: rgba(214, 214, 209, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .bookmark-tag-widget-selected button { background: none; border: none; box-shadow: none; } .bookmark-tag-widget-selected button:last-child image { color: #ffffff; border: 1px solid transparent; border-radius: 5px; } .bookmark-tag-widget-selected button:last-child:hover image { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to top, #155099 2px, #15539e); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; text-shadow: 0 -1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.671216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #155099, #1655a2 1px); } .bookmark-tag-widget-selected button:last-child:active image { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to top, #155099 2px, #15539e); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; background-image: image(#103e75); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } .page-row-close-button { background: none; border: none; box-shadow: none; } .page-row-close-button:last-child image { color: #d6d6d1; border: 1px solid transparent; border-radius: 5px; } .page-row-close-button:last-child:hover image { color: #d6d6d1; outline-color: rgba(214, 214, 209, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); color: #d6d6d1; outline-color: rgba(214, 214, 209, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; text-shadow: 0 -1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232, #373737 1px); } .page-row-close-button:last-child:active image { color: #d6d6d1; outline-color: rgba(214, 214, 209, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); color: #d6d6d1; outline-color: rgba(214, 214, 209, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } row:selected .page-row-close-button { background: none; border: none; box-shadow: none; } row:selected .page-row-close-button:last-child image { color: #ffffff; border: 1px solid transparent; border-radius: 5px; } row:selected .page-row-close-button:last-child:hover image { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to top, #155099 2px, #15539e); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; text-shadow: 0 -1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.671216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #155099, #1655a2 1px); } row:selected .page-row-close-button:last-child:active image { color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to top, #155099 2px, #15539e); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); color: #ffffff; outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; background-image: image(#103e75); box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } row.narrow .page-row-close-button image { padding: 6px; } @keyframes needs_attention_keyframes { 0% { background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } /* can't do animation-direction, so holding the color on two keyframes */ 30% { background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 90% { background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, @theme_base_color); border-color: @theme_fg_color; } 100% { background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0); border-color: @borders; } } .epiphany-downloads-button-needs-attention { animation: needs_attention_keyframes 2s ease-in-out; } .epiphany-downloads-button-needs-attention-multiple { animation: needs_attention_keyframes 3s ease-in-out; animation-iteration-count: 3; } .main-notebook tab:not(.reorderable-page) { min-width: 16px; } .main-notebook header.top tab, .main-notebook header.bottom tab { border-style: none solid; } .main-notebook header.left tab, .main-notebook header.right tab { border-style: solid none; } window:not(.incognito-mode) .main-notebook tab:not(.reorderable-page):hover { border-color: rgba(27, 27, 27, 0.3); background-color: rgba(53, 53, 53, 0.2); } window:not(.incognito-mode) .main-notebook tab:not(.reorderable-page):backdrop { border-color: transparent; background-color: transparent; } window:not(.incognito-mode) .main-notebook tab:not(.reorderable-page):checked { border-color: rgba(27, 27, 27, 0.5); background-color: rgba(53, 53, 53, 0.5); } window:not(.incognito-mode) .main-notebook tab:not(.reorderable-page):checked:hover { background-color: rgba(53, 53, 53, 0.7); } window:not(.incognito-mode) .main-notebook tab:not(.reorderable-page):backdrop:checked { border-color: #202020; background-color: #353535; } .tab-attention { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#1f76e1), to(transparent)); }