update to the latest upstream commit, merge conflicts solved
This commit is contained in:
Muhammad Rivan
commit
2f88fb50ab
40
install.sh
40
install.sh
@ -794,14 +794,33 @@ customize_theme_dialogs() {
|
||||
fi
|
||||
}
|
||||
|
||||
run_customize_theme_dialogs() {
|
||||
install_dialog && customize_theme_dialogs && change_transparency && change_size && force_nautilus_use_colors && parse_sass
|
||||
gnome_version() {
|
||||
if [[ -z "${GS_VERSION:-}" ]]; then
|
||||
# Set a proper gnome-shell theme version
|
||||
if [[ "$(command -v gnome-shell)" ]]; then
|
||||
SHELL_VERSION="$(gnome-shell --version | cut -d ' ' -f 3 | cut -d . -f -2)"
|
||||
if [[ "${SHELL_VERSION:-}" == '40.0' ]]; then
|
||||
GS_VERSION="new"
|
||||
else
|
||||
GS_VERSION="old"
|
||||
fi
|
||||
else
|
||||
echo "'gnome-shell' not found, using styles for last gnome-shell version available."
|
||||
GS_VERSION="new"
|
||||
fi
|
||||
fi
|
||||
|
||||
sed -i.bak "s/gs_version/$GS_VERSION/g" "$SRC_DIR/sass/_theme-options.scss"
|
||||
}
|
||||
|
||||
parse_sass() {
|
||||
cd ${REPO_DIR} && ./parse-sass.sh
|
||||
}
|
||||
|
||||
run_customize_theme_dialogs() {
|
||||
install_dialog && customize_theme_dialogs && change_transparency && change_size && force_nautilus_use_colors && parse_sass
|
||||
}
|
||||
|
||||
change_size() {
|
||||
if [[ "${sidebar_size:-}" != 'default' ]]; then
|
||||
cd ${SRC_DIR}/sass/gtk
|
||||
@ -813,14 +832,14 @@ change_size() {
|
||||
change_transparency() {
|
||||
if [[ "${panel_opacity:-}" != 'default' ]]; then
|
||||
cd ${SRC_DIR}/sass
|
||||
sed -i.bak "/\$panel_opacity/s/0.16/0.${panel_opacity}/" _variables.scss
|
||||
sed -i.bak "/\$panel_opacity/s/0.16/0.${panel_opacity}/" _theme-options.scss
|
||||
prompt -w "Change panel transparency ..."
|
||||
fi
|
||||
}
|
||||
|
||||
force_nautilus_use_colors() {
|
||||
cd ${SRC_DIR}/sass
|
||||
sed -i.bak "/\$nautilus_use_colors/s/false/true/" _variables.scss
|
||||
sed -i.bak "/\$nautilus_use_colors/s/false/true/" _theme-options.scss
|
||||
prompt -w "Forcing nautilus to use colors instead of images ..."
|
||||
}
|
||||
|
||||
@ -833,11 +852,11 @@ restore_files() {
|
||||
prompt -w "Restore _applications.scss file ..."
|
||||
fi
|
||||
|
||||
if [[ -f ${SRC_DIR}/sass/_variables.scss.bak ]]; then
|
||||
if [[ -f ${SRC_DIR}/sass/_theme-options.scss.bak ]]; then
|
||||
local restore_file='true'
|
||||
cd ${SRC_DIR}/sass
|
||||
rm -rf _variables.scss
|
||||
mv -f _variables.scss.bak _variables.scss
|
||||
rm -rf _theme-options.scss
|
||||
mv -f _theme-options.scss.bak _theme-options.scss
|
||||
prompt -w "Restore _variables.scss file ..."
|
||||
fi
|
||||
|
||||
@ -856,6 +875,9 @@ if [ ! "$(which glib-compile-resources 2> /dev/null)" ]; then
|
||||
fi
|
||||
fi
|
||||
|
||||
# Check gnome-shell version
|
||||
gnome_version
|
||||
|
||||
# Install themes
|
||||
if [[ "${remove:-}" != 'true' && "${gdm:-}" != 'true' ]]; then
|
||||
if [[ "${dialogs:-}" == 'true' ]]; then
|
||||
@ -863,7 +885,7 @@ if [[ "${remove:-}" != 'true' && "${gdm:-}" != 'true' ]]; then
|
||||
fi
|
||||
|
||||
if [[ "${size:-}" != 'true' && "${panel:-}" != 'true' && "${nautilus_use_colors:-}" != 'true' ]]; then
|
||||
install_theme
|
||||
parse_sass && install_theme
|
||||
else
|
||||
install_customize_theme && parse_sass && install_theme "${panel_opacity}" "${sidebar_size}"
|
||||
fi
|
||||
@ -871,7 +893,7 @@ fi
|
||||
|
||||
# Install GDM theme
|
||||
if [[ "${gdm:-}" == 'true' && "${remove:-}" != 'true' && "$UID" -eq "$ROOT_UID" ]]; then
|
||||
install_theme && install_gdm "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" "${theme}" "${icon}"
|
||||
parse_sass && install_theme && install_gdm "${dest:-${DEST_DIR}}" "${name:-${THEME_NAME}}" "${color}" "${opacity}" "${theme}" "${icon}"
|
||||
fi
|
||||
|
||||
# Remove themes
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #78aafa;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,14 +4898,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4910,7 +4946,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(20, 20, 20, 0.95));
|
||||
background-size: 1px 100%;
|
||||
@ -5973,11 +6011,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5993,7 +6033,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6004,26 +6044,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6079,7 +6125,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6299,6 +6346,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6832,6 +6909,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #a4ce8d;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,14 +4898,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4910,7 +4946,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(20, 20, 20, 0.95));
|
||||
background-size: 1px 100%;
|
||||
@ -5973,11 +6011,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5993,7 +6033,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6004,26 +6044,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6079,7 +6125,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6299,6 +6346,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6832,6 +6909,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #b2b2b2;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,14 +4898,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4910,7 +4946,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(20, 20, 20, 0.95));
|
||||
background-size: 1px 100%;
|
||||
@ -5973,11 +6011,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5993,7 +6033,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6004,26 +6044,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6079,7 +6125,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6299,6 +6346,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6832,6 +6909,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #f1b17f;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,14 +4898,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4910,7 +4946,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(20, 20, 20, 0.95));
|
||||
background-size: 1px 100%;
|
||||
@ -5973,11 +6011,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5993,7 +6033,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6004,26 +6044,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6079,7 +6125,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6299,6 +6346,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6832,6 +6909,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #f0a0c5;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,14 +4898,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4910,7 +4946,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(20, 20, 20, 0.95));
|
||||
background-size: 1px 100%;
|
||||
@ -5973,11 +6011,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5993,7 +6033,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6004,26 +6044,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6079,7 +6125,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6299,6 +6346,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6832,6 +6909,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #b987bf;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,14 +4898,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4910,7 +4946,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(20, 20, 20, 0.95));
|
||||
background-size: 1px 100%;
|
||||
@ -5973,11 +6011,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5993,7 +6033,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6004,26 +6044,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6079,7 +6125,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6299,6 +6346,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6832,6 +6909,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #f5a3a2;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,14 +4898,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4910,7 +4946,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(20, 20, 20, 0.95));
|
||||
background-size: 1px 100%;
|
||||
@ -5973,11 +6011,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5993,7 +6033,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6004,26 +6044,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6079,7 +6125,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6299,6 +6346,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6832,6 +6909,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #78aafa;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,18 +4898,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #333333 200px, #141414 200px, #141414 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, #333333 200px, #141414 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4914,7 +4951,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#141414);
|
||||
background-size: 1px 100%;
|
||||
@ -5977,11 +6016,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5997,7 +6038,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6008,26 +6049,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6083,7 +6130,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6303,6 +6351,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6836,6 +6914,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #a4ce8d;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,18 +4898,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #333333 200px, #141414 200px, #141414 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, #333333 200px, #141414 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4914,7 +4951,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#141414);
|
||||
background-size: 1px 100%;
|
||||
@ -5977,11 +6016,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5997,7 +6038,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6008,26 +6049,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6083,7 +6130,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6303,6 +6351,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6836,6 +6914,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #b2b2b2;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,18 +4898,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #333333 200px, #141414 200px, #141414 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, #333333 200px, #141414 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4914,7 +4951,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#141414);
|
||||
background-size: 1px 100%;
|
||||
@ -5977,11 +6016,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5997,7 +6038,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6008,26 +6049,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6083,7 +6130,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6303,6 +6351,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6836,6 +6914,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #f1b17f;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,18 +4898,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #333333 200px, #141414 200px, #141414 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, #333333 200px, #141414 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4914,7 +4951,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#141414);
|
||||
background-size: 1px 100%;
|
||||
@ -5977,11 +6016,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5997,7 +6038,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6008,26 +6049,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6083,7 +6130,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6303,6 +6351,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6836,6 +6914,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #f0a0c5;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,18 +4898,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #333333 200px, #141414 200px, #141414 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, #333333 200px, #141414 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4914,7 +4951,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#141414);
|
||||
background-size: 1px 100%;
|
||||
@ -5977,11 +6016,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5997,7 +6038,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6008,26 +6049,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6083,7 +6130,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6303,6 +6351,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6836,6 +6914,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #b987bf;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,18 +4898,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #333333 200px, #141414 200px, #141414 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, #333333 200px, #141414 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4914,7 +4951,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#141414);
|
||||
background-size: 1px 100%;
|
||||
@ -5977,11 +6016,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5997,7 +6038,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6008,26 +6049,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6083,7 +6130,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6303,6 +6351,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6836,6 +6914,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #f5a3a2;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,18 +4898,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #333333 200px, #141414 200px, #141414 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, #333333 200px, #141414 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4914,7 +4951,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#141414);
|
||||
background-size: 1px 100%;
|
||||
@ -5977,11 +6016,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5997,7 +6038,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6008,26 +6049,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6083,7 +6130,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6303,6 +6351,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6836,6 +6914,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #f8d593;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,18 +4898,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #333333 200px, #141414 200px, #141414 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, #333333 200px, #141414 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4914,7 +4951,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#141414);
|
||||
background-size: 1px 100%;
|
||||
@ -5977,11 +6016,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5997,7 +6038,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6008,26 +6049,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6083,7 +6130,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6303,6 +6351,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6836,6 +6914,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #4d8ef9;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,18 +4898,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #333333 200px, #141414 200px, #141414 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, #333333 200px, #141414 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #333333 0%, #333333 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4914,7 +4951,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#141414);
|
||||
background-size: 1px 100%;
|
||||
@ -5977,11 +6016,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5997,7 +6038,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6008,26 +6049,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6083,7 +6130,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6303,6 +6351,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6836,6 +6914,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #f8d593;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,14 +4898,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4910,7 +4946,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(20, 20, 20, 0.95));
|
||||
background-size: 1px 100%;
|
||||
@ -5973,11 +6011,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5993,7 +6033,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6004,26 +6044,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6079,7 +6125,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6299,6 +6346,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6832,6 +6909,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #c5c5c5;
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
}
|
||||
|
||||
@ -1604,6 +1604,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(253, 253, 253, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #FDFDFD;
|
||||
background-color: rgba(253, 253, 253, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #4d8ef9;
|
||||
@ -1915,12 +1942,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #FDFDFD;
|
||||
@ -2405,13 +2426,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2432,6 +2465,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2615,25 +2667,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(222, 222, 222, 0.35);
|
||||
background-color: rgba(36, 36, 36, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(222, 222, 222, 0.675);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #dedede;
|
||||
background-color: #373737;
|
||||
border-color: #444444;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4068,21 +4101,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(255, 255, 255, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #333333;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4865,14 +4898,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 200px, rgba(20, 20, 20, 0.95) 201px, #242424 0%);
|
||||
border-image: linear-gradient(90deg, rgba(51, 51, 51, 0.95) 200px, rgba(20, 20, 20, 0.95) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4910,7 +4946,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(20, 20, 20, 0.95));
|
||||
background-size: 1px 100%;
|
||||
@ -5973,11 +6011,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #0e0e0e;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#0e0e0e);
|
||||
@ -5993,7 +6033,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.03), inset 0 0 3px rgba(255, 255, 255, 0.02), inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.06);
|
||||
background-color: rgba(255, 255, 255, 0.05);
|
||||
@ -6004,26 +6044,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6079,7 +6125,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #242424;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6299,6 +6346,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #1e1e1e;
|
||||
box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #dedede;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #f8f8f8;
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6832,6 +6909,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #78aafa;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,14 +4920,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4932,7 +4968,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(209, 209, 209, 0.94));
|
||||
background-size: 1px 100%;
|
||||
@ -5996,11 +6034,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6016,7 +6056,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6027,26 +6067,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6102,7 +6148,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6322,6 +6369,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6848,6 +6925,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #a4ce8d;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,14 +4920,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4932,7 +4968,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(209, 209, 209, 0.94));
|
||||
background-size: 1px 100%;
|
||||
@ -5996,11 +6034,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6016,7 +6056,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6027,26 +6067,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6102,7 +6148,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6322,6 +6369,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6848,6 +6925,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #b2b2b2;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,14 +4920,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4932,7 +4968,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(209, 209, 209, 0.94));
|
||||
background-size: 1px 100%;
|
||||
@ -5996,11 +6034,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6016,7 +6056,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6027,26 +6067,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6102,7 +6148,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6322,6 +6369,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6848,6 +6925,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #f1b17f;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,14 +4920,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4932,7 +4968,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(209, 209, 209, 0.94));
|
||||
background-size: 1px 100%;
|
||||
@ -5996,11 +6034,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6016,7 +6056,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6027,26 +6067,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6102,7 +6148,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6322,6 +6369,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6848,6 +6925,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #f0a0c5;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,14 +4920,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4932,7 +4968,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(209, 209, 209, 0.94));
|
||||
background-size: 1px 100%;
|
||||
@ -5996,11 +6034,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6016,7 +6056,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6027,26 +6067,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6102,7 +6148,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6322,6 +6369,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6848,6 +6925,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #b987bf;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,14 +4920,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4932,7 +4968,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(209, 209, 209, 0.94));
|
||||
background-size: 1px 100%;
|
||||
@ -5996,11 +6034,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6016,7 +6056,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6027,26 +6067,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6102,7 +6148,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6322,6 +6369,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6848,6 +6925,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #f5a3a2;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,14 +4920,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4932,7 +4968,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(209, 209, 209, 0.94));
|
||||
background-size: 1px 100%;
|
||||
@ -5996,11 +6034,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6016,7 +6056,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6027,26 +6067,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6102,7 +6148,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6322,6 +6369,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6848,6 +6925,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #78aafa;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,18 +4920,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4936,7 +4973,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#d1d1d1);
|
||||
background-size: 1px 100%;
|
||||
@ -6000,11 +6039,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6020,7 +6061,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6031,26 +6072,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6106,7 +6153,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6326,6 +6374,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6852,6 +6930,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #a4ce8d;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,18 +4920,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4936,7 +4973,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#d1d1d1);
|
||||
background-size: 1px 100%;
|
||||
@ -6000,11 +6039,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6020,7 +6061,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6031,26 +6072,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6106,7 +6153,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6326,6 +6374,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6852,6 +6930,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #b2b2b2;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,18 +4920,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4936,7 +4973,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#d1d1d1);
|
||||
background-size: 1px 100%;
|
||||
@ -6000,11 +6039,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6020,7 +6061,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6031,26 +6072,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6106,7 +6153,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6326,6 +6374,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6852,6 +6930,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #f1b17f;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,18 +4920,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4936,7 +4973,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#d1d1d1);
|
||||
background-size: 1px 100%;
|
||||
@ -6000,11 +6039,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6020,7 +6061,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6031,26 +6072,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6106,7 +6153,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6326,6 +6374,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6852,6 +6930,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #f0a0c5;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,18 +4920,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4936,7 +4973,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#d1d1d1);
|
||||
background-size: 1px 100%;
|
||||
@ -6000,11 +6039,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6020,7 +6061,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6031,26 +6072,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6106,7 +6153,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6326,6 +6374,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6852,6 +6930,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #b987bf;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,18 +4920,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4936,7 +4973,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#d1d1d1);
|
||||
background-size: 1px 100%;
|
||||
@ -6000,11 +6039,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6020,7 +6061,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6031,26 +6072,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6106,7 +6153,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6326,6 +6374,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6852,6 +6930,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #f5a3a2;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,18 +4920,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4936,7 +4973,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#d1d1d1);
|
||||
background-size: 1px 100%;
|
||||
@ -6000,11 +6039,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6020,7 +6061,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6031,26 +6072,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6106,7 +6153,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6326,6 +6374,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6852,6 +6930,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #f8d593;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,18 +4920,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4936,7 +4973,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#d1d1d1);
|
||||
background-size: 1px 100%;
|
||||
@ -6000,11 +6039,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6020,7 +6061,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6031,26 +6072,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6106,7 +6153,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6326,6 +6374,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6852,6 +6930,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #4d8ef9;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,18 +4920,22 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 200px, #d1d1d1 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, #f0f0f0 200px, #d1d1d1 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > box.left.horizontal,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > box.left.horizontal {
|
||||
background-image: linear-gradient(0deg, #f0f0f0 0%, #f0f0f0 95%, transparent 95%, transparent 100%);
|
||||
}
|
||||
|
||||
@ -4936,7 +4973,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(#d1d1d1);
|
||||
background-size: 1px 100%;
|
||||
@ -6000,11 +6039,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6020,7 +6061,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6031,26 +6072,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6106,7 +6153,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6326,6 +6374,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6852,6 +6930,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #f8d593;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,14 +4920,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4932,7 +4968,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(209, 209, 209, 0.94));
|
||||
background-size: 1px 100%;
|
||||
@ -5996,11 +6034,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6016,7 +6056,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6027,26 +6067,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6102,7 +6148,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6322,6 +6369,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6848,6 +6925,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
@ -518,37 +518,37 @@ entry progress {
|
||||
}
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, .nemo-window .toolbar > button, button.flat {
|
||||
.raven .raven-header:not(.top) button, .budgie-panel button.flat.launcher, button.budgie-menu-launcher, tabbox > tab button, .nemo-window .toolbar > button, button.flat {
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
background-clip: border-box;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
.raven .raven-header:not(.top) button:hover, .budgie-panel button.flat.launcher:hover, button.budgie-menu-launcher:hover, tabbox > tab button:hover, .nemo-window .toolbar > button:hover, button.flat:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
.raven .raven-header:not(.top) button:active, .budgie-panel button.flat.launcher:active, button.budgie-menu-launcher:active, tabbox > tab button:active, .nemo-window .toolbar > button:active, button.flat:active {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
.raven .raven-header:not(.top) button:checked, .budgie-panel button.flat.launcher:checked, button.budgie-menu-launcher:checked, tabbox > tab button:checked, .nemo-window .toolbar > button:checked, button.flat:checked {
|
||||
background-image: none;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.65);
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
.raven .raven-header:not(.top) button:disabled label, .budgie-panel button.flat.launcher:disabled label, button.budgie-menu-launcher:disabled label, tabbox > tab button:disabled label, .nemo-window .toolbar > button:disabled label, button.flat:disabled label, .raven .raven-header:not(.top) button:disabled, .budgie-panel button.flat.launcher:disabled, button.budgie-menu-launcher:disabled, tabbox > tab button:disabled, .nemo-window .toolbar > button:disabled, button.flat:disabled {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
}
|
||||
|
||||
@ -1612,6 +1612,33 @@ headerbar.titlebar headerbar:not(.titlebar) {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:hover {
|
||||
color: #525252;
|
||||
background-color: rgba(87, 87, 87, 0.1);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:active, headerbar.windowhandle > button.popup:active:hover {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.25);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
headerbar.windowhandle > button.popup:checked {
|
||||
color: #575757;
|
||||
background-color: rgba(87, 87, 87, 0.12);
|
||||
background-image: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.selection-mode headerbar, headerbar.selection-mode {
|
||||
color: white;
|
||||
background-color: #4d8ef9;
|
||||
@ -1923,12 +1950,6 @@ window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:active:hover,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:active:hover, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:active:hover:not(.image-button), .nemo-window .primary-toolbar button:active:hover, headerbar button:active:hover, window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
}
|
||||
|
||||
window.background.csd > headerbar.titlebar.selection-mode > hdyleaflet > headerbar > button:checked,
|
||||
window.background.csd > headerbar.titlebar.selection-mode > leaflet > headerbar > button:checked, window.org-gnome-gedit > paned.titlebar > headerbar button.flat.toggle.popup:checked:not(.image-button), .nemo-window .primary-toolbar button:checked, headerbar button:checked {
|
||||
color: #575757;
|
||||
@ -2413,13 +2434,25 @@ popover.background entry {
|
||||
popover > list,
|
||||
popover > .view,
|
||||
popover > toolbar,
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > list,
|
||||
popover.background > .view,
|
||||
popover.background > toolbar {
|
||||
popover.background > toolbar,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list,
|
||||
popover.background > scrolledwindow > viewport > list {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
popover > scrolledwindow > viewport > list row,
|
||||
popover.background > scrolledwindow > viewport > list row {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
popover.touch-selection, .csd popover.touch-selection,
|
||||
popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
font: initial;
|
||||
@ -2440,6 +2473,25 @@ cursor-handle.bottom {
|
||||
-gtk-icon-source: -gtk-icontheme("selection-end-symbolic");
|
||||
}
|
||||
|
||||
tabbox > tab, notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
tabbox > tab:hover:not(:checked), notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
tabbox > tab:checked, notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
}
|
||||
@ -2627,25 +2679,6 @@ notebook > header.left tabs > tab:last-child, notebook > header.right tabs > tab
|
||||
border-bottom-style: none;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab {
|
||||
color: rgba(36, 36, 36, 0.45);
|
||||
background-color: rgba(255, 255, 255, 0);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:hover:not(:checked) {
|
||||
color: rgba(36, 36, 36, 0.725);
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab:checked {
|
||||
color: #242424;
|
||||
background-color: #ffffff;
|
||||
border-color: #d9d9d9;
|
||||
}
|
||||
|
||||
notebook > header tabs > tab button.flat {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
@ -4079,21 +4112,21 @@ filechooserbutton:drop(active) {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list, .sidebar:dir(ltr), .sidebar.left {
|
||||
stacksidebar.sidebar:dir(ltr) list, stacksidebar.sidebar.left list, stacksidebar.sidebar.left:dir(rtl) list {
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right {
|
||||
stacksidebar.sidebar:dir(rtl) list, stacksidebar.sidebar.right list {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.12);
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.sidebar list {
|
||||
background-color: transparent;
|
||||
}
|
||||
@ -4887,14 +4920,17 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar {
|
||||
.nautilus-window.background.csd > headerbar.titlebar,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
|
||||
background-color: transparent;
|
||||
background-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 200px, rgba(209, 209, 209, 0.94) 201px, #ffffff 0%);
|
||||
border-image: linear-gradient(90deg, rgba(240, 240, 240, 0.94) 200px, rgba(209, 209, 209, 0.94) 0%) 1/0 0 1px;
|
||||
}
|
||||
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
.nautilus-window.background.csd > headerbar.titlebar > .linked.raised > button:first-child,
|
||||
.nautilus-window.background.csd > deck > box > headerbar.titlebar > .linked.raised > button:first-child {
|
||||
margin-left: 120px;
|
||||
}
|
||||
|
||||
@ -4932,7 +4968,9 @@ window.background.csd > box.vertical > box.horizontal > stack > widget > noteboo
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator {
|
||||
.nautilus-window > grid.horizontal > paned.horizontal > separator,
|
||||
.nautilus-window > deck > box.vertical > paned.horizontal > separator {
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image(rgba(209, 209, 209, 0.94));
|
||||
background-size: 1px 100%;
|
||||
@ -5996,11 +6034,13 @@ window#GearyMainWindow.background.csd > overlay > box.vertical > paned > .sideba
|
||||
border-color: #d6d6d6;
|
||||
}
|
||||
|
||||
.geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
.geary-main-window.background.csd leaflet > leaflet > sidebar.separator,
|
||||
window#GearyMainWindow.background.csd leaflet > leaflet > sidebar.separator, .geary-main-window.background.csd > overlay > box.vertical > paned > separator,
|
||||
window#GearyMainWindow.background.csd > overlay > box.vertical > paned > separator, window.background.csd > overlay > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > overlay > leaflet > separator.sidebar, box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar, window.background.csd > box.horizontal:not(.titlebar) > separator.vertical, window.background.csd > headerbar.titlebar > box.horizontal > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > hdyleaflet > separator.sidebar,
|
||||
window.background.csd > headerbar.titlebar > leaflet > separator.sidebar, window.background.csd > hdyleaflet > separator.vertical, window.background.csd > leaflet > separator.vertical, window.background.csd > box.horizontal > separator.vertical, .titlebar:not(headerbar) > separator, window.org-gnome-gedit > paned.titlebar > separator, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator, window.org-gnome-gedit > paned.titlebar > separator:backdrop, window.org-gnome-gedit > overlay > box.vertical > paned.gedit-side-panel-paned > separator:backdrop {
|
||||
background-image: image(#d6d6d6);
|
||||
@ -6016,7 +6056,7 @@ window.background.csd > stack > box > stack > scrolledwindow > viewport frame >
|
||||
window.background.csd > stack > box > stack > box > scrolledwindow > viewport > frame > list,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list, window.background.csd > stack > list,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list,
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) {
|
||||
window.background.csd > box > stack > scrolledwindow > viewport > box > list, .tweak-group-startup, list.tweak-group list, hdyleaflet list.view, hdyleaflet list.frame, leaflet list.view, leaflet list.frame, box.horizontal > stack.background list.view, box.horizontal > stack.background list.frame, hdyleaflet frame.view, leaflet frame.view, box.horizontal > stack.background frame.view, hdyleaflet frame:not(.view) list:not(.contacts-contact-list), leaflet frame:not(.view) list:not(.contacts-contact-list), box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list), preferencesgroup list {
|
||||
border-radius: 12px;
|
||||
box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.02), inset 0 0 3px rgba(0, 0, 0, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.04), inset 0 1px rgba(0, 0, 0, 0.05);
|
||||
background-color: rgba(0, 0, 0, 0.03);
|
||||
@ -6027,26 +6067,32 @@ window.background.csd stack stack stack frame > list > separator,
|
||||
window.background.csd > stack > stack > box > frame > list > separator,
|
||||
window.background.csd > stack > box > stack > scrolledwindow > viewport frame > list > separator,
|
||||
window.background.csd > stack > grid > scrolledwindow > viewport > box > frame > list > separator, window.background.csd > stack > list > separator,
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator {
|
||||
window.background.csd > stack > scrolledwindow > viewport > box > list > separator, .tweak-group-startup > separator, list.tweak-group list > separator, hdyleaflet list.view > separator, hdyleaflet list.frame > separator, leaflet list.view > separator, leaflet list.frame > separator, box.horizontal > stack.background list.view > separator, box.horizontal > stack.background list.frame > separator, hdyleaflet frame.view > separator, leaflet frame.view > separator, box.horizontal > stack.background frame.view > separator, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) > separator, leaflet frame:not(.view) list:not(.contacts-contact-list) > separator, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) > separator, preferencesgroup list > separator {
|
||||
background: none;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:first-child, window.background.csd > stack > list row.activatable:first-child, list.tweak-group list row.activatable:first-child, hdyleaflet list.view row.activatable:first-child, hdyleaflet list.frame row.activatable:first-child, leaflet list.view row.activatable:first-child, leaflet list.frame row.activatable:first-child, box.horizontal > stack.background list.view row.activatable:first-child, box.horizontal > stack.background list.frame row.activatable:first-child, hdyleaflet frame.view list row.activatable:first-child, leaflet frame.view list row.activatable:first-child, box.horizontal > stack.background frame.view list row.activatable:first-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:first-child, preferencesgroup list row.activatable:first-child {
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:last-child, window.background.csd > stack > list row.activatable:last-child, list.tweak-group list row.activatable:last-child, hdyleaflet list.view row.activatable:last-child, hdyleaflet list.frame row.activatable:last-child, leaflet list.view row.activatable:last-child, leaflet list.frame row.activatable:last-child, box.horizontal > stack.background list.view row.activatable:last-child, box.horizontal > stack.background list.frame row.activatable:last-child, hdyleaflet frame.view list row.activatable:last-child, leaflet frame.view list row.activatable:last-child, box.horizontal > stack.background frame.view list row.activatable:last-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:last-child, preferencesgroup list row.activatable:last-child {
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child {
|
||||
window.background.csd stack stack stack frame > list row.activatable:only-child, window.background.csd > stack > list row.activatable:only-child, list.tweak-group list row.activatable:only-child, hdyleaflet list.view row.activatable:only-child, hdyleaflet list.frame row.activatable:only-child, leaflet list.view row.activatable:only-child, leaflet list.frame row.activatable:only-child, box.horizontal > stack.background list.view row.activatable:only-child, box.horizontal > stack.background list.frame row.activatable:only-child, hdyleaflet frame.view list row.activatable:only-child, leaflet frame.view list row.activatable:only-child, box.horizontal > stack.background frame.view list row.activatable:only-child, hdyleaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, leaflet frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, box.horizontal > stack.background frame:not(.view) list:not(.contacts-contact-list) row.activatable:only-child, preferencesgroup list row.activatable:only-child {
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
hdyleaflet list > row.activatable, leaflet list > row.activatable, box.horizontal > stack.background list > row.activatable {
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
hdyleaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, leaflet > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
leaflet > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable, box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > list > row.activatable,
|
||||
box.horizontal > stack.background > box.vertical > scrolledwindow > viewport.frame > stack > box.vertical > list > row.activatable {
|
||||
margin: 2px 4px;
|
||||
border-radius: 8px;
|
||||
-gtk-outline-radius: 6px;
|
||||
@ -6102,7 +6148,8 @@ row#AutostartTitle.tweak {
|
||||
background: none;
|
||||
}
|
||||
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container {
|
||||
window.background.csd > hdyleaflet > box.vertical > stack.main-container,
|
||||
window.background.csd > leaflet > box.vertical > stack.main-container {
|
||||
background-color: #ffffff;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
@ -6322,6 +6369,36 @@ notebook.main-notebook webkitwebview {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
|
||||
tabbox {
|
||||
background-color: #e6e6e6;
|
||||
box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
tabbox > tab {
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
tabbox > tab button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
tabbox > tab button:hover {
|
||||
color: #242424;
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
tabbox > tab button:active, tabbox > tab button:active:hover {
|
||||
color: #0b0b0b;
|
||||
background-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
window.background.csd > box.vertical > overlay > stack.background {
|
||||
border-radius: 0 0 12px 12px;
|
||||
}
|
||||
@ -6848,6 +6925,10 @@ dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox.view {
|
||||
background: none;
|
||||
}
|
||||
|
||||
dialog.background.csd > box.vertical.dialog-vbox > grid.horizontal > scrolledwindow.frame {
|
||||
border: none;
|
||||
}
|
||||
|
||||
19
src/sass/_theme-options.scss
Normal file
19
src/sass/_theme-options.scss
Normal file
@ -0,0 +1,19 @@
|
||||
//
|
||||
// THEME OPTIONS
|
||||
//
|
||||
|
||||
// Gnome shell version
|
||||
$gnome_version: gs_version; // 3.38/old || 40.0/new
|
||||
|
||||
// Force nautilus styles to exclusively use colors instead of linear-gradients
|
||||
$nautilus_use_colors: false;
|
||||
|
||||
// Nautilus sidebar sizes (when nautilus_use_colors is false)
|
||||
$sidebar_size_default: 200px;
|
||||
$sidebar_size_220: 220px;
|
||||
$sidebar_size_240: 240px;
|
||||
$sidebar_size_260: 260px;
|
||||
$sidebar_size_280: 280px;
|
||||
|
||||
// Gnome-shell panel opacity
|
||||
$panel_opacity: 0.16;
|
||||
@ -1,3 +1,5 @@
|
||||
@import 'theme-options';
|
||||
|
||||
$asset_suffix: if($variant == 'dark', '-dark', '');
|
||||
$con_asset_suffix: if($variant=='dark', '', '-dark');
|
||||
$extra_background_clip: if($variant == 'light', padding-box, border-box);
|
||||
@ -21,8 +23,6 @@ $secondary_opacity: 0.75;
|
||||
$hint_opacity: 0.6;
|
||||
$disabled_opacity: 0.45;
|
||||
|
||||
$panel_opacity: 0.16;
|
||||
|
||||
// sizes
|
||||
$small_size: if($laptop == 'false', 24px, 20px);
|
||||
$medium_size: if($laptop == 'false', 36px, 32px);
|
||||
@ -30,12 +30,6 @@ $large_size: if($laptop == 'false', 48px, 44px);
|
||||
$menuitem_size: if($laptop == 'false', 32px, 28px);
|
||||
$container_padding: if($laptop == 'false', 6px, 4px);
|
||||
|
||||
$sidebar_size_default: 200px;
|
||||
$sidebar_size_220: 220px;
|
||||
$sidebar_size_240: 240px;
|
||||
$sidebar_size_260: 260px;
|
||||
$sidebar_size_280: 280px;
|
||||
|
||||
// radiuses
|
||||
$circular_radius: 9999px;
|
||||
$bt_radius: 6px;
|
||||
@ -76,6 +70,3 @@ $shadow_6: 0 0 8px rgba(black, 0.2), 0 0 4px rgba(black, 0.3); // S
|
||||
$text_shadow: 0 -1px rgba(white, 0.04), -1px 0 rgba(black, 0.05),
|
||||
1px 0 rgba(black, 0.05), 0 1px rgba(black, 0.3),
|
||||
0 2px rgba(black, 0.05); // text and icon shadow
|
||||
|
||||
// Force nautilus styles to exclusively use colors instead of linear-gradients
|
||||
$nautilus_use_colors: false;
|
||||
|
||||
@ -69,6 +69,11 @@ $nautilus_header_image: linear-gradient(90deg, $dark_sidebar_bg $nautilus_sideba
|
||||
$nautilus_borders_color ($nautilus_sidebar_size + 1px),
|
||||
$base_color 0%);
|
||||
|
||||
$nautilus_header_image_alt: linear-gradient(90deg, rgba($dark_sidebar_bg, 0) $nautilus_sidebar_size,
|
||||
$nautilus_borders_color $nautilus_sidebar_size,
|
||||
$nautilus_borders_color ($nautilus_sidebar_size + 1px),
|
||||
$base_color 0%);
|
||||
|
||||
$nautilus_header_borders_image: linear-gradient(90deg, $dark_sidebar_bg $nautilus_sidebar_size,
|
||||
$nautilus_borders_color 0%);
|
||||
|
||||
@ -82,7 +87,8 @@ $nautilus_sidebar_image: linear-gradient(90deg, $dark_sidebar_bg 0%,
|
||||
background-color: $dark_sidebar_bg;
|
||||
border-radius: 0 0 $wm_radius $wm_radius;
|
||||
|
||||
> headerbar.titlebar {
|
||||
> headerbar.titlebar,
|
||||
> deck > box > headerbar.titlebar {
|
||||
background-color: transparent;
|
||||
box-shadow: inset 0 1px rgba(white, 0.1);
|
||||
|
||||
@ -92,7 +98,8 @@ $nautilus_sidebar_image: linear-gradient(90deg, $dark_sidebar_bg 0%,
|
||||
|
||||
> .linked.raised > button:first-child { margin-left: 8px; }
|
||||
} @else {
|
||||
background-image: $nautilus_header_image;
|
||||
background-color: transparent;
|
||||
background-image: if($gnome_version == 'new', $nautilus_header_image_alt, $nautilus_header_image);
|
||||
border-image: $nautilus_header_borders_image 1 / 0 0 1px;
|
||||
|
||||
> .linked.raised > button:first-child { margin-left: $nautilus_sidebar_size - 80px; }
|
||||
@ -140,7 +147,9 @@ $nautilus_sidebar_image: linear-gradient(90deg, $dark_sidebar_bg 0%,
|
||||
}
|
||||
}
|
||||
|
||||
> grid.horizontal > paned.horizontal > separator { // Use paned separator to hide stack border-bottom-left-radius
|
||||
> grid.horizontal > paned.horizontal > separator,
|
||||
> deck > box.vertical > paned.horizontal > separator { // Use paned separator to hide stack border-bottom-left-radius
|
||||
border-left: none;
|
||||
background-color: transparent;
|
||||
background-image: image($nautilus_borders_color);
|
||||
background-size: 1px 100%;
|
||||
@ -318,6 +327,14 @@ $nautilus_sidebar_image: linear-gradient(90deg, $dark_sidebar_bg 0%,
|
||||
}
|
||||
}
|
||||
|
||||
preferencesgroup { // gnome 40.0 preferences window
|
||||
list {
|
||||
@extend %circular_list;
|
||||
|
||||
row.activatable { @extend %circular_row; }
|
||||
}
|
||||
}
|
||||
|
||||
.nautilus-canvas-item { border-radius: 5px; }
|
||||
|
||||
// .view.nautilus-desktop,
|
||||
@ -1403,7 +1420,13 @@ hdyleaflet, leaflet, box.horizontal > stack.background {
|
||||
row.activatable { @extend %circular_row; }
|
||||
}
|
||||
|
||||
list > row.activatable { @extend %sidebar_row; }
|
||||
> box.vertical > scrolledwindow > viewport.frame {
|
||||
&,
|
||||
> stack,
|
||||
> stack > box.vertical {
|
||||
> list > row.activatable { @extend %sidebar_row; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
list {
|
||||
@ -1475,7 +1498,8 @@ window.background.csd {
|
||||
}
|
||||
}
|
||||
|
||||
> hdyleaflet > box.vertical > stack.main-container { // Right side
|
||||
> hdyleaflet > box.vertical > stack.main-container,
|
||||
> leaflet > box.vertical > stack.main-container { // Right side
|
||||
background-color: $base_color;
|
||||
border-bottom-right-radius: $wm_radius;
|
||||
}
|
||||
@ -1615,7 +1639,8 @@ window.background.csd {
|
||||
|
||||
box.horizontal > separator.sidebar,
|
||||
hdyleaflet > separator.sidebar,
|
||||
leaflet > separator.sidebar { // reset
|
||||
leaflet > separator.sidebar,
|
||||
leaflet > leaflet > separator.sidebar { // reset
|
||||
@extend %side_separator;
|
||||
}
|
||||
|
||||
@ -1790,6 +1815,39 @@ notebook.main-notebook {
|
||||
}
|
||||
}
|
||||
|
||||
// gnome 40.0
|
||||
tabbox {
|
||||
background-color: darken($header_bg, 10%);
|
||||
box-shadow: inset 0 -1px $borders_color;
|
||||
|
||||
> tab {
|
||||
@extend %tabs_tab;
|
||||
border-top: none;
|
||||
padding: 2px 10px;
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
|
||||
button {
|
||||
min-height: 20px;
|
||||
min-width: 20px;
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
@extend %flat_button;
|
||||
|
||||
&:hover {
|
||||
color: $fg_color;
|
||||
background-color: rgba($borders_color, 0.1);
|
||||
}
|
||||
|
||||
&:active, &:active:hover {
|
||||
color: if($variant == 'light', darken($fg_color, 10%), lighten($fg_color, 10%));
|
||||
background-color: rgba($borders_color, 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Gnome Music
|
||||
//
|
||||
@ -2414,6 +2472,8 @@ dialog.background.csd {
|
||||
}
|
||||
|
||||
> box.vertical.dialog-vbox {
|
||||
&.view { background: none; }
|
||||
|
||||
> grid.horizontal {
|
||||
> scrolledwindow.frame { //removed ugly boders for nautilus batch renaming dialog
|
||||
border: none;
|
||||
@ -3078,6 +3138,10 @@ window#GearyMainWindow.background.csd {
|
||||
}
|
||||
}
|
||||
|
||||
leaflet > leaflet > sidebar.separator {
|
||||
@extend %side_separator;
|
||||
}
|
||||
|
||||
&.maximized, &.tiled, &.fullscreen {
|
||||
> overlay > box.vertical {
|
||||
> paned {
|
||||
|
||||
@ -1441,6 +1441,28 @@ headerbar {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.windowhandle {
|
||||
viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
> button.popup {
|
||||
&:hover {
|
||||
@include button(header-hover);
|
||||
}
|
||||
|
||||
&:active, &:active:hover {
|
||||
@include button(header-active);
|
||||
}
|
||||
|
||||
&:checked {
|
||||
@include button(header-checked);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Selectionmode
|
||||
.selection-mode &,
|
||||
&.selection-mode {
|
||||
@ -1754,7 +1776,7 @@ headerbar, .titlebar {
|
||||
transition-duration: 300ms;
|
||||
}
|
||||
|
||||
&:active:hover, &:checked { color: $header_fg; }
|
||||
// &:active:hover, &:checked { color: $header_fg; }
|
||||
|
||||
&:checked {
|
||||
@include button(header-checked);
|
||||
@ -2176,11 +2198,18 @@ popover.background {
|
||||
|
||||
> list,
|
||||
> .view,
|
||||
> toolbar {
|
||||
> toolbar,
|
||||
> scrolledwindow > viewport > list {
|
||||
border-style: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
> scrolledwindow > viewport > list {
|
||||
margin: $container_padding;
|
||||
|
||||
row { border-radius: $bt_radius; }
|
||||
}
|
||||
|
||||
&, .csd & {
|
||||
&.osd, &.magnifier { @extend %osd; }
|
||||
&.touch-selection { font: initial; }
|
||||
@ -2202,6 +2231,26 @@ cursor-handle {
|
||||
//
|
||||
// Notebooks and Tabs
|
||||
//
|
||||
|
||||
%tabs_tab {
|
||||
color: $disabled_fg_color;
|
||||
background-color: transparentize($base_color, 1);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
|
||||
&:hover:not(:checked) {
|
||||
color: mix($fg_color, $disabled_fg_color, 50%);
|
||||
background-color: if($variant == 'light', rgba(white, 0.2), rgba(white, 0.05));
|
||||
border-color: if($variant == 'light', darken($header_bg, 15%), lighten($header_bg, 5%));
|
||||
}
|
||||
|
||||
&:checked {
|
||||
color: $fg_color;
|
||||
background-color: $header_bg;
|
||||
border-color: if($variant == 'light', darken($header_bg, 15%), lighten($header_bg, 5%));
|
||||
}
|
||||
}
|
||||
|
||||
notebook {
|
||||
padding: 0;
|
||||
// margin-top: -1px;
|
||||
@ -2354,22 +2403,7 @@ notebook {
|
||||
}
|
||||
|
||||
tabs > tab {
|
||||
color: $disabled_fg_color;
|
||||
background-color: transparentize($base_color, 1);
|
||||
border: 1px solid transparent;
|
||||
transition: all 150ms ease-out;
|
||||
|
||||
&:hover:not(:checked) {
|
||||
color: mix($fg_color, $disabled_fg_color, 50%);
|
||||
background-color: if($variant == 'light', rgba(white, 0.2), rgba(white, 0.05));
|
||||
border-color: if($variant == 'light', darken($header_bg, 15%), lighten($header_bg, 5%));
|
||||
}
|
||||
|
||||
&:checked {
|
||||
color: $fg_color;
|
||||
background-color: $header_bg;
|
||||
border-color: if($variant == 'light', darken($header_bg, 15%), lighten($header_bg, 5%));
|
||||
}
|
||||
@extend %tabs_tab;
|
||||
|
||||
// close button
|
||||
button.flat {
|
||||
@ -3382,24 +3416,33 @@ filechooserbutton:drop(active) {
|
||||
//
|
||||
// Sidebar
|
||||
//
|
||||
|
||||
%sidebar_left {
|
||||
border-right: 1px solid $borders_color;
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
%sidebar_right {
|
||||
border-left: 1px solid $borders_color;
|
||||
border-right-style: none;
|
||||
}
|
||||
|
||||
.sidebar {
|
||||
border-style: none;
|
||||
background-color: $bg_color;
|
||||
|
||||
@at-root %sidebar_left,
|
||||
&:dir(ltr),
|
||||
&.left,
|
||||
&.left:dir(rtl) {
|
||||
border-right: 1px solid $borders_color;
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
@at-root %sidebar_right,
|
||||
&:dir(rtl),
|
||||
&.right {
|
||||
border-left: 1px solid $borders_color;
|
||||
border-right-style: none;
|
||||
}
|
||||
// &:dir(ltr),
|
||||
// &.left,
|
||||
// &.left:dir(rtl) {
|
||||
// border-right: 1px solid $borders_color;
|
||||
// border-left-style: none;
|
||||
// }
|
||||
//
|
||||
// &:dir(rtl),
|
||||
// &.right {
|
||||
// border-left: 1px solid $borders_color;
|
||||
// border-right-style: none;
|
||||
// }
|
||||
|
||||
list {
|
||||
background-color: transparent;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user