diff --git a/Install b/Install index e1cadc6..2df9861 100755 --- a/Install +++ b/Install @@ -17,23 +17,24 @@ srcdir=${repodir}/src rm -rf $DEST_DIR/Sierra* # Copying files -for trans in '' '-solid' ; do - for color in '-light' '-dark'; do - echo -e " Installing Sierra${color}${trans} ..." +for compact in '' '-compact' ; do + for trans in '' '-solid' ; do + for color in '-light' '-dark'; do + echo -e " Installing Sierra${compact}${color}${trans} ..." - themedir=$DEST_DIR/Sierra${color}${trans} + themedir=$DEST_DIR/Sierra${compact}${color}${trans} install -d ${themedir} # Install index.theme echo "[Desktop Entry]" >> ${themedir}/index.theme echo "Type=X-GNOME-Metatheme" >> ${themedir}/index.theme - echo "Name=Sierra${color}${trans}" >> ${themedir}/index.theme + echo "Name=Sierra${compact}${color}${trans}" >> ${themedir}/index.theme echo "Comment=An Stylish Gtk+ theme based on Elegant Design" >> ${themedir}/index.theme echo "Encoding=UTF-8" >> ${themedir}/index.theme echo "" >> ${themedir}/index.theme echo "[X-GNOME-Metatheme]" >> ${themedir}/index.theme - echo "GtkTheme=Sierra${color}${trans}" >> ${themedir}/index.theme - echo "MetacityTheme=Sierra${color}${trans}" >> ${themedir}/index.theme + echo "GtkTheme=Sierra${compact}${color}${trans}" >> ${themedir}/index.theme + echo "MetacityTheme=Sierra${compact}${color}${trans}" >> ${themedir}/index.theme echo "IconTheme=Adwaita" >> ${themedir}/index.theme echo "CursorTheme=Adwaita" >> ${themedir}/index.theme echo "ButtonLayout=close,minimize,maximize:menu" >> ${themedir}/index.theme @@ -157,15 +158,15 @@ for trans in '' '-solid' ; do ${themedir}/gtk-3.0 cp -ur \ - thumbnail${color}.png \ + thumbnail${compact}${color}.png \ ${themedir}/gtk-3.0/thumbnail.png cp -ur \ - gtk${color}${trans}.css \ + gtk${compact}${color}${trans}.css \ ${themedir}/gtk-3.0/gtk.css cp -ur \ - gtk-dark${trans}.css \ + gtk${compact}-dark${trans}.css \ ${themedir}/gtk-3.0/gtk-dark.css # Install Metacity Theme @@ -205,6 +206,7 @@ for trans in '' '-solid' ; do themerc${color} \ ${themedir}/xfwm4/themerc + done done done diff --git a/parse-sass.sh b/parse-sass.sh index 78640e9..0b467b2 100755 --- a/parse-sass.sh +++ b/parse-sass.sh @@ -17,13 +17,23 @@ if [ ! -z "${TRANS_VARIANTS:-}" ]; then IFS=', ' read -r -a _TRANS_VARIANTS <<< "${TRANS_VARIANTS:-}" fi +_COMPACT_VARIANTS=('' '-compact') +if [ ! -z "${COMPACT_VARIANTS:-}" ]; then + IFS=', ' read -r -a _COMPACT_VARIANTS <<< "${COMPACT_VARIANTS:-}" +fi + for color in "${_COLOR_VARIANTS[@]}"; do for trans in "${_TRANS_VARIANTS[@]}"; do - - sassc $SASSC_OPT src/gtk-3.0/gtk${color}${trans}.{scss,css} - echo "== Generating the gtk${color}${trans}.css..." - sassc $SASSC_OPT src/gnome-shell/gnome-shell${color}${trans}.{scss,css} - echo "== Generating the gnome-shell${color}${trans}.css..." - + for compact in "${_COMPACT_VARIANTS[@]}"; do + sassc $SASSC_OPT src/gtk-3.0/gtk${compact}${color}${trans}.{scss,css} + echo "== Generating the gtk${compact}${color}${trans}.css..." + done + done +done + +for color in "${_COLOR_VARIANTS[@]}"; do + for trans in "${_TRANS_VARIANTS[@]}"; do + sassc $SASSC_OPT src/gnome-shell/gnome-shell${color}${trans}.{scss,css} + echo "== Generating the gnome-shell${color}${trans}.css..." done done diff --git a/src/gtk-3.0/gtk-compact-dark-solid.css b/src/gtk-3.0/gtk-compact-dark-solid.css new file mode 100644 index 0000000..e305a81 --- /dev/null +++ b/src/gtk-3.0/gtk-compact-dark-solid.css @@ -0,0 +1,8274 @@ +@keyframes switch_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #71c837 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #71c837 100%, transparent 0%); + } +} + +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #373737 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #373737 100%, transparent 0%); + } +} + +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 5px; +} + +.background { + color: #dedede; + background-color: #333333; +} + +.background.csd, .background.ssd, .background.osd { + border-radius: 0 0 6px 6px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled { + background-color: #383838; + color: rgba(222, 222, 222, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #0046DB; + color: #ffffff; +} + +.view, iconview, +.view text, +iconview text, +textview text { + color: #dedede; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.view:hover, iconview:hover, +.view text:hover, +iconview text:hover, +textview text:hover { + background-color: #2c2c2c; +} + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-radius: 5px; +} + +textview border { + background-color: #2c2c2c; +} + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #0036a8; + background-color: rgba(0, 54, 168, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 5px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +label.separator, popover label.separator, +popover.background label.separator { + color: #dedede; +} + +label selection { + color: #ffffff; + background-color: #0046DB; +} + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle, +.titlebar:not(headerbar) .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #0046DB; + color: #ffffff; +} + +textview { + background-color: #242424; +} + +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { + color: #dedede; + border: none; + background-color: rgba(36, 36, 36, 0.95); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled { + opacity: 0.5; +} + +entry { + min-height: 22px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 5px; + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +entry.search { + border-radius: 100px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +entry.flat, .raven .raven-background spinbutton:not(.vertical), entry.flat:focus, .raven .raven-background spinbutton:focus:not(.vertical) { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:focus { + background-clip: border-box; + color: #dedede; + border-color: #8eb9ff; + background-color: #242424; + box-shadow: inset 0 0 0 2px #8eb9ff; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.45); + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(36, 36, 36, 0.55); +} + +entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a0562e; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a63530; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a63530; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; +} + +.osd entry { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.35); +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0046DB; +} + +.osd entry:disabled { + color: #dedede; + background-color: rgba(92, 92, 92, 0.2); +} + +.osd entry selection:focus, .osd entry selection { + color: #0046DB; + background-color: #ffffff; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #0046DB; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +treeview entry.flat, treeview .raven .raven-background spinbutton:not(.vertical), .raven .raven-background treeview spinbutton:not(.vertical), treeview entry { + border-radius: 0; + background-image: none; + background-color: #242424; +} + +treeview entry.flat:focus, treeview .raven .raven-background spinbutton:focus:not(.vertical), .raven .raven-background treeview spinbutton:focus:not(.vertical), treeview entry:focus { + border-color: #0046DB; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: #ffffff; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0046DB), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0046DB), to(transparent)); + } +} + +button { + outline-color: #8eb9ff; + outline-style: solid; + outline-offset: -1px; + outline-width: 3px; + -gtk-outline-radius: 6px; +} + +button { + min-height: 26px; + min-width: 16px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 5px; + padding: 0 6px; + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: #484848; +} + +button separator { + margin: 4px 1px; +} + +.linked:not(.vertical) > button, +.linked.vertical > button, combobox, popover button, +popover.background button, button.flat, button.budgie-menu-launcher, .budgie-panel #tasklist-button, .budgie-panel button.flat.launcher, button.osd, button.sidebar-button, button.circular-button { + outline-color: alpha(currentColor,0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; +} + +button.flat, button.budgie-menu-launcher, .budgie-panel #tasklist-button, .budgie-panel button.flat.launcher { + border: none; + background-color: transparent; + box-shadow: none; + transition: none; +} + +button.flat:hover, button.budgie-menu-launcher:hover, .budgie-panel #tasklist-button:hover, .budgie-panel button.flat.launcher:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active, button.budgie-menu-launcher:hover:active, .budgie-panel #tasklist-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:active, button.budgie-menu-launcher:active, .budgie-panel #tasklist-button:active, .budgie-panel button.flat.launcher:active, button.flat:checked, button.budgie-menu-launcher:checked, .budgie-panel #tasklist-button:checked, .budgie-panel button.flat.launcher:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +button.flat:disabled, button.budgie-menu-launcher:disabled, .budgie-panel #tasklist-button:disabled, .budgie-panel button.flat.launcher:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button:hover { + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: #ffffff; +} + +button:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 70, 219, 0.75); + background-color: rgba(0, 70, 219, 0.75); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +button.image-button { + min-width: 28px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 8px; + padding-left: 8px; +} + +button:drop(active), combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dedede; + background-color: rgba(36, 36, 36, 0.95); + border-color: rgba(16, 16, 16, 0.95); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #0046DB; +} + +button.osd:active, button.osd:checked { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0046DB; +} + +button.osd:disabled { + color: #5c5c5c; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.2); +} + +.osd button { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.35); +} + +.osd button:hover { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(110, 110, 110, 0.45); +} + +.osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0046DB; +} + +.osd button:disabled { + color: #5c5c5c; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.2); +} + +.osd button.flat, .osd button.budgie-menu-launcher, .osd .budgie-panel #tasklist-button, .budgie-panel .osd #tasklist-button, .osd .budgie-panel button.flat.launcher, .budgie-panel .osd button.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover, .osd button.budgie-menu-launcher:hover, .osd .budgie-panel #tasklist-button:hover, .budgie-panel .osd #tasklist-button:hover { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(110, 110, 110, 0.45); +} + +.osd button.flat:disabled, .osd button.budgie-menu-launcher:disabled, .osd .budgie-panel #tasklist-button:disabled, .budgie-panel .osd #tasklist-button:disabled { + color: #5c5c5c; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.2); + background-image: none; +} + +.osd button.flat:active, .osd button.budgie-menu-launcher:active, .osd .budgie-panel #tasklist-button:active, .budgie-panel .osd #tasklist-button:active, .osd button.flat:checked, .osd button.budgie-menu-launcher:checked, .osd .budgie-panel #tasklist-button:checked, .budgie-panel .osd #tasklist-button:checked { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0046DB; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; +} + +button.suggested-action.flat, button.suggested-action.budgie-menu-launcher, .budgie-panel .suggested-action#tasklist-button, .budgie-panel button.suggested-action.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, button.suggested-action.budgie-menu-launcher:disabled, .budgie-panel .suggested-action#tasklist-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.45); +} + +button.suggested-action:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(222, 222, 222, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; +} + +button.destructive-action.flat, button.destructive-action.budgie-menu-launcher, .budgie-panel .destructive-action#tasklist-button, .budgie-panel button.destructive-action.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, button.destructive-action.budgie-menu-launcher:disabled, .budgie-panel .destructive-action#tasklist-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.45); +} + +button.destructive-action:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(222, 222, 222, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0046DB), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 5px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + border-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(255, 255, 255, 0); +} + +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: rgba(255, 255, 255, 0); +} + +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: rgba(255, 255, 255, 0); +} + +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: rgba(255, 255, 255, 0); +} + +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #8eb9ff; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #8eb9ff; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button:active + entry, +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #8eb9ff; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked:not(.vertical).path-bar > button + button { + border-left-style: none; +} + +.linked.vertical > entry + entry { + border-top-color: rgba(255, 255, 255, 0); +} + +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: rgba(255, 255, 255, 0); +} + +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: rgba(255, 255, 255, 0); +} + +.linked.vertical > entry.error + entry.warning, +.linked.vertical > entry.warning + entry.error { + border-top-color: rgba(255, 255, 255, 0); +} + +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { + border-top-color: #8eb9ff; +} + +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #8eb9ff; +} + +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #F08437; +} + +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #F08437; +} + +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { + border-top-color: #F27835; +} + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #F27835; +} + +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { + border-top-color: #FC4138; +} + +.linked.vertical > entry.error:focus:not(:only-child) + entry, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #FC4138; +} + +.linked.vertical > button:active + entry, +.linked.vertical > button:checked + entry { + border-top-color: #8eb9ff; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.budgie-menu-launcher, .inline-toolbar toolbutton > button.budgie-menu-launcher, .inline-toolbar .budgie-panel toolbutton > #tasklist-button, .budgie-panel .inline-toolbar toolbutton > #tasklist-button, .inline-toolbar .budgie-panel toolbutton > button.flat.launcher, .budgie-panel .inline-toolbar toolbutton > button.flat.launcher, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, +headerbar .linked:not(.vertical).path-bar > button, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button, +headerbar .linked:not(.vertical).path-bar > button:hover, +headerbar .linked:not(.vertical).path-bar > button:active, +headerbar .linked:not(.vertical).path-bar > button:checked, +headerbar .linked:not(.vertical).path-bar > button:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; +} + +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, .inline-toolbar toolbutton > button.flat:first-child, .inline-toolbar toolbutton > button.budgie-menu-launcher:first-child, .inline-toolbar .budgie-panel toolbutton > #tasklist-button:first-child, .budgie-panel .inline-toolbar toolbutton > #tasklist-button:first-child, .inline-toolbar .budgie-panel toolbutton > button.flat.launcher:first-child, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:first-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, +headerbar .linked:not(.vertical).path-bar > button:first-child:hover, +headerbar .linked:not(.vertical).path-bar > button:first-child:active, +headerbar .linked:not(.vertical).path-bar > button:first-child:checked, +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, .inline-toolbar toolbutton > button.flat:last-child, .inline-toolbar toolbutton > button.budgie-menu-launcher:last-child, .inline-toolbar .budgie-panel toolbutton > #tasklist-button:last-child, .budgie-panel .inline-toolbar toolbutton > #tasklist-button:last-child, .inline-toolbar .budgie-panel toolbutton > button.flat.launcher:last-child, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:last-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, +headerbar .linked:not(.vertical).path-bar > button:last-child:hover, +headerbar .linked:not(.vertical).path-bar > button:last-child:active, +headerbar .linked:not(.vertical).path-bar > button:last-child:checked, +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + border-right-style: solid; +} + +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, .inline-toolbar toolbutton > button.flat:only-child, .inline-toolbar toolbutton > button.budgie-menu-launcher:only-child, .inline-toolbar .budgie-panel toolbutton > #tasklist-button:only-child, .budgie-panel .inline-toolbar toolbutton > #tasklist-button:only-child, .inline-toolbar .budgie-panel toolbutton > button.flat.launcher:only-child, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:only-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, +headerbar .linked:not(.vertical).path-bar > button:only-child:hover, +headerbar .linked:not(.vertical).path-bar > button:only-child:active, +headerbar .linked:not(.vertical).path-bar > button:only-child:checked, +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { + border-radius: 5px; + border-style: solid; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 5px; + border-bottom-left-radius: 0; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 5px; + border-bottom-right-radius: 0; + border-right-style: solid; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 5px 5px 0 0; + border-style: solid; +} + +.linked.vertical > entry, +.linked.vertical > entry:focus, +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-bottom-style: none; +} + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-bottom-style: solid; +} + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 5px; + border-style: solid; +} + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 5px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + color: #ffffff; + border: none; + background-color: #848484; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +*:link, button:link, button:visited { + color: #3484e2; +} + +*:link:visited, button:visited { + color: #b8b8b8; +} + +*:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #99b5f1; +} + +*:link:hover, button:hover:link, button:hover:visited { + color: #619fe8; +} + +*:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #e6edfb; +} + +*:link:active, button:active:link, button:active:visited { + color: #3484e2; +} + +*:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #ccdaf8; +} + +infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, +.selection-mode.titlebar:not(headerbar) .subtitle:link, +*:selected *:link, +*:selected button:link, +*:selected button:visited { + color: #ccdaf8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: #ffffff; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.45); +} + +spinbutton:not(.vertical) entry { + min-width: 28px; +} + +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 5px 0 0 5px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #8eb9ff; +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #8eb9ff; +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 5px 5px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: #8eb9ff; +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox button.combo { + min-width: 0; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); + min-height: 16px; + min-width: 20px; + padding: 0; + margin: -1px -13px -1px -1px; + border-radius: 0 5px 5px 0; + color: #ffffff; + border: 1px solid #686868; + background-color: #0046DB; + background-image: linear-gradient(180deg, #686868 0%, #686868 100%); +} + +.linked:not(.vertical) > combobox > box > button.combo arrow { + border-radius: 0; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo arrow { + border-radius: 0 5px 5px 0; +} + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #373737; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar separator, .inline-toolbar separator { + background: none; +} + +toolbar.horizontal separator, .horizontal.inline-toolbar separator { + margin: 0 6px; +} + +toolbar.vertical separator, .vertical.inline-toolbar separator { + margin: 6px 0; +} + +.osd toolbar, .osd .inline-toolbar { + background-color: transparent; +} + +toolbar.osd, .osd.inline-toolbar { + padding: 8px; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 5px; + background-color: rgba(36, 36, 36, 0.85); +} + +toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; +} + +toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; +} + +toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; +} + +toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; +} + +toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; +} + +toolbar:not(.inline-toolbar) switch, .inline-toolbar:not(.inline-toolbar) switch, +toolbar:not(.inline-toolbar) scale, +.inline-toolbar:not(.inline-toolbar) scale, +toolbar:not(.inline-toolbar) entry, +.inline-toolbar:not(.inline-toolbar) entry, +toolbar:not(.inline-toolbar) spinbutton, +.inline-toolbar:not(.inline-toolbar) spinbutton, +toolbar:not(.inline-toolbar) button, +.inline-toolbar:not(.inline-toolbar) button { + margin-right: 1px; + margin-bottom: 1px; +} + +toolbar:not(.inline-toolbar) .linked > button, .inline-toolbar:not(.inline-toolbar) .linked > button, +toolbar:not(.inline-toolbar) .linked > entry, +.inline-toolbar:not(.inline-toolbar) .linked > entry { + margin-right: 0; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dedede; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #4B4B4B, #4B4B4B) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 5px 5px; +} + +searchbar { + background-color: #333333; + border-style: solid; + border-color: #4B4B4B; + border-width: 0 0 1px; + padding: 3px; +} + +searchbar button.flat, searchbar button.budgie-menu-launcher, searchbar .budgie-panel #tasklist-button, .budgie-panel searchbar #tasklist-button, searchbar .budgie-panel button.flat.launcher, .budgie-panel searchbar button.flat.launcher { + min-height: 16px; + min-width: 16px; + margin: 4px 6px; + padding: 0 2px; + border-radius: 100px; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; + border-radius: 0 0 6px 6px; +} + +headerbar, +.titlebar:not(headerbar) { + min-height: 34px; + padding: 0 8px; + background-image: none; + color: rgba(225, 219, 219, 0.8); + background-color: #373737; + border-bottom: 1px solid #484848; +} + +.csd headerbar, .csd .titlebar:not(headerbar) { + background-image: none; + background-color: #373737; + border-bottom: 1px solid #484848; +} + +headerbar:backdrop, +.titlebar:backdrop:not(headerbar) { + transition: 200ms ease-out; + color: rgba(225, 219, 219, 0.5); + background-image: none; + background-color: #404040; + border-color: #404040; +} + +.csd headerbar:backdrop, .csd .titlebar:backdrop:not(headerbar) { + background-color: #404040; + border-color: #404040; +} + +.maximized headerbar, .maximized .titlebar:not(headerbar) { + background-color: #373737; + border-bottom: 1px solid #484848; +} + +.maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar) { + background-color: #404040; + border-color: #404040; +} + +headerbar .title, +.titlebar:not(headerbar) .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle, +.titlebar:not(headerbar) .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; +} + +headerbar.selection-mode, +.selection-mode.titlebar:not(headerbar) { + color: #ffffff; + background-color: #0e6bff; + border-color: #0060f9; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +headerbar.selection-mode:backdrop, +.selection-mode.titlebar:backdrop:not(headerbar) { + background-color: #0e6bff; + color: rgba(255, 255, 255, 0.6); +} + +headerbar.selection-mode .selection-menu, +.selection-mode.titlebar:not(headerbar) .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +headerbar.selection-mode .selection-menu GtkArrow, +.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +headerbar.selection-mode .selection-menu .arrow, +.selection-mode.titlebar:not(headerbar) .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized headerbar.selection-mode, .maximized .selection-mode.titlebar:not(headerbar) { + background-color: #0e6bff; +} + +.tiled headerbar, .tiled headerbar:backdrop, +.maximized headerbar, .maximized headerbar:backdrop, .tiled .titlebar:not(headerbar), .tiled .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar) { + border-radius: 0; +} + +.maximized headerbar, .maximized .titlebar:not(headerbar) { + background-color: #373737; + border-color: #484848; +} + +.maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar) { + background-color: #404040; +} + +headerbar.default-decoration, +.default-decoration.titlebar:not(headerbar) { + min-height: 26px; + padding: 0 6px; + background-color: #373737; + background-image: none; +} + +.tiled headerbar.default-decoration, +.maximized headerbar.default-decoration, +.fullscreen headerbar.default-decoration, .tiled .default-decoration.titlebar:not(headerbar), +.maximized .default-decoration.titlebar:not(headerbar), +.fullscreen .default-decoration.titlebar:not(headerbar) { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton, +.default-decoration.titlebar:not(headerbar) button.titlebutton { + border: none; + min-height: 18px; + min-width: 18px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, +.csd headerbar.default-decoration, headerbar.default-decoration:backdrop, +.csd headerbar.default-decoration:backdrop, +.default-decoration.titlebar:not(headerbar), +.csd .default-decoration.titlebar:not(headerbar), +.default-decoration.titlebar:backdrop:not(headerbar), +.csd .default-decoration.titlebar:backdrop:not(headerbar) { + box-shadow: none; + border: none; +} + +.titlebar, +.titlebar.background { + border-radius: 6px 6px 0 0; +} + +headerbar button, headerbar separator { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar entry { + margin-top: 5px; + margin-bottom: 5px; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 6px; +} + +.maximized separator:first-child + headerbar, +.tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, +.tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, +.tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, +.tiled headerbar:first-child:backdrop { + border-radius: 0; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 6px; +} + +.maximized headerbar:last-child, +.tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, +.tiled headerbar:last-child:backdrop { + border-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, +window.csd > .titlebar:not(headerbar), +window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + background-image: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + background-image: none; +} + +.titlebar:not(headerbar) > separator:backdrop { + background-image: none; + background-color: #404040; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton, +.titlebar:not(headerbar) separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border-width: 0; + border-image: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop, +.titlebar:not(headerbar) separator.titlebutton:backdrop { + opacity: 0.6; +} + +headerbar entry, .nemo-window .primary-toolbar entry { + color: rgba(225, 219, 219, 0.8); + border-style: none; + background-color: rgba(119, 119, 119, 0.6); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entry image:hover, .nemo-window .primary-toolbar entry image:hover { + color: inherit; +} + +headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { + opacity: 0.85; + background-image: none; +} + +headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; + background-clip: padding-box; +} + +headerbar entry:focus image, .nemo-window .primary-toolbar entry:focus image { + color: #0046DB; +} + +headerbar entry:disabled, .nemo-window .primary-toolbar entry:disabled { + color: rgba(225, 219, 219, 0.35); + border-style: none; + background-color: rgba(111, 111, 111, 0.25); +} + +headerbar entry selection:focus, .nemo-window .primary-toolbar entry selection:focus { + background-color: #0046DB; + color: #ffffff; +} + +headerbar entry progress, .nemo-window .primary-toolbar entry progress { + border-color: #0046DB; + background-image: none; + background-color: transparent; +} + +headerbar entry.warning, .nemo-window .primary-toolbar entry.warning { + color: white; + border-color: rgba(24, 24, 24, 0.4); + background-color: #a75e36; +} + +headerbar entry.warning:focus, .nemo-window .primary-toolbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +headerbar entry.warning selection, .nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection:focus, .nemo-window .primary-toolbar entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +headerbar entry.error, .nemo-window .primary-toolbar entry.error { + color: white; + border-color: rgba(24, 24, 24, 0.4); + background-color: #ad3d38; +} + +headerbar entry.error:focus, .nemo-window .primary-toolbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +headerbar entry.error selection, .nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection:focus, .nemo-window .primary-toolbar entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button), +headerbar button, +.nemo-window .primary-toolbar button { + min-width: 22px; + color: rgba(225, 219, 219, 0.8); + border: none; + background-color: rgba(119, 119, 119, 0.6); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:backdrop:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:backdrop:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:backdrop:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:backdrop:not(.image-button), +headerbar button:backdrop, +.nemo-window .primary-toolbar button:backdrop { + opacity: 0.7; + background-image: none; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:hover:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:hover:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:hover:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:hover:not(.image-button), +headerbar button:hover, +.nemo-window .primary-toolbar button:hover { + color: rgba(225, 219, 219, 0.8); + border: none; + background-color: rgba(119, 119, 119, 0.9); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:checked:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:checked:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:checked:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:checked:not(.image-button), +headerbar button:checked, +.nemo-window .primary-toolbar button:checked { + color: #ffffff; + border: none; + background-color: #848484; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + background-clip: padding-box; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; + box-shadow: none; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:active:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:active:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:active:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:active:not(.image-button), +headerbar button:active, +.nemo-window .primary-toolbar button:active { + color: #ffffff; + border: none; + background-color: #777777; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; + background-clip: padding-box; + box-shadow: none; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:not(.image-button), +headerbar button:disabled, +.nemo-window .primary-toolbar button:disabled { + background-color: rgba(119, 119, 119, 0.6); + border: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:not(.image-button) label, paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:not(.image-button) label, paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:not(.image-button) label, .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:not(.image-button) label, paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:not(.image-button), +headerbar button:disabled label, +.nemo-window .primary-toolbar button:disabled label, +headerbar button:disabled, +.nemo-window .primary-toolbar button:disabled { + color: rgba(225, 219, 219, 0.35); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:active:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:active:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:active:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:active:not(.image-button), paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:checked:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:checked:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:checked:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:checked:not(.image-button), +headerbar button:disabled:active, +.nemo-window .primary-toolbar button:disabled:active, +headerbar button:disabled:checked, +.nemo-window .primary-toolbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border: none; + background-color: rgba(119, 119, 119, 0.65); + box-shadow: none; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button), +headerbar button.flat, +.nemo-window .primary-toolbar button.flat, +headerbar button.budgie-menu-launcher, +.nemo-window .primary-toolbar button.budgie-menu-launcher, +headerbar .budgie-panel #tasklist-button, +.budgie-panel headerbar #tasklist-button, +.nemo-window .primary-toolbar .budgie-panel #tasklist-button, +.budgie-panel .nemo-window .primary-toolbar #tasklist-button, +headerbar .budgie-panel button.flat.launcher, +.budgie-panel headerbar button.flat.launcher, +.nemo-window .primary-toolbar .budgie-panel button.flat.launcher, +.budgie-panel .nemo-window .primary-toolbar button.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +headerbar.selection-mode button, .nemo-window .selection-mode.primary-toolbar button, headerbar.selection-mode button.flat, .nemo-window .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.budgie-menu-launcher, .nemo-window .selection-mode.primary-toolbar button.budgie-menu-launcher, headerbar.selection-mode .budgie-panel #tasklist-button, .budgie-panel headerbar.selection-mode #tasklist-button, .nemo-window .selection-mode.primary-toolbar .budgie-panel #tasklist-button, .budgie-panel .nemo-window .selection-mode.primary-toolbar #tasklist-button, headerbar.selection-mode .budgie-panel button.flat.launcher, .budgie-panel headerbar.selection-mode button.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); +} + +headerbar.selection-mode button:hover, .nemo-window .selection-mode.primary-toolbar button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +headerbar.selection-mode button:active, .nemo-window .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:checked, .nemo-window .selection-mode.primary-toolbar button:checked { + text-shadow: none; +} + +headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child), .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):hover, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):active, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):checked, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):disabled { + margin-right: 1px; +} + +headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > button { + min-width: 20px; +} + +headerbar .linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 5px; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:disabled { + border-radius: 5px; + margin-right: 4px; + margin-left: 3px; +} + +headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active + entry, +headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: rgba(255, 255, 255, 0.12); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(255, 255, 255, 0.12); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, +headerbar .linked:not(.vertical).path-bar > button, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button { + color: rgba(225, 219, 219, 0.8); + border: none; + background-color: rgba(119, 119, 119, 0.6); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, +headerbar .linked:not(.vertical).path-bar > button:hover, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:hover { + color: rgba(225, 219, 219, 0.8); + border: none; + background-color: rgba(119, 119, 119, 0.9); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, +headerbar .linked:not(.vertical).path-bar > button:active, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:active { + color: #ffffff; + border: none; + background-color: #777777; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, +headerbar .linked:not(.vertical).path-bar > button:checked, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + border: none; + background-color: #848484; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, +headerbar .linked:not(.vertical).path-bar > button:disabled, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(225, 219, 219, 0.4); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop, +headerbar .linked:not(.vertical).path-bar > button:backdrop, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar button.suggested-action, .nemo-window .primary-toolbar button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; +} + +headerbar button.suggested-action.flat, .nemo-window .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.budgie-menu-launcher, .nemo-window .primary-toolbar button.suggested-action.budgie-menu-launcher, headerbar .budgie-panel .suggested-action#tasklist-button, .budgie-panel headerbar .suggested-action#tasklist-button, .nemo-window .primary-toolbar .budgie-panel .suggested-action#tasklist-button, .budgie-panel .nemo-window .primary-toolbar .suggested-action#tasklist-button, headerbar .budgie-panel button.suggested-action.flat.launcher, .budgie-panel headerbar button.suggested-action.flat.launcher, .nemo-window .primary-toolbar .budgie-panel button.suggested-action.flat.launcher, .budgie-panel .nemo-window .primary-toolbar button.suggested-action.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +headerbar button.suggested-action:hover, .nemo-window .primary-toolbar button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; +} + +headerbar button.suggested-action:active, .nemo-window .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:checked, .nemo-window .primary-toolbar button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; + box-shadow: none; +} + +headerbar button.suggested-action.flat:disabled, .nemo-window .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.budgie-menu-launcher:disabled, .nemo-window .primary-toolbar button.suggested-action.budgie-menu-launcher:disabled, headerbar .budgie-panel .suggested-action#tasklist-button:disabled, .budgie-panel headerbar .suggested-action#tasklist-button:disabled, .nemo-window .primary-toolbar .budgie-panel .suggested-action#tasklist-button:disabled, .budgie-panel .nemo-window .primary-toolbar .suggested-action#tasklist-button:disabled, headerbar .budgie-panel button.suggested-action.flat.launcher:disabled, .budgie-panel headerbar button.suggested-action.flat.launcher:disabled, headerbar button.suggested-action:disabled, .nemo-window .primary-toolbar button.suggested-action:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +headerbar button.suggested-action.flat:disabled label, .nemo-window .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.budgie-menu-launcher:disabled label, .nemo-window .primary-toolbar button.suggested-action.budgie-menu-launcher:disabled label, headerbar .budgie-panel .suggested-action#tasklist-button:disabled label, .budgie-panel headerbar .suggested-action#tasklist-button:disabled label, .nemo-window .primary-toolbar .budgie-panel .suggested-action#tasklist-button:disabled label, .budgie-panel .nemo-window .primary-toolbar .suggested-action#tasklist-button:disabled label, headerbar .budgie-panel button.suggested-action.flat.launcher:disabled label, .budgie-panel headerbar button.suggested-action.flat.launcher:disabled label, headerbar button.suggested-action.flat:disabled, .nemo-window .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.budgie-menu-launcher:disabled, .nemo-window .primary-toolbar button.suggested-action.budgie-menu-launcher:disabled, headerbar .budgie-panel .suggested-action#tasklist-button:disabled, .budgie-panel headerbar .suggested-action#tasklist-button:disabled, .nemo-window .primary-toolbar .budgie-panel .suggested-action#tasklist-button:disabled, .budgie-panel .nemo-window .primary-toolbar .suggested-action#tasklist-button:disabled, headerbar .budgie-panel button.suggested-action.flat.launcher:disabled, .budgie-panel headerbar button.suggested-action.flat.launcher:disabled, headerbar button.suggested-action:disabled label, .nemo-window .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled, .nemo-window .primary-toolbar button.suggested-action:disabled { + color: rgba(222, 222, 222, 0.45); +} + +headerbar button.suggested-action:backdrop, .nemo-window .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .nemo-window .primary-toolbar button.suggested-action:backdrop { + opacity: 0.8; +} + +headerbar button.destructive-action, .nemo-window .primary-toolbar button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; +} + +headerbar button.destructive-action.flat, .nemo-window .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.budgie-menu-launcher, .nemo-window .primary-toolbar button.destructive-action.budgie-menu-launcher, headerbar .budgie-panel .destructive-action#tasklist-button, .budgie-panel headerbar .destructive-action#tasklist-button, .nemo-window .primary-toolbar .budgie-panel .destructive-action#tasklist-button, .budgie-panel .nemo-window .primary-toolbar .destructive-action#tasklist-button, headerbar .budgie-panel button.destructive-action.flat.launcher, .budgie-panel headerbar button.destructive-action.flat.launcher, .nemo-window .primary-toolbar .budgie-panel button.destructive-action.flat.launcher, .budgie-panel .nemo-window .primary-toolbar button.destructive-action.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +headerbar button.destructive-action:hover, .nemo-window .primary-toolbar button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; +} + +headerbar button.destructive-action:active, .nemo-window .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:checked, .nemo-window .primary-toolbar button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; + box-shadow: none; +} + +headerbar button.destructive-action.flat:disabled, .nemo-window .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.budgie-menu-launcher:disabled, .nemo-window .primary-toolbar button.destructive-action.budgie-menu-launcher:disabled, headerbar .budgie-panel .destructive-action#tasklist-button:disabled, .budgie-panel headerbar .destructive-action#tasklist-button:disabled, .nemo-window .primary-toolbar .budgie-panel .destructive-action#tasklist-button:disabled, .budgie-panel .nemo-window .primary-toolbar .destructive-action#tasklist-button:disabled, headerbar .budgie-panel button.destructive-action.flat.launcher:disabled, .budgie-panel headerbar button.destructive-action.flat.launcher:disabled, headerbar button.destructive-action:disabled, .nemo-window .primary-toolbar button.destructive-action:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +headerbar button.destructive-action.flat:disabled label, .nemo-window .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.budgie-menu-launcher:disabled label, .nemo-window .primary-toolbar button.destructive-action.budgie-menu-launcher:disabled label, headerbar .budgie-panel .destructive-action#tasklist-button:disabled label, .budgie-panel headerbar .destructive-action#tasklist-button:disabled label, .nemo-window .primary-toolbar .budgie-panel .destructive-action#tasklist-button:disabled label, .budgie-panel .nemo-window .primary-toolbar .destructive-action#tasklist-button:disabled label, headerbar .budgie-panel button.destructive-action.flat.launcher:disabled label, .budgie-panel headerbar button.destructive-action.flat.launcher:disabled label, headerbar button.destructive-action.flat:disabled, .nemo-window .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.budgie-menu-launcher:disabled, .nemo-window .primary-toolbar button.destructive-action.budgie-menu-launcher:disabled, headerbar .budgie-panel .destructive-action#tasklist-button:disabled, .budgie-panel headerbar .destructive-action#tasklist-button:disabled, .nemo-window .primary-toolbar .budgie-panel .destructive-action#tasklist-button:disabled, .budgie-panel .nemo-window .primary-toolbar .destructive-action#tasklist-button:disabled, headerbar .budgie-panel button.destructive-action.flat.launcher:disabled, .budgie-panel headerbar button.destructive-action.flat.launcher:disabled, headerbar button.destructive-action:disabled label, .nemo-window .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled, .nemo-window .primary-toolbar button.destructive-action:disabled { + color: rgba(222, 222, 222, 0.45); +} + +headerbar button.destructive-action:backdrop, .nemo-window .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .nemo-window .primary-toolbar button.destructive-action:backdrop { + opacity: 0.8; +} + +headerbar spinbutton:not(.vertical):focus, .nemo-window .primary-toolbar spinbutton:not(.vertical):focus { + color: rgba(225, 219, 219, 0.8); + caret-color: rgba(225, 219, 219, 0.8); +} + +headerbar spinbutton:not(.vertical) button, .nemo-window .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button:disabled, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:disabled { + color: rgba(225, 219, 219, 0.8); + border: none; + background-color: rgba(119, 119, 119, 0.9); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar spinbutton:not(.vertical) button:hover, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:hover { + background-color: rgba(157, 157, 157, 0.6); +} + +headerbar spinbutton:not(.vertical) button:active, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:checked, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + border: none; + background-color: #777777; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar spinbutton:not(.vertical) button:disabled, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:disabled { + color: rgba(225, 219, 219, 0.4); +} + +headerbar spinbutton:not(.vertical) > button + button, .nemo-window .primary-toolbar spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +headerbar spinbutton:not(.vertical) > button:hover:not(:active), .nemo-window .primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), +headerbar spinbutton:not(.vertical) > button:hover + button, +.nemo-window .primary-toolbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .nemo-window .primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), +headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover, +.nemo-window .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +headerbar spinbutton:not(.vertical) > entry:focus + button, .nemo-window .primary-toolbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #8eb9ff; +} + +headerbar combobox:disabled, .nemo-window .primary-toolbar combobox:disabled { + color: rgba(225, 219, 219, 0.2); +} + +headerbar combobox > .linked > button.combo, .nemo-window .primary-toolbar combobox > .linked > button.combo { + border-radius: 5px; + color: rgba(225, 219, 219, 0.8); + border-style: none; + background-color: rgba(119, 119, 119, 0.6); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar combobox > .linked > button.combo image, .nemo-window .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image:hover, .nemo-window .primary-toolbar combobox > .linked > button.combo image:hover { + color: inherit; +} + +headerbar combobox > .linked > button.combo:hover, .nemo-window .primary-toolbar combobox > .linked > button.combo:hover { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; + box-shadow: none; +} + +headerbar combobox > .linked > button.combo:disabled, .nemo-window .primary-toolbar combobox > .linked > button.combo:disabled { + color: rgba(225, 219, 219, 0.35); + border-style: none; + background-color: rgba(111, 111, 111, 0.25); +} + +headerbar combobox > .linked > entry.combo, .nemo-window .primary-toolbar combobox > .linked > entry.combo { + border-radius: 5px; +} + +headerbar combobox > .linked > entry.combo:dir(ltr), .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(ltr) { + border-right-style: none; +} + +headerbar combobox > .linked > entry.combo:dir(ltr):focus, .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus { + box-shadow: none; +} + +headerbar combobox > .linked > entry.combo:dir(rtl), .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(rtl) { + border-left-style: none; +} + +headerbar combobox > .linked > entry.combo:dir(rtl):focus, .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus { + box-shadow: none; +} + +headerbar switch:backdrop, .nemo-window .primary-toolbar switch:backdrop { + opacity: 0.75; +} + +headerbar progressbar trough, .nemo-window .primary-toolbar progressbar trough { + background-color: transparent; +} + +headerbar progressbar:backdrop, .nemo-window .primary-toolbar progressbar:backdrop { + opacity: 0.75; +} + +headerbar scale:backdrop, .nemo-window .primary-toolbar scale:backdrop { + opacity: 0.75; +} + +headerbar scale slider, .nemo-window .primary-toolbar scale slider { + background-color: #515151; + border-color: rgba(0, 0, 0, 0.3); +} + +headerbar scale slider:hover, .nemo-window .primary-toolbar scale slider:hover { + background-color: #5d5d5d; + border-color: rgba(0, 0, 0, 0.3); +} + +headerbar scale slider:active, .nemo-window .primary-toolbar scale slider:active { + background-color: #515151; + border-color: rgba(0, 0, 0, 0.3); +} + +headerbar scale slider:disabled, .nemo-window .primary-toolbar scale slider:disabled { + background-color: #494949; + border-color: rgba(0, 0, 0, 0.3); +} + +headerbar scale trough, .nemo-window .primary-toolbar scale trough { + background-color: transparent; +} + +headerbar scale trough:disabled, .nemo-window .primary-toolbar scale trough:disabled { + background-color: transparent; +} + +.path-bar button { + min-width: 12px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #ffffff; + border: none; + background-color: #848484; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #0046DB; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #80a3ed; + border-top-color: rgba(222, 222, 222, 0.1); +} + +treeview.view:disabled { + color: rgba(222, 222, 222, 0.45); +} + +treeview.view:disabled:selected { + color: #6690e9; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.1); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #6f92dd; +} + +treeview.view:drop(active).after { + border-top-style: none; +} + +treeview.view:drop(active).before { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #b3c8f4; +} + +treeview.view.expander:selected:hover { + color: #ffffff; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: #ffffff; + border-radius: 5px; + background-color: #0046DB; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #0046DB; + box-shadow: none; + background-color: #ffffff; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 5px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 5px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #0046DB; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #0046DB; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #373737; + background-image: none; + color: rgba(225, 219, 219, 0.8); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(225, 219, 219, 0.6); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border-radius: 0; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + background-color: #0046DB; + color: #ffffff; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(225, 219, 219, 0.2); + border-color: transparent; +} + +menu, +.menu { + padding: 6px 0; + border-radius: 6px; + background-color: #333333; +} + +.csd menu, .csd +.menu { + border-radius: 6px; + background-color: #333333; +} + +menu separator, +.csd menu separator, +.menu separator, +.csd +.menu separator { + margin: 2px 0; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +menu menuitem, +.menu menuitem { + min-height: 12px; + min-width: 40px; + padding: 2px 6px; + text-shadow: none; + border-bottom: 1px solid transparent; +} + +menu menuitem:hover, +.menu menuitem:hover { + color: #ffffff; + background-color: #0046DB; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border-bottom: 1px solid #0036a8; +} + +menu menuitem:hover arrow, +.menu menuitem:hover arrow { + transition: none; + color: #ffffff; + -gtk-icon-shadow: none; +} + +menu menuitem:disabled, +.menu menuitem:disabled { + color: rgba(222, 222, 222, 0.45); +} + +menu menuitem arrow, +.menu menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +menu menuitem arrow:dir(ltr), +.menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +menu menuitem arrow:dir(rtl), +.menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: #333333; + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + +menu > arrow.top, +.menu > arrow.top { + margin: -8px 0 0 0; + border-radius: 6px 6px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menu > arrow.bottom, +.menu > arrow.bottom { + margin: 0 0 -18px 0; + border-radius: 0 0 6px 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menu > arrow:hover, +.menu > arrow:hover { + background-color: #373737; +} + +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 6px; + background-clip: border-box; + background-color: #333333; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); +} + +.csd popover, popover, .csd +popover.background, +popover.background { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover separator, +popover separator, +.csd popover separator, +popover.background separator, +popover.background separator, +.csd +popover.background separator { + margin: 4px -9px; + min-height: 2px; + border: none; + background-color: rgba(255, 255, 255, 0.08); +} + +popover > list, +popover > .view, +popover > iconview, +popover > toolbar, +popover > .inline-toolbar, +popover.background > list, +popover.background > .view, +popover.background > iconview, +popover.background > toolbar, +popover.background > .inline-toolbar { + border-style: none; + background-color: transparent; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook > header { + padding: 0; + background-color: #1e1e1e; +} + +notebook > header.top { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px rgba(255, 255, 255, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 rgba(255, 255, 255, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat, notebook > header button.budgie-menu-launcher, notebook > header .budgie-panel #tasklist-button, .budgie-panel notebook > header #tasklist-button, notebook > header .budgie-panel button.flat.launcher, .budgie-panel notebook > header button.flat.launcher { + min-height: 24px; + min-width: 24px; + padding: 0; + border: none; + box-shadow: none; + margin: 2px; +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top > tabs > tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom > tabs > tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right > tabs > tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left > tabs > tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.15); +} + +notebook > header > tabs > tab { + color: rgba(222, 222, 222, 0.45); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; +} + +notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.725); + 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, notebook > header > tabs > tab button.budgie-menu-launcher, notebook > header > tabs > tab .budgie-panel #tasklist-button, .budgie-panel notebook > header > tabs > tab #tasklist-button, notebook > header > tabs > tab .budgie-panel button.flat.launcher, .budgie-panel notebook > header > tabs > tab button.flat.launcher { + min-height: 16px; + min-width: 16px; + border-radius: 3px; + padding: 0; + margin: 2px 0; + color: #a2a2a2; +} + +notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover { + color: rgba(255, 0, 0, 0.5); + background-color: rgba(222, 222, 222, 0.1); +} + +notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:active:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:active:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active:hover { + color: rgba(204, 0, 0, 0.5); + background-color: rgba(222, 222, 222, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: #848484; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +row switch:not(:indeterminate), row switch:not(:indeterminate) slider:not(:indeterminate), row switch:disabled:not(:indeterminate), row switch:not(:indeterminate) slider:disabled:not(:indeterminate) { + padding: 0; + border: none; + color: transparent; + background: unset; + background-image: unset; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; + animation: none; + font-size: 0; + outline-color: transparent; +} + +row switch:dir(rtl):not(:indeterminate), row switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), row switch:disabled:dir(rtl):not(:indeterminate), row switch:not(:indeterminate) slider:disabled:dir(rtl):not(:indeterminate) { + background-position: left center; +} + +row switch:not(:indeterminate) { + min-width: 40px; + min-height: 24px; + margin: 0; + background-size: 40px 24px; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); +} + +row switch:not(:indeterminate) slider:not(:indeterminate) { + margin: 0; + background-size: 40px 24px; +} + +row switch:not(:indeterminate):hover { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-hover.png"), url("assets/switch-hover@2.png")); +} + +row switch:not(:indeterminate):checked { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); +} + +row switch:not(:indeterminate):checked:hover { + background-image: -gtk-scaled(url("assets/switch-active-hover.png"), url("assets/switch-active-hover@2.png")); +} + +row switch:not(:indeterminate):checked:disabled, row switch:not(:indeterminate):checked:disabled:hover { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); +} + +row switch:not(:indeterminate):disabled, row switch:not(:indeterminate):disabled:hover { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); +} + + +switch { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border-radius: 50px; + background-color: alpha(currentColor,0.3); + background-clip: padding-box; + font-size: 0; +} + + +switch:disabled { + color: alpha(currentColor,0.4); +} + + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: #71c837; +} + + +switch:checked:disabled { + background-color: alpha(#71c837,0.5); + color: rgba(222, 222, 222, 0.45); +} + + +switch slider { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 18px; + min-height: 18px; + margin: 2px 0 2px 2px; + border-radius: 50px; + -gtk-outline-radius: 50px; + background-color: white; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); +} + + +switch:hover slider { + box-shadow: 0px 2px 3px 0px rgba(16, 16, 16, 0.2), 0px 3px 5px 0px rgba(16, 16, 16, 0.15); +} + + +switch:checked slider { + margin: 2px 2px 2px 0; + background-color: #ffffff; +} + + +switch:checked:disabled slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check, +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +menuitem check:hover, +.view check:selected, +iconview check:selected, +treeview.check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled, +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +menuitem check:disabled:hover, +.view check:disabled:selected, +iconview check:disabled:selected, +treeview.check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate, +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +menuitem check:indeterminate:hover, +.view check:indeterminate:selected, +iconview check:indeterminate:selected, +treeview.check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, +filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +menuitem check:indeterminate:disabled:hover, +.view check:indeterminate:disabled:selected, +iconview check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked, +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +menuitem check:checked:hover, +.view check:checked:selected, +iconview check:checked:selected, +treeview.check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, +filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +menuitem check:checked:disabled:hover, +.view check:checked:disabled:selected, +iconview check:checked:disabled:selected, +treeview.check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio, +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +menuitem radio:hover, +.view radio:selected, +iconview radio:selected, +treeview.radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled, +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +menuitem radio:disabled:hover, +.view radio:disabled:selected, +iconview radio:disabled:selected, +treeview.radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate, +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +menuitem radio:indeterminate:hover, +.view radio:indeterminate:selected, +iconview radio:indeterminate:selected, +treeview.radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, +filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +menuitem radio:indeterminate:disabled:hover, +.view radio:indeterminate:disabled:selected, +iconview radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked, +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +menuitem radio:checked:hover, +.view radio:checked:selected, +iconview radio:checked:selected, +treeview.radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, +filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +menuitem radio:checked:disabled:hover, +.view radio:checked:disabled:selected, +iconview radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list), iconview.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, +menu menuitem check, +radio:only-child, +menu menuitem +radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -6px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #0046DB; +} + +menuitem:hover scale trough, +row:selected scale trough, +infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, +row:selected scale trough highlight, +infobar scale trough highlight { + background-color: #ffffff; +} + +menuitem:hover scale trough highlight:disabled, +row:selected scale trough highlight:disabled, +infobar scale trough highlight:disabled { + background-color: #8cacef; +} + +menuitem:hover scale trough:disabled, +row:selected scale trough:disabled, +infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 5px; + background-color: #0046DB; +} + +scale highlight:disabled { + background-color: rgba(0, 70, 219, 0.55); +} + +scale fill { + border-radius: 5px; + background-color: rgba(0, 70, 219, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: #ffffff; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, +row:selected scale slider, +infobar scale slider { + background-clip: border-box; + background-color: #ffffff; + border-color: #ffffff; +} + +menuitem:hover scale slider:hover, +row:selected scale slider:hover, +infobar scale slider:hover { + background-color: #d9e3fa; + border-color: #d9e3fa; +} + +menuitem:hover scale slider:active, +row:selected scale slider:active, +infobar scale slider:active { + background-color: #80a3ed; + border-color: #80a3ed; +} + +menuitem:hover scale slider:disabled, +row:selected scale slider:disabled, +infobar scale slider:disabled { + background-color: #8cacef; + border-color: #8cacef; +} + +.osd scale slider { + background-clip: border-box; + background-color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + background-color: #0046DB; + border: none; + border-radius: 5px; + box-shadow: none; +} + +row:selected progressbar progress, +infobar progressbar progress { + background-color: #ffffff; +} + +progressbar trough { + border: none; + border-radius: 5px; + background-color: #262626; +} + +row:selected progressbar trough, +infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 5px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #0046DB; + background-color: #0046DB; + border-radius: 5px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #0046DB; + background-color: #0046DB; +} + +levelbar block.full { + border-color: #71c837; + background-color: #71c837; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(0, 70, 219, 0.2)), to(rgba(0, 70, 219, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(0, 70, 219, 0.2)), to(rgba(0, 70, 219, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(0, 70, 219, 0.2)), to(rgba(0, 70, 219, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(0, 70, 219, 0.2)), to(rgba(0, 70, 219, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12) 1px, transparent 1px) 0 0 0 0/0 0 stretch; + background-color: #272727; +} + +scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; +} + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row.activatable.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:hover, .budgie-menu button:hover { + background-color: rgba(255, 255, 255, 0.03); +} + +row.activatable:active, .budgie-menu button:active { + color: #dedede; +} + +row.activatable:disabled, .budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +row.activatable:disabled image, .budgie-menu button:disabled image { + color: inherit; +} + +row.activatable:selected:active, .budgie-menu button:selected:active { + color: #ffffff; +} + +row.activatable:selected.has-open-popup, .budgie-menu button:selected.has-open-popup, row.activatable:selected:hover, .budgie-menu button:selected:hover { + background-color: #003fc5; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: #333333; + background-image: linear-gradient(0deg, #333333 0%, #333333 85%, #262626 95%, #0d0d0d 100%); + border-radius: 0; + border: none; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button { + padding: 0; + margin: 0 0 0 0; + min-height: 24px; + min-width: 24px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 5px; + padding: 2px 6px; + margin: 0; +} + +calendar:selected { + border-radius: 50px; +} + +calendar.header { + color: #dedede; + border: none; +} + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + +calendar.button:hover { + color: #dedede; +} + +calendar.button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +calendar:indeterminate { + color: alpha(currentColor,0.55); +} + +calendar.highlight { + color: #dedede; +} + +messagedialog .titlebar { + min-height: 20px; + background-color: #373737; + border-bottom: 1px solid #484848; +} + +messagedialog .dialog-action-area button { + padding: 5px 8px 6px 8px; + min-height: 0; +} + +messagedialog.csd.background { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border: none; +} + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; + background-image: none; +} + +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; + border-color: rgba(255, 255, 255, 0.12); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; +} + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 6px 0; + border-right-style: none; +} + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 6px; + border-left-style: none; +} + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 6px 6px; + border-left-style: none; + border-right-style: none; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + 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, .sidebar.left:dir(rtl) { + 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 { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 2px 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.35); + text-shadow: none; + -gtk-icon-shadow: none; + border-color: rgba(255, 255, 255, 0.35); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #0046DB; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dedede; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #0046DB, #0046DB); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)), linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info, infobar.question, infobar.warning, infobar.error { + background-color: #0046DB; + color: #ffffff; + caret-color: currentColor; +} + +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { + color: #0046DB; + background-color: #ffffff; +} + +row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .nautilus-window .floating-bar button { + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; +} + +row:selected button.flat, row:selected button.budgie-menu-launcher, row:selected .budgie-panel #tasklist-button, .budgie-panel row:selected #tasklist-button, row:selected .budgie-panel button.flat.launcher, .budgie-panel row:selected button.flat.launcher, infobar.info button.flat, infobar.info button.budgie-menu-launcher, infobar.info .budgie-panel #tasklist-button, .budgie-panel infobar.info #tasklist-button, infobar.info .budgie-panel button.flat.launcher, .budgie-panel infobar.info button.flat.launcher, infobar.question button.flat, infobar.question button.budgie-menu-launcher, infobar.question .budgie-panel #tasklist-button, .budgie-panel infobar.question #tasklist-button, infobar.question .budgie-panel button.flat.launcher, .budgie-panel infobar.question button.flat.launcher, infobar.warning button.flat, infobar.warning button.budgie-menu-launcher, infobar.warning .budgie-panel #tasklist-button, .budgie-panel infobar.warning #tasklist-button, infobar.warning .budgie-panel button.flat.launcher, .budgie-panel infobar.warning button.flat.launcher, infobar.error button.flat, infobar.error button.budgie-menu-launcher, infobar.error .budgie-panel #tasklist-button, .budgie-panel infobar.error #tasklist-button, infobar.error .budgie-panel button.flat.launcher, .budgie-panel infobar.error button.flat.launcher, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.budgie-menu-launcher, .nautilus-window .floating-bar .budgie-panel #tasklist-button, .budgie-panel .nautilus-window .floating-bar #tasklist-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +headerbar.selection-mode button:disabled, .nemo-window .selection-mode.primary-toolbar button:disabled, row:selected button.flat:disabled, row:selected button.budgie-menu-launcher:disabled, row:selected .budgie-panel #tasklist-button:disabled, .budgie-panel row:selected #tasklist-button:disabled, infobar.info button.flat:disabled, infobar.info button.budgie-menu-launcher:disabled, infobar.info .budgie-panel #tasklist-button:disabled, .budgie-panel infobar.info #tasklist-button:disabled, infobar.question button.flat:disabled, infobar.question button.budgie-menu-launcher:disabled, infobar.question .budgie-panel #tasklist-button:disabled, .budgie-panel infobar.question #tasklist-button:disabled, infobar.warning button.flat:disabled, infobar.warning button.budgie-menu-launcher:disabled, infobar.warning .budgie-panel #tasklist-button:disabled, .budgie-panel infobar.warning #tasklist-button:disabled, infobar.error button.flat:disabled, infobar.error button.budgie-menu-launcher:disabled, infobar.error .budgie-panel #tasklist-button:disabled, .budgie-panel infobar.error #tasklist-button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.budgie-menu-launcher:disabled, .nautilus-window .floating-bar .budgie-panel #tasklist-button:disabled, .budgie-panel .nautilus-window .floating-bar #tasklist-button:disabled, headerbar.selection-mode button:disabled label, .nemo-window .selection-mode.primary-toolbar button:disabled label, row:selected button.flat:disabled label, row:selected button.budgie-menu-launcher:disabled label, row:selected .budgie-panel #tasklist-button:disabled label, .budgie-panel row:selected #tasklist-button:disabled label, infobar.info button.flat:disabled label, infobar.info button.budgie-menu-launcher:disabled label, infobar.info .budgie-panel #tasklist-button:disabled label, .budgie-panel infobar.info #tasklist-button:disabled label, infobar.question button.flat:disabled label, infobar.question button.budgie-menu-launcher:disabled label, infobar.question .budgie-panel #tasklist-button:disabled label, .budgie-panel infobar.question #tasklist-button:disabled label, infobar.warning button.flat:disabled label, infobar.warning button.budgie-menu-launcher:disabled label, infobar.warning .budgie-panel #tasklist-button:disabled label, .budgie-panel infobar.warning #tasklist-button:disabled label, infobar.error button.flat:disabled label, infobar.error button.budgie-menu-launcher:disabled label, infobar.error .budgie-panel #tasklist-button:disabled label, .budgie-panel infobar.error #tasklist-button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.budgie-menu-launcher:disabled label, .nautilus-window .floating-bar .budgie-panel #tasklist-button:disabled label, .budgie-panel .nautilus-window .floating-bar #tasklist-button:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .nautilus-window .floating-bar button:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode button:active, .nemo-window .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:checked, .nemo-window .selection-mode.primary-toolbar button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .nautilus-window .floating-bar button:active, headerbar.selection-mode button:hover:active, .nemo-window .selection-mode.primary-toolbar button:hover:active, headerbar.selection-mode button:hover:checked, .nemo-window .selection-mode.primary-toolbar button:hover:checked, row:selected button:active:hover, infobar.info button:active:hover, infobar.question button:active:hover, infobar.warning button:active:hover, infobar.error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .nautilus-window .floating-bar button:checked { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); +} + +row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); +} + +row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode button:disabled:active, .nemo-window .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:checked, .nemo-window .selection-mode.primary-toolbar button:disabled:checked, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, headerbar.selection-mode button:disabled:checked, .nemo-window .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:active, .nemo-window .selection-mode.primary-toolbar button:disabled:active, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #0046DB; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 5px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(62, 62, 62, 0.95); + background-clip: padding-box; + border-radius: 5px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dedede; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: #484848; +} + +colorswatch#add-color-button:hover { + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 5px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; +} + +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +button.circular, paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:not(.image-button), +headerbar button.circular-button, +.nemo-window .primary-toolbar button.circular-button, row button.circular-button, button.nautilus-circular-button.image-button, +button.circular-button { + padding: 0; + margin: 0 2px; + min-width: 28px; + min-height: 28px; + border-radius: 100px; + -gtk-outline-radius: 100px; + border: none; +} + +button.circular:active, paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:active:not(.image-button), paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:active:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:active:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:active:not(.image-button), +headerbar button.circular-button:active, +.nemo-window .primary-toolbar button.circular-button:active, row button.circular-button:active, button.nautilus-circular-button.image-button:active, +button.circular-button:active { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +button.circular:checked, paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:checked:not(.image-button), paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:checked:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:checked:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:checked:not(.image-button), +headerbar button.circular-button:checked, +.nemo-window .primary-toolbar button.circular-button:checked, row button.circular-button:checked, button.nautilus-circular-button.image-button:checked, +button.circular-button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.35); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +button.circular label, paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:not(.image-button) label, paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button) label, paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:not(.image-button) label, .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:not(.image-button) label, headerbar button.circular-button label, .nemo-window .primary-toolbar button.circular-button label, row button.circular-button label, button.nautilus-circular-button.image-button label, +button.circular-button label { + padding: 0; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +stackswitcher button.circular, stackswitcher paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar stackswitcher button.circular-button.flat.toggle.popup:not(.image-button), stackswitcher paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar stackswitcher button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), stackswitcher paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel stackswitcher .circular-button.toggle.popup#tasklist-button:not(.image-button), stackswitcher .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar stackswitcher .circular-button.toggle.popup#tasklist-button:not(.image-button), +stackswitcher headerbar button.circular-button, headerbar stackswitcher button.circular-button, +stackswitcher .nemo-window .primary-toolbar button.circular-button, .nemo-window .primary-toolbar stackswitcher button.circular-button, stackswitcher row button.circular-button, row stackswitcher button.circular-button, stackswitcher button.nautilus-circular-button.image-button, +stackswitcher button.text-button.circular, +stackswitcher paned.titlebar.horizontal headerbar button.text-button.circular-button.flat.toggle.popup:not(.image-button), +paned.titlebar.horizontal headerbar stackswitcher button.text-button.circular-button.flat.toggle.popup:not(.image-button), +stackswitcher paned.titlebar.horizontal headerbar button.text-button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), +paned.titlebar.horizontal headerbar stackswitcher button.text-button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), +stackswitcher paned.titlebar.horizontal headerbar .budgie-panel .text-button.circular-button.toggle.popup#tasklist-button:not(.image-button), +paned.titlebar.horizontal headerbar .budgie-panel stackswitcher .text-button.circular-button.toggle.popup#tasklist-button:not(.image-button), +stackswitcher .budgie-panel paned.titlebar.horizontal headerbar .text-button.circular-button.toggle.popup#tasklist-button:not(.image-button), +.budgie-panel paned.titlebar.horizontal headerbar stackswitcher .text-button.circular-button.toggle.popup#tasklist-button:not(.image-button), +stackswitcher headerbar button.text-button.circular-button, +headerbar stackswitcher button.text-button.circular-button, +stackswitcher .nemo-window .primary-toolbar button.text-button.circular-button, +.nemo-window .primary-toolbar stackswitcher button.text-button.circular-button, +stackswitcher row button.text-button.circular-button, +row stackswitcher button.text-button.circular-button, +stackswitcher button.text-button.nautilus-circular-button.image-button { + min-width: 28px; + min-height: 28px; + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + border-width: 0; + box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3), 0 8px 15px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.12); + margin: 4px; +} + +decoration:backdrop { + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +.fullscreen decoration, +.tiled decoration { + border-radius: 0; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +.popup decoration { + border-radius: 6px; +} + +.ssd decoration { + margin: -5px; + border-radius: 6px 6px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +.ssd decoration.maximized { + border-radius: 0; +} + +.csd.popup decoration { + border-radius: 6px; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 5px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +tooltip.csd decoration { + border-radius: 6px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 6px; +} + +.solid-csd decoration { + border: 1px solid #4B4B4B; + border-radius: 0; + margin: 0; + background-color: #373737; + box-shadow: none; +} + +headerbar button.titlebutton, +.titlebar button.titlebutton { + min-width: 24px; + min-height: 24px; + margin: 0; + padding: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(55, 55, 55, 0); +} + +headerbar button.titlebutton:hover, +.titlebar button.titlebutton:hover { + color: rgba(225, 219, 219, 0.8); + border: none; + background-color: rgba(119, 119, 119, 0.9); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar button.titlebutton:active, headerbar button.titlebutton:checked, +.titlebar button.titlebutton:active, +.titlebar button.titlebutton:checked { + color: #ffffff; + border: none; + background-color: #777777; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize, +.titlebar button.titlebutton.restore { + min-width: 16px; + min-height: 16px; + margin: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: auto; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.restore:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); +} + +headerbar button.titlebutton.restore, +.titlebar button.titlebutton.restore { + background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png")); +} + +headerbar button.titlebutton.restore:backdrop, +.titlebar button.titlebutton.restore:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png")); +} + +headerbar button.titlebutton.restore:hover, +.titlebar button.titlebutton.restore:hover { + background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png")); +} + +headerbar button.titlebutton.restore:active, +.titlebar button.titlebutton.restore:active { + background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, +.maximized headerbar button.titlebutton.maximize, .fullscreen +.titlebar button.titlebutton.maximize, +.maximized +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, +.maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen +.titlebar button.titlebutton.maximize:backdrop, +.maximized +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, +.maximized headerbar button.titlebutton.maximize:hover, .fullscreen +.titlebar button.titlebutton.maximize:hover, +.maximized +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, +.maximized headerbar button.titlebutton.maximize:active, .fullscreen +.titlebar button.titlebutton.maximize:active, +.maximized +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png")); +} + +.view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { + background-color: #0046DB; +} + +row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { + color: #ffffff; +} + +row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, +textview text:disabled:selected, iconview text:disabled:selected:focus, +textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { + color: #80a3ed; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 6px; +} + +popover.emoji-picker entry { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 4px 12px; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +button.emoji-section { + margin: 2px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); +} + +.emoji widget:hover { + font-size: larger; +} + +/* +.gedit-bottom-panel-paned notebook, +terminal-window notebook { + > header.top > tabs > tab:checked { box-shadow: inset 0 -1px $borders_color; } +} +*/ +terminal-window notebook > header.top tabs > tab, +.mate-terminal notebook > header.top tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window notebook > header.top button, +.mate-terminal notebook > header.top button { + padding: 0; + min-width: 24px; + min-height: 24px; +} + +.nautilus-canvas-item { + border-radius: 2px; +} + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item, .caja-desktop { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active, .caja-desktop:active { + color: #dedede; +} + +.nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected, .caja-desktop:selected { + color: #ffffff; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, +.titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, +.titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, .budgie-notification .nautilus-canvas-item.notification-body:selected:focus, .budgie-switcher .nautilus-canvas-item.notification-body:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #ccdaf8; +} + +.nautilus-window searchbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.nautilus-window .searchbar-container { + margin-top: -1px; +} + +.nautilus-window notebook, +.nautilus-window notebook > stack { + border-radius: 0 0 6px 0; +} + +.nautilus-window.maximized notebook, +.nautilus-window.maximized notebook > stack { + border-radius: 0 0 0 0; +} + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #242424; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(0, 70, 219, 0.8); + border-color: rgba(0, 54, 168, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: rgba(225, 219, 219, 0.8); + border: none; + background-color: rgba(119, 119, 119, 0.9); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + } + 100% { + color: #ffffff; + border: none; + background-color: #777777; + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: #ffffff; + background-color: #0046DB; +} + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #0046DB; + color: #ffffff; + border-radius: 3px 0 4px 0; +} + +.nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; +} + +.nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window.maximized .floating-bar { + border-radius: 3px 0 0 0; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 1px solid; + border-radius: 3px; + color: #dedede; + border-color: #8eb9ff; + background-color: #242424; + box-shadow: inset 0 0 0 2px #8eb9ff; +} + +.nemo-window .primary-toolbar { + border: none; + color: rgba(225, 219, 219, 0.8); + background-color: #373737; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { + padding-bottom: 2px; + margin: 0; + color: rgba(225, 219, 219, 0.8); + background-color: #373737; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { + margin: 0; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { + color: rgba(225, 219, 219, 0.8); + background-color: #4b4b4b; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + transition: background-color 0.00001s 0.3s; + animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + color: rgba(225, 219, 219, 0.8); + background-color: #1e1e1e; + box-shadow: inset 0 -2px #0f5cff; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(225, 219, 219, 0.4); +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { + color: #ffffff; + background-color: #0046DB; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable, .gedit-document-panel .budgie-menu button, .budgie-menu .gedit-document-panel button { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: none; + background-color: #333333; + border-radius: 0 0 6px 6px; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 5px 5px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow { + margin: 0 6px 6px 6px; + border-radius: 0; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button) box > .title, paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button) box > .title, paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button) box > .title, .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 6px 6px 0 0; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #0046DB; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: #ffffff; + background-color: #0046DB; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, +dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +entry.search.preferences-search { + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + border-style: solid; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat, configurationview .raven .raven-background spinbutton:not(.vertical), .raven .raven-background configurationview spinbutton:not(.vertical) { + background: none; +} + +configurationview list { + border-width: 0; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 6px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event:hover, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event:active, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event label.compressed-entries-label, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event label.compressed-entries-label { + background-image: image(#3484e2); + color: #ffffff; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row:hover, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row:active, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row:active:focus, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row.popover-activated-row, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row.popover-activated-row { + background-image: image(#0046DB); + color: #ffffff; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header { + background-image: image(#242424); + color: #0046DB; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header:hover, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header:hover { + background-image: image(#22262d); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header:active, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header:active:focus, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header:active:focus { + background-image: image(#202736); + color: #0046DB; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header label.compressed-entries-label, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header label.compressed-entries-label { + background-image: image(#0046DB); + color: #ffffff; + transition-duration: 0s; +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #0046DB; + color: #ffffff; + border-radius: 2px; +} + +.documents-collection-icon, .photos-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #427eff; +} + +.documents-entry-tag, .photos-entry-tag { + color: #ffffff; + background: #0046DB; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.documents-entry-tag:hover, .photos-entry-tag:hover { + color: #ffffff; + background: #004def; +} + +.documents-entry-tag:active, .photos-entry-tag:active { + color: #ffffff; + background: #003fc7; +} + +.documents-entry-tag.button, .button.photos-entry-tag { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +.tweak-categories, +.tweak-category:not(:selected):not(:hover) { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +.tweak-categories { + border-radius: 0 0 0 6px; +} + +.tweak-titlebar-right > switch, +dialog.csd > headerbar.titlebar > switch { + margin: 8px 0; +} + +/************************ + * Gnome Control Center * + ************************/ +box.horizontal.titlebar > headerbar > stack > box.vertical > .title { + margin: 0; +} + +box.horizontal.titlebar > headerbar > stack > box.vertical > .subtitle { + margin: -3px 0; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #f0f0f0; + background-color: rgba(36, 36, 36, 0.95); + border: 1px solid rgba(16, 16, 16, 0.95); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #0046DB; + border-color: #0046DB; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(23, 23, 23, 0.95); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: #ffffff; + background-color: #0046DB; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #0046DB; + border-radius: 2px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal button, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal button:active, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:active, window.csd > box.vertical > box.vertical > toolbar.horizontal button:checked, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button:active, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button:checked, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised:active, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised:active, window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised:checked, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised > widget > box > image, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem button.flat.scale, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar toolitem button.scale.budgie-menu-launcher, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem button.scale.budgie-menu-launcher, window.background > box.vertical > toolbar.primary-toolbar toolitem .budgie-panel .scale#tasklist-button, .budgie-panel window.background > box.vertical > toolbar.primary-toolbar toolitem .scale#tasklist-button, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .budgie-panel .scale#tasklist-button, .budgie-panel window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .scale#tasklist-button, .budgie-panel window.background > box.vertical > toolbar.primary-toolbar toolitem button.scale.flat.launcher, .budgie-panel window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem button.scale.flat.launcher { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), +window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:active, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:active, window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:checked, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):active, +window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):active, +window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):checked, +window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +/******************** + * Gnome Calculator * + ********************/ +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title, window.background > headerbar.titlebar > button.popup.toggle.text-button.title.budgie-menu-launcher, .budgie-panel window.background > headerbar.titlebar > .popup.toggle.text-button.title#tasklist-button, .budgie-panel window.background > headerbar.titlebar > button.popup.toggle.text-button.title.flat.launcher { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget, window.background > headerbar.titlebar > button.popup.toggle.text-button.title.budgie-menu-launcher > grid > widget, .budgie-panel window.background > headerbar.titlebar > .popup.toggle.text-button.title#tasklist-button > grid > widget, .budgie-panel window.background > headerbar.titlebar > button.popup.toggle.text-button.title.flat.launcher > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr), window.background > headerbar.titlebar > button.popup.toggle.text-button.title.budgie-menu-launcher > grid > widget:dir(ltr), .budgie-panel window.background > headerbar.titlebar > .popup.toggle.text-button.title#tasklist-button > grid > widget:dir(ltr), .budgie-panel window.background > headerbar.titlebar > button.popup.toggle.text-button.title.flat.launcher > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl), window.background > headerbar.titlebar > button.popup.toggle.text-button.title.budgie-menu-launcher > grid > widget:dir(rtl), .budgie-panel window.background > headerbar.titlebar > .popup.toggle.text-button.title#tasklist-button > grid > widget:dir(rtl), .budgie-panel window.background > headerbar.titlebar > button.popup.toggle.text-button.title.flat.launcher > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.35); + text-shadow: none; + -gtk-icon-shadow: none; +} + +/************ + * Epiphany * + ************/ +headerbar.titlebar.incognito-mode entry { + color: rgba(225, 219, 219, 0.8); + border-style: none; + background-color: rgba(119, 119, 119, 0.6); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(225, 219, 219, 0.35); + border-style: none; + background-color: rgba(111, 111, 111, 0.25); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: rgba(225, 219, 219, 0.8); + border-style: none; + background-color: rgba(119, 119, 119, 0.6); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; +} + +.background headerbar entry.starred:disabled, .background headerbar entry.non-starred:disabled { + color: rgba(225, 219, 219, 0.35); + border-style: none; + background-color: rgba(111, 111, 111, 0.25); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > button { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 5px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > button:hover { + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > button:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row:hover, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row:active, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row:checked, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.flat, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.flat, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.budgie-menu-launcher, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.budgie-menu-launcher, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.budgie-menu-launcher, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row .budgie-panel #tasklist-button, .budgie-panel popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row #tasklist-button, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row .budgie-panel #tasklist-button, .budgie-panel popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row #tasklist-button, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row .budgie-panel #tasklist-button, .budgie-panel .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row #tasklist-button, .budgie-panel popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat.launcher, .budgie-panel popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: #ffffff; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(16, 16, 16, 0.95); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #0046DB; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(23, 23, 23, 0.95); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, +.mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2f2f2f; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dedede; +} + +.mate-panel-menu-bar button label, +.mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6f6f6f; + background-color: #161616; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #3c3c3c; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #427eff; + background-color: #0046DB; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.xfce4-panel.panel { + background-color: #2f2f2f; + text-shadow: none; + -gtk-icon-shadow: none; +} + +#tasklist-button { + color: rgba(222, 222, 222, 0.8); + border-radius: 0; + border: none; + background-color: rgba(47, 47, 47, 0); +} + +#tasklist-button:hover { + color: #f8f8f8; + background-color: rgba(0, 0, 0, 0.17); +} + +#tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #0046DB; +} + +.mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button), .xfce4-panel.panel button.flat, .xfce4-panel.panel button.budgie-menu-launcher, .xfce4-panel.panel .budgie-panel #tasklist-button, .budgie-panel .xfce4-panel.panel #tasklist-button { + color: #dedede; + border-radius: 0; + border: none; + background-color: rgba(47, 47, 47, 0); +} + +.mate-panel-menu-bar button:hover:not(#tasklist-button), +panel-toplevel.background button:hover:not(#tasklist-button), .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.budgie-menu-launcher:hover, .xfce4-panel.panel .budgie-panel #tasklist-button:hover, .budgie-panel .xfce4-panel.panel #tasklist-button:hover { + border: none; + background-color: #494949; +} + +.mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.budgie-menu-launcher:active, .xfce4-panel.panel .budgie-panel #tasklist-button:active, .budgie-panel .xfce4-panel.panel #tasklist-button:active, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.budgie-menu-launcher:checked, .xfce4-panel.panel .budgie-panel #tasklist-button:checked, .budgie-panel .xfce4-panel.panel #tasklist-button:checked { + color: #ffffff; + border: none; + background-color: #0046DB; +} + +.mate-panel-menu-bar button:active:not(#tasklist-button) label, panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.budgie-menu-launcher:active label, .xfce4-panel.panel .budgie-panel #tasklist-button:active label, .budgie-panel .xfce4-panel.panel #tasklist-button:active label, +.mate-panel-menu-bar button:active:not(#tasklist-button) image, +panel-toplevel.background button:active:not(#tasklist-button) image, +.xfce4-panel.panel button.flat:active image, +.xfce4-panel.panel button.budgie-menu-launcher:active image, +.xfce4-panel.panel .budgie-panel #tasklist-button:active image, +.budgie-panel .xfce4-panel.panel #tasklist-button:active image, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.budgie-menu-launcher:checked label, .xfce4-panel.panel .budgie-panel #tasklist-button:checked label, .budgie-panel .xfce4-panel.panel #tasklist-button:checked label, +.mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image, +.xfce4-panel.panel button.flat:checked image, +.xfce4-panel.panel button.budgie-menu-launcher:checked image, +.xfce4-panel.panel .budgie-panel #tasklist-button:checked image, +.budgie-panel .xfce4-panel.panel #tasklist-button:checked image { + color: inherit; +} + +/********* + * Geary * + *********/ +.geary-titlebar-left separator { + opacity: 0; +} + +.geary-titlebar-left > button { + min-width: 22px; +} + +.geary-titlebar-right { + box-shadow: none; +} + +.geary-titlebar-right separator { + opacity: 0; +} + +.geary-titlebar-right > button { + min-width: 22px; +} + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(225, 219, 219, 0.8); + border-style: none; + background-color: rgba(119, 119, 119, 0.6); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; +} + +.marlin-pathbar.pathbar:disabled { + color: rgba(225, 219, 219, 0.35); + border-style: none; + background-color: rgba(111, 111, 111, 0.25); +} + +.marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #0046DB; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white, white); + background-color: transparent; +} + +.gala-notification .title, +.gala-notification .label { + color: #5c616c; +} + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +.panel-shadow { + background-image: none; + background-color: transparent; +} + +.panel .menu { + box-shadow: none; +} + +.panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.panel .menu .window-frame.menu.csd, +.panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} + +.panel .menubar > .menuitem { + padding: 3px 6px; +} + +.panel .menubar > .menuitem:hover { + background-color: transparent; +} + +.panel .window-frame.menu.csd, +.panel .window-frame.popup.csd { + box-shadow: none; +} + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +.composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; +} + +.composited-indicator .menuitem:active, +.composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; +} + +.composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; +} + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; +} + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.07); +} + +window.background:not(.csd) > widget > scrollbar { + background-clip: border-box; +} + +window.background:not(.csd) > widget > scrollbar, +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget > button > button { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 5px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 5px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #8eb9ff; + box-shadow: inset 0 0 0 2px #8eb9ff; +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#484848); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#777777); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; +} + +window.background:not(.csd) > widget > button > button:active { + background-image: image(#777777); + border: none; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) .menu { + background-color: #404040; + border-radius: 0; +} + +window.background:not(.csd) > menu .separator:not(label), +.csd window.background:not(.csd) > menu .separator:not(label), +window.background:not(.csd) .menu .separator:not(label), +.csd +window.background:not(.csd) .menu .separator:not(label) { + color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +#MozillaGtkWidget.background { + background-color: #333333; +} + +#MozillaGtkWidget.background .background, +#MozillaGtkWidget.background frame, +#MozillaGtkWidget.background separator, +#MozillaGtkWidget.background scrolledwindow { + background-color: #333333; +} + +#MozillaGtkWidget.background scrollbar { + background-color: transparent; +} + +#MozillaGtkWidget.background scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget.background scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget.background scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget.background scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget.background *:not(menuitem):hover, #MozillaGtkWidget.background *:not(menuitem):hover button, +#MozillaGtkWidget.background *:focus, +#MozillaGtkWidget.background *:focus button, +#MozillaGtkWidget.background *:active, +#MozillaGtkWidget.background *:active button, +#MozillaGtkWidget.background *:checked, +#MozillaGtkWidget.background *:checked button { + color: #dedede; +} + +#MozillaGtkWidget.background > window.background > menu { + background-color: #404040; + border-radius: 0; + border-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget.background > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget.background > widget border { + border-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget.background > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget.background > widget > scrolledwindow > textview { + background-color: #404040; +} + +#MozillaGtkWidget.background > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +/*************** + * Chrome(ium) * + ***************/ +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background.chromium > textview.view { + background-color: #242424; +} + +/**************** + * Libre-Office * + ****************/ +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal { + background-image: none; + background-color: transparent; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher { + color: rgba(225, 219, 219, 0.8); + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher:hover, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button:hover, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher:hover { + background-color: #5d5d5d; + color: rgba(237, 233, 233, 0.8); +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher:active, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button:active, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher:active, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher:checked, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button:checked, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher:disabled, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button:disabled, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher:disabled { + color: alpha(rgba(225, 219, 219, 0.8),0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar, window > box.vertical > box.horizontal > .inline-toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, window > box.vertical > box.horizontal > .inline-toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry, +window > box.vertical > box.horizontal > .inline-toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label, window > box.vertical > box.horizontal > .inline-toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #0046DB; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 6px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 6px 6px 0 0; + padding: 1px 6px 0 6px; + background-color: #373737; + background-image: none; + color: rgba(225, 219, 219, 0.8); + box-shadow: inset 0 1px #3f3f3f; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(225, 219, 219, 0.5); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(47, 47, 47, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #e1e1e1; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #0046DB, #0046DB); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #4b4b4b; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #0046DB; + border-color: #0046DB; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: #ffffff; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view, +iconview.source-list { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover, iconview.source-list:hover { + background-color: #404040; +} + +.source-list.view:selected, iconview.source-list:selected, +.source-list.view:hover:selected, +iconview.source-list:hover:selected, +.source-list.view:selected:focus, +iconview.source-list:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #0046DB; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #0046DB; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #0046DB; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #ababab; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #2f2f2f; + color: #dedede; + font-weight: bold; + box-shadow: inset 0 -1px #1d1d1d; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dedede; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(222, 222, 222, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: #484848; +} + +#content_frame button:hover { + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: #373737; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #484848; +} + +#buttonbox_frame button { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.35); +} + +#buttonbox_frame button:hover { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(110, 110, 110, 0.45); +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0046DB; +} + +#buttonbox_frame button:disabled { + color: #5c5c5c; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.2); +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +.nautilus-window paned > separator { + background-image: linear-gradient(to bottom, #484848, #484848); +} + +filechooser paned > separator { + background-image: linear-gradient(to bottom, #484848, #484848); +} + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; +} + +filechooser.csd.background, filechooser placessidebar, +.nautilus-window.csd.background, +.nautilus-window placessidebar { + background-color: #3B3B3B; + border-radius: 0 0 6px 6px; +} + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + border-right: none; + background-color: transparent; +} + +filechooser placessidebar.sidebar row.sidebar-row, +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dedede; +} + +filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: rgba(222, 222, 222, 0.85); +} + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup label, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup image, filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { + color: rgba(222, 222, 222, 0.4); +} + +filechooser placessidebar.sidebar row.sidebar-row:backdrop, +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + color: #dedede; + background-color: rgba(199, 199, 199, 0.25); +} + +filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup label, filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup image, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected label, filechooser placessidebar.sidebar row.sidebar-row:selected image, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:selected:hover label, filechooser placessidebar.sidebar row.sidebar-row:selected:hover image, filechooser placessidebar.sidebar row.sidebar-row:active:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover label, filechooser placessidebar.sidebar row.sidebar-row:active:hover image, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup image, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected image, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover image, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover label, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover image { + color: #dedede; +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { + color: #dedede; +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(110, 110, 110, 0.45); +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; +} + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #0046DB; +} + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dedede; +} + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dedede; +} + +filechooser placessidebar.sidebar separator, +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +filechooser.maximized placessidebar, +.nautilus-window.maximized placessidebar { + border-radius: 0; +} + +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #3b3b3b; +} + +.nemo-window .sidebar { + color: #dedede; + background-color: #3B3B3B; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { + background-color: transparent; + color: #dedede; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { + background-color: #0046DB; + color: #ffffff; +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { + color: #8d8d8d; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dedede; +} + +.nemo-window .sidebar separator { + background-color: transparent; +} + +.caja-side-pane, +.caja-side-pane > notebook > stack > widget > box, +.caja-side-pane text, +.caja-side-pane treeview { + color: #dedede; + caret-color: #dedede; + background-color: #3b3b3b; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dedede; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: #2e2e2e; +} + +filechooser actionbar { + color: #dedede; + background-color: #3B3B3B; + border-color: rgba(255, 255, 255, 0.12); +} + +filechooser actionbar label, filechooser actionbar combobox { + color: #dedede; +} + +.gedit-bottom-panel-paned { + background-color: #242424; +} + +.gedit-side-panel-paned > separator { + background-image: linear-gradient(to bottom, #484848, #484848); +} + +.gedit-bottom-panel-paned > separator { + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); +} + +.gedit-document-panel { + background-color: #3B3B3B; +} + +.maximized .gedit-document-panel { + background-color: #3b3b3b; +} + +.gedit-document-panel row { + color: #dedede; + background-color: rgba(222, 222, 222, 0); +} + +.gedit-document-panel row:hover { + background-color: rgba(222, 222, 222, 0.15); +} + +.gedit-document-panel row:active { + color: #ffffff; + background-color: #0046DB; +} + +.gedit-document-panel row:active button { + color: #ffffff; +} + +.gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #0046DB; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +filechooser actionbar button { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.35); +} + +.caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(110, 110, 110, 0.45); +} + +filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0046DB; +} + +filechooser actionbar button:disabled { + color: #5c5c5c; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.2); +} + +filechooser actionbar entry { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.35); +} + +filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; +} + +filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0046DB; +} + +filechooser actionbar entry:disabled { + color: #dedede; + background-color: rgba(92, 92, 92, 0.2); +} + +filechooser placessidebar.sidebar scrollbar, +.nautilus-window placessidebar.sidebar scrollbar, .nemo-window .sidebar scrollbar, .caja-side-pane scrollbar { + border-color: transparent; +} + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nemo-window .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +filechooser placessidebar.sidebar scrollbar slider, .nautilus-window placessidebar.sidebar scrollbar slider, .nemo-window .sidebar scrollbar slider, .caja-side-pane scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +filechooser placessidebar.sidebar scrollbar slider:hover, .nautilus-window placessidebar.sidebar scrollbar slider:hover, .nemo-window .sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { + background-color: white; +} + +filechooser placessidebar.sidebar scrollbar slider:hover:active, .nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .nemo-window .sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { + background-color: #848484; +} + +filechooser placessidebar.sidebar scrollbar slider:disabled, .nautilus-window placessidebar.sidebar scrollbar slider:disabled, .nemo-window .sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { + background-color: transparent; +} + +filechooser placessidebar.sidebar scrollbar trough, .nautilus-window placessidebar.sidebar scrollbar trough, .nemo-window .sidebar scrollbar trough, .caja-side-pane scrollbar trough { + background-color: transparent; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dedede; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #0046DB; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #dedede; +@define-color text_color #dedede; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #0046DB; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #383838; +@define-color insensitive_fg_color alpha(#dedede, 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dedede; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #71c837; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/****************** + * Budgie Desktop * + ******************/ +.budgie-settings-window buttonbox.inline-toolbar button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:not(.image-button), .workspace-switcher .workspace-add-button, .raven .raven-header:not(.top) button, .raven-mpris button.image-button, .drop-shadow button, window.budgie-switcher-window .drop-shadow button { + border: none; + background-color: transparent; + box-shadow: none; +} + +.budgie-settings-window buttonbox.inline-toolbar button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:hover:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:hover:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:hover:not(.image-button), .workspace-switcher .workspace-add-button:hover, .raven .raven-header:not(.top) button:hover, .raven-mpris button.image-button:hover, .drop-shadow button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); +} + +.budgie-settings-window buttonbox.inline-toolbar button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:checked:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:checked:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:checked:not(.image-button), .workspace-switcher .workspace-add-button:checked, .raven .raven-header:not(.top) button:checked, .raven-mpris button.image-button:checked, .drop-shadow button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.35); + text-shadow: none; + -gtk-icon-shadow: none; +} + +.budgie-settings-window buttonbox.inline-toolbar button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:active:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:active:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:active:not(.image-button), .workspace-switcher .workspace-add-button:active, .raven .raven-header:not(.top) button:active, .raven-mpris button.image-button:active, .drop-shadow button:active { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +.budgie-settings-window buttonbox.inline-toolbar button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:disabled:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:disabled:not(.image-button), .workspace-switcher .workspace-add-button:disabled, .raven .raven-header:not(.top) button:disabled, .raven-mpris button.image-button:disabled, .drop-shadow button:disabled { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:disabled:not(.image-button) label, .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:disabled:not(.image-button) label, .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:disabled:not(.image-button) label, .workspace-switcher .workspace-add-button:disabled label, .raven .raven-header:not(.top) button:disabled label, .raven-mpris button.image-button:disabled label, .drop-shadow button:disabled label, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:disabled:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:disabled:not(.image-button), .workspace-switcher .workspace-add-button:disabled, .raven .raven-header:not(.top) button:disabled, .raven-mpris button.image-button:disabled, .drop-shadow button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 5px; + -gtk-outline-radius: 5px; +} + +.budgie-popover { + margin: 0; + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3); + background-color: #333333; +} + +.budgie-popover .container { + padding: 2px; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover row { + padding: 0; + background-color: transparent; +} + +.budgie-popover row:hover { + box-shadow: none; + background-color: transparent; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:not(.image-button):disabled, .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:not(.image-button):disabled { + color: rgba(222, 222, 222, 0.45); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.night-light-indicator .container { + padding: 8px; +} + +.budgie-popover.places-menu .container { + padding: 8px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), +.bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), +.bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, +.right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), +.bottom .workspace-switcher .workspace-item:dir(ltr), .top +.workspace-switcher .workspace-add-button:dir(ltr), +.bottom +.workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), +.bottom .workspace-switcher .workspace-item:dir(rtl), .top +.workspace-switcher .workspace-add-button:dir(rtl), +.bottom +.workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, +.right .workspace-switcher .workspace-item, .left +.workspace-switcher .workspace-add-button, +.right +.workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 5px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 120%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 5px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 5px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +.budgie-menu button:checked:disabled { + background-color: #0046DB; +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #373737; + color: rgba(225, 219, 219, 0.8); + font-weight: 500; +} + +.budgie-panel.transparent { + background-color: rgba(55, 55, 55, 0.65); +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + color: rgba(225, 219, 219, 0.8); + border-top-width: 0; + border-bottom-width: 0; + border: none; +} + +.budgie-panel button:checked { + background-color: rgba(225, 219, 219, 0.12); +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: rgba(225, 219, 219, 0.8); + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #0046DB; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(225, 219, 219, 0.2); +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel #tasklist-button { + padding: 0 4px; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.launcher.budgie-menu-launcher, .budgie-panel .launcher#tasklist-button, .budgie-panel button.launcher.flat { + padding: 0; +} + +.budgie-panel button.launcher.budgie-menu-launcher:not(:checked), .budgie-panel .launcher#tasklist-button:not(:checked), .budgie-panel button.launcher.flat:not(:checked) { + color: #dedede; +} + +.budgie-panel button.launcher.budgie-menu-launcher:not(:checked):hover, .budgie-panel .launcher#tasklist-button:not(:checked):hover, .budgie-panel button.launcher.flat:not(:checked):hover, .budgie-panel button.launcher.budgie-menu-launcher:not(:checked):active, .budgie-panel .launcher#tasklist-button:not(:checked):active, .budgie-panel button.launcher.flat:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.launcher.budgie-menu-launcher:not(:checked):disabled, .budgie-panel .launcher#tasklist-button:not(:checked):disabled, .budgie-panel button.launcher.flat:not(:checked):disabled { + color: rgba(222, 222, 222, 0.5); +} + +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.launcher.budgie-menu-launcher, .budgie-panel .unpinned .top button.launcher.budgie-menu-launcher, .top .budgie-panel .unpinned .launcher#tasklist-button, .budgie-panel .unpinned .top .launcher#tasklist-button, .top .budgie-panel .unpinned button.launcher.flat, .budgie-panel .unpinned .top button.launcher.flat, .top .budgie-panel .pinned button.launcher.running.budgie-menu-launcher, .budgie-panel .pinned .top button.launcher.running.budgie-menu-launcher, .top .budgie-panel .pinned .launcher.running#tasklist-button, .budgie-panel .pinned .top .launcher.running#tasklist-button, .top .budgie-panel .pinned button.launcher.running.flat, .budgie-panel .pinned .top button.launcher.running.flat { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; +} + +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.launcher.budgie-menu-launcher, .budgie-panel .unpinned .bottom button.launcher.budgie-menu-launcher, .bottom .budgie-panel .unpinned .launcher#tasklist-button, .budgie-panel .unpinned .bottom .launcher#tasklist-button, .bottom .budgie-panel .unpinned button.launcher.flat, .budgie-panel .unpinned .bottom button.launcher.flat, .bottom .budgie-panel .pinned button.launcher.running.budgie-menu-launcher, .budgie-panel .pinned .bottom button.launcher.running.budgie-menu-launcher, .bottom .budgie-panel .pinned .launcher.running#tasklist-button, .budgie-panel .pinned .bottom .launcher.running#tasklist-button, .bottom .budgie-panel .pinned button.launcher.running.flat, .budgie-panel .pinned .bottom button.launcher.running.flat { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; +} + +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.launcher.budgie-menu-launcher, .budgie-panel .unpinned .left button.launcher.budgie-menu-launcher, .left .budgie-panel .unpinned .launcher#tasklist-button, .budgie-panel .unpinned .left .launcher#tasklist-button, .left .budgie-panel .unpinned button.launcher.flat, .budgie-panel .unpinned .left button.launcher.flat, .left .budgie-panel .pinned button.launcher.running.budgie-menu-launcher, .budgie-panel .pinned .left button.launcher.running.budgie-menu-launcher, .left .budgie-panel .pinned .launcher.running#tasklist-button, .budgie-panel .pinned .left .launcher.running#tasklist-button, .left .budgie-panel .pinned button.launcher.running.flat, .budgie-panel .pinned .left button.launcher.running.flat { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; +} + +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.launcher.budgie-menu-launcher, .budgie-panel .unpinned .right button.launcher.budgie-menu-launcher, .right .budgie-panel .unpinned .launcher#tasklist-button, .budgie-panel .unpinned .right .launcher#tasklist-button, .right .budgie-panel .unpinned button.launcher.flat, .budgie-panel .unpinned .right button.launcher.flat, .right .budgie-panel .pinned button.launcher.running.budgie-menu-launcher, .budgie-panel .pinned .right button.launcher.running.budgie-menu-launcher, .right .budgie-panel .pinned .launcher.running#tasklist-button, .budgie-panel .pinned .right .launcher.running#tasklist-button, .right .budgie-panel .pinned button.launcher.running.flat, .budgie-panel .pinned .right button.launcher.running.flat { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; +} + +frame.raven-frame > border { + border-style: none; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3), 0 0 8px 0 rgba(0, 0, 0, 0.3); +} + +.top frame.raven-frame > border { + margin-bottom: 32px; +} + +.bottom frame.raven-frame > border { + margin-top: 32px; +} + +.left frame.raven-frame > border { + margin-right: 32px; +} + +.right frame.raven-frame > border { + margin-left: 32px; +} + +.raven { + background-color: #333333; +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven .raven-header { + min-height: 36px; + padding: 3px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 28px; + min-width: 28px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px; + color: #dedede; +} + +.raven .raven-header.top stackswitcher button { + margin: -6px 0; + min-height: 26px; +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background.frame { + border-style: solid none; +} + +.raven .raven-background > overlay > widget > image { + color: alpha(currentColor,0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #0046DB; + color: #ffffff; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 2px; + border-style: none; + background-color: transparent; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #0046DB; +} + +.raven-mpris { + background-color: rgba(0, 0, 0, 0.5); + color: #ffffff; +} + +.raven-mpris label { + min-height: 24px; +} + +.raven-mpris button.image-button { + padding: 8px; +} + +.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { + background-color: transparent; + background-image: none; + border-radius: 6px; +} + +.budgie-notification, .budgie-switcher { + background-color: transparent; + background-image: none; +} + +.budgie-notification .notification-title, .budgie-switcher .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 6px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 6px; + -gtk-outline-radius: 6px; + background-image: none; +} + +.drop-shadow, window.budgie-switcher-window .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 6px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3); + background-color: #242424; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 5px; +} + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + border-radius: 6px; + background-color: #333333; +} + +.background.budgie-session-dialog, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + border-radius: 6px; +} + +.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { + border-radius: 6px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog .linked.horizontal > button { + padding: 8px 16px; + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +.budgie-session-dialog .linked.horizontal > button:first-child { + border-bottom-left-radius: 6px; +} + +.budgie-session-dialog .linked.horizontal > button:last-child { + border-bottom-right-radius: 6px; +} + +.budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.12); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; + border-color: rgba(255, 255, 255, 0.12); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px transparent; + background-color: transparent; +} + +.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, +.budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} diff --git a/src/gtk-3.0/gtk-compact-dark-solid.scss b/src/gtk-3.0/gtk-compact-dark-solid.scss new file mode 100644 index 0000000..54b9f03 --- /dev/null +++ b/src/gtk-3.0/gtk-compact-dark-solid.scss @@ -0,0 +1,15 @@ +$variant: 'dark'; +$darker: 'false'; +$compact: 'true'; +$transparency: 'false'; + +@import 'sass/colors'; +@import 'sass/drawing-compact'; +@import 'sass/common'; +@import 'sass/applications'; +@import 'sass/unity'; +@import 'sass/granite'; +@import 'sass/lightdm'; +@import 'sass/transparent_widgets'; +@import 'sass/colors-public'; +@import 'sass/budgie.scss'; diff --git a/src/gtk-3.0/gtk-compact-dark.css b/src/gtk-3.0/gtk-compact-dark.css new file mode 100644 index 0000000..b68e2fb --- /dev/null +++ b/src/gtk-3.0/gtk-compact-dark.css @@ -0,0 +1,8274 @@ +@keyframes switch_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #71c837 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #71c837 100%, transparent 0%); + } +} + +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, rgba(55, 55, 55, 0.98) 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, rgba(55, 55, 55, 0.98) 100%, transparent 0%); + } +} + +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 5px; +} + +.background { + color: #dedede; + background-color: rgba(51, 51, 51, 0.999); +} + +.background.csd, .background.ssd, .background.osd { + border-radius: 0 0 6px 6px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #333333; + color: #dedede; +} + +.gtkstyle-fallback:hover { + background-color: #4d4d4d; + color: #dedede; +} + +.gtkstyle-fallback:active { + background-color: #1a1a1a; + color: #dedede; +} + +.gtkstyle-fallback:disabled { + background-color: #383838; + color: rgba(222, 222, 222, 0.45); +} + +.gtkstyle-fallback:selected { + background-color: #0046DB; + color: #ffffff; +} + +.view, iconview, +.view text, +iconview text, +textview text { + color: #dedede; + background-color: #242424; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.view:hover, iconview:hover, +.view text:hover, +iconview text:hover, +textview text:hover { + background-color: #2c2c2c; +} + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-radius: 5px; +} + +textview border { + background-color: #2c2c2c; +} + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #0036a8; + background-color: rgba(0, 54, 168, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 5px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +label.separator, popover label.separator, +popover.background label.separator { + color: #dedede; +} + +label selection { + color: #ffffff; + background-color: #0046DB; +} + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle, +.titlebar:not(headerbar) .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #242424; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #0046DB; + color: #ffffff; +} + +textview { + background-color: #242424; +} + +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { + color: #dedede; + border: none; + background-color: rgba(36, 36, 36, 0.95); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled { + opacity: 0.5; +} + +entry { + min-height: 22px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 5px; + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +entry.search { + border-radius: 100px; +} + +entry image { + color: #b9b9b9; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +entry.flat, .raven .raven-background spinbutton:not(.vertical), entry.flat:focus, .raven .raven-background spinbutton:focus:not(.vertical) { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:focus { + background-clip: border-box; + color: #dedede; + border-color: #8eb9ff; + background-color: #242424; + box-shadow: inset 0 0 0 2px #8eb9ff; +} + +entry:disabled { + color: rgba(222, 222, 222, 0.45); + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(36, 36, 36, 0.55); +} + +entry.warning { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a0562e; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a63530; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + border-color: rgba(255, 255, 255, 0.12); + background-color: #a63530; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; +} + +.osd entry { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.35); +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0046DB; +} + +.osd entry:disabled { + color: #dedede; + background-color: rgba(92, 92, 92, 0.2); +} + +.osd entry selection:focus, .osd entry selection { + color: #0046DB; + background-color: #ffffff; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #0046DB; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +treeview entry.flat, treeview .raven .raven-background spinbutton:not(.vertical), .raven .raven-background treeview spinbutton:not(.vertical), treeview entry { + border-radius: 0; + background-image: none; + background-color: #242424; +} + +treeview entry.flat:focus, treeview .raven .raven-background spinbutton:focus:not(.vertical), .raven .raven-background treeview spinbutton:focus:not(.vertical), treeview entry:focus { + border-color: #0046DB; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: #ffffff; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(222, 222, 222, 0.45); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0046DB), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0046DB), to(transparent)); + } +} + +button { + outline-color: #8eb9ff; + outline-style: solid; + outline-offset: -1px; + outline-width: 3px; + -gtk-outline-radius: 6px; +} + +button { + min-height: 26px; + min-width: 16px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 5px; + padding: 0 6px; + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: #484848; +} + +button separator { + margin: 4px 1px; +} + +.linked:not(.vertical) > button, +.linked.vertical > button, combobox, popover button, +popover.background button, button.flat, button.budgie-menu-launcher, .budgie-panel #tasklist-button, .budgie-panel button.flat.launcher, button.osd, button.sidebar-button, button.circular-button { + outline-color: alpha(currentColor,0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; +} + +button.flat, button.budgie-menu-launcher, .budgie-panel #tasklist-button, .budgie-panel button.flat.launcher { + border: none; + background-color: transparent; + box-shadow: none; + transition: none; +} + +button.flat:hover, button.budgie-menu-launcher:hover, .budgie-panel #tasklist-button:hover, .budgie-panel button.flat.launcher:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active, button.budgie-menu-launcher:hover:active, .budgie-panel #tasklist-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:active, button.budgie-menu-launcher:active, .budgie-panel #tasklist-button:active, .budgie-panel button.flat.launcher:active, button.flat:checked, button.budgie-menu-launcher:checked, .budgie-panel #tasklist-button:checked, .budgie-panel button.flat.launcher:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +button.flat:disabled, button.budgie-menu-launcher:disabled, .budgie-panel #tasklist-button:disabled, .budgie-panel button.flat.launcher:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button:hover { + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; + background-clip: padding-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #dedede; +} + +button:active:hover, button:checked { + color: #ffffff; +} + +button:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +button:disabled label, button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 70, 219, 0.75); + background-color: rgba(0, 70, 219, 0.75); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +button.image-button { + min-width: 28px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 8px; + padding-left: 8px; +} + +button:drop(active), combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #dedede; + background-color: rgba(36, 36, 36, 0.95); + border-color: rgba(16, 16, 16, 0.95); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #0046DB; +} + +button.osd:active, button.osd:checked { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0046DB; +} + +button.osd:disabled { + color: #5c5c5c; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.2); +} + +.osd button { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.35); +} + +.osd button:hover { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(110, 110, 110, 0.45); +} + +.osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0046DB; +} + +.osd button:disabled { + color: #5c5c5c; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.2); +} + +.osd button.flat, .osd button.budgie-menu-launcher, .osd .budgie-panel #tasklist-button, .budgie-panel .osd #tasklist-button, .osd .budgie-panel button.flat.launcher, .budgie-panel .osd button.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover, .osd button.budgie-menu-launcher:hover, .osd .budgie-panel #tasklist-button:hover, .budgie-panel .osd #tasklist-button:hover { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(110, 110, 110, 0.45); +} + +.osd button.flat:disabled, .osd button.budgie-menu-launcher:disabled, .osd .budgie-panel #tasklist-button:disabled, .budgie-panel .osd #tasklist-button:disabled { + color: #5c5c5c; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.2); + background-image: none; +} + +.osd button.flat:active, .osd button.budgie-menu-launcher:active, .osd .budgie-panel #tasklist-button:active, .budgie-panel .osd #tasklist-button:active, .osd button.flat:checked, .osd button.budgie-menu-launcher:checked, .osd .budgie-panel #tasklist-button:checked, .budgie-panel .osd #tasklist-button:checked { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0046DB; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; +} + +button.suggested-action.flat, button.suggested-action.budgie-menu-launcher, .budgie-panel .suggested-action#tasklist-button, .budgie-panel button.suggested-action.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, button.suggested-action.budgie-menu-launcher:disabled, .budgie-panel .suggested-action#tasklist-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.45); +} + +button.suggested-action:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(222, 222, 222, 0.45); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; +} + +button.destructive-action.flat, button.destructive-action.budgie-menu-launcher, .budgie-panel .destructive-action#tasklist-button, .budgie-panel button.destructive-action.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, button.destructive-action.budgie-menu-launcher:disabled, .budgie-panel .destructive-action#tasklist-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(222, 222, 222, 0.45); +} + +button.destructive-action:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(222, 222, 222, 0.45); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0046DB), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 2px; +} + +.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 2px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 5px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: white; + border-color: white; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: rgba(255, 255, 255, 0); +} + +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: rgba(255, 255, 255, 0); +} + +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: rgba(255, 255, 255, 0); +} + +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: rgba(255, 255, 255, 0); +} + +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #8eb9ff; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #8eb9ff; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button:active + entry, +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #8eb9ff; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked:not(.vertical).path-bar > button + button { + border-left-style: none; +} + +.linked.vertical > entry + entry { + border-top-color: rgba(255, 255, 255, 0); +} + +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: rgba(255, 255, 255, 0); +} + +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: rgba(255, 255, 255, 0); +} + +.linked.vertical > entry.error + entry.warning, +.linked.vertical > entry.warning + entry.error { + border-top-color: rgba(255, 255, 255, 0); +} + +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { + border-top-color: #8eb9ff; +} + +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #8eb9ff; +} + +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #F08437; +} + +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #F08437; +} + +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { + border-top-color: #F27835; +} + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #F27835; +} + +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { + border-top-color: #FC4138; +} + +.linked.vertical > entry.error:focus:not(:only-child) + entry, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #FC4138; +} + +.linked.vertical > button:active + entry, +.linked.vertical > button:checked + entry { + border-top-color: #8eb9ff; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.budgie-menu-launcher, .inline-toolbar toolbutton > button.budgie-menu-launcher, .inline-toolbar .budgie-panel toolbutton > #tasklist-button, .budgie-panel .inline-toolbar toolbutton > #tasklist-button, .inline-toolbar .budgie-panel toolbutton > button.flat.launcher, .budgie-panel .inline-toolbar toolbutton > button.flat.launcher, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, +headerbar .linked:not(.vertical).path-bar > button, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button, +headerbar .linked:not(.vertical).path-bar > button:hover, +headerbar .linked:not(.vertical).path-bar > button:active, +headerbar .linked:not(.vertical).path-bar > button:checked, +headerbar .linked:not(.vertical).path-bar > button:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; +} + +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, .inline-toolbar toolbutton > button.flat:first-child, .inline-toolbar toolbutton > button.budgie-menu-launcher:first-child, .inline-toolbar .budgie-panel toolbutton > #tasklist-button:first-child, .budgie-panel .inline-toolbar toolbutton > #tasklist-button:first-child, .inline-toolbar .budgie-panel toolbutton > button.flat.launcher:first-child, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:first-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, +headerbar .linked:not(.vertical).path-bar > button:first-child:hover, +headerbar .linked:not(.vertical).path-bar > button:first-child:active, +headerbar .linked:not(.vertical).path-bar > button:first-child:checked, +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, .inline-toolbar toolbutton > button.flat:last-child, .inline-toolbar toolbutton > button.budgie-menu-launcher:last-child, .inline-toolbar .budgie-panel toolbutton > #tasklist-button:last-child, .budgie-panel .inline-toolbar toolbutton > #tasklist-button:last-child, .inline-toolbar .budgie-panel toolbutton > button.flat.launcher:last-child, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:last-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, +headerbar .linked:not(.vertical).path-bar > button:last-child:hover, +headerbar .linked:not(.vertical).path-bar > button:last-child:active, +headerbar .linked:not(.vertical).path-bar > button:last-child:checked, +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + border-right-style: solid; +} + +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, .inline-toolbar toolbutton > button.flat:only-child, .inline-toolbar toolbutton > button.budgie-menu-launcher:only-child, .inline-toolbar .budgie-panel toolbutton > #tasklist-button:only-child, .budgie-panel .inline-toolbar toolbutton > #tasklist-button:only-child, .inline-toolbar .budgie-panel toolbutton > button.flat.launcher:only-child, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:only-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, +headerbar .linked:not(.vertical).path-bar > button:only-child:hover, +headerbar .linked:not(.vertical).path-bar > button:only-child:active, +headerbar .linked:not(.vertical).path-bar > button:only-child:checked, +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { + border-radius: 5px; + border-style: solid; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 5px; + border-bottom-left-radius: 0; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 5px; + border-bottom-right-radius: 0; + border-right-style: solid; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 5px 5px 0 0; + border-style: solid; +} + +.linked.vertical > entry, +.linked.vertical > entry:focus, +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-bottom-style: none; +} + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-bottom-style: solid; +} + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 5px; + border-style: solid; +} + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 5px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #444444; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + color: #ffffff; + border: none; + background-color: rgba(132, 132, 132, 0.98); + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #dedede; +} + +menuitem.button.flat:disabled, +modelbutton.flat:disabled { + color: rgba(222, 222, 222, 0.45); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +*:link, button:link, button:visited { + color: #3484e2; +} + +*:link:visited, button:visited { + color: #b8b8b8; +} + +*:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #99b5f1; +} + +*:link:hover, button:hover:link, button:hover:visited { + color: #619fe8; +} + +*:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #e6edfb; +} + +*:link:active, button:active:link, button:active:visited { + color: #3484e2; +} + +*:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #ccdaf8; +} + +infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, +.selection-mode.titlebar:not(headerbar) .subtitle:link, +*:selected *:link, +*:selected button:link, +*:selected button:visited { + color: #ccdaf8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: #ffffff; +} + +spinbutton:disabled { + color: rgba(222, 222, 222, 0.45); +} + +spinbutton:not(.vertical) entry { + min-width: 28px; +} + +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 5px 0 0 5px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0); +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #8eb9ff; +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #8eb9ff; +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 5px 5px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: #8eb9ff; +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox button.combo { + min-width: 0; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); + min-height: 16px; + min-width: 20px; + padding: 0; + margin: -1px -13px -1px -1px; + border-radius: 0 5px 5px 0; + color: #ffffff; + border: 1px solid #686868; + background-color: #0046DB; + background-image: linear-gradient(180deg, #686868 0%, #686868 100%); +} + +.linked:not(.vertical) > combobox > box > button.combo arrow { + border-radius: 0; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo arrow { + border-radius: 0 5px 5px 0; +} + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: rgba(55, 55, 55, 0.98); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar separator, .inline-toolbar separator { + background: none; +} + +toolbar.horizontal separator, .horizontal.inline-toolbar separator { + margin: 0 6px; +} + +toolbar.vertical separator, .vertical.inline-toolbar separator { + margin: 6px 0; +} + +.osd toolbar, .osd .inline-toolbar { + background-color: transparent; +} + +toolbar.osd, .osd.inline-toolbar { + padding: 8px; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 5px; + background-color: rgba(36, 36, 36, 0.85); +} + +toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; +} + +toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; +} + +toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; +} + +toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; +} + +toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; +} + +toolbar:not(.inline-toolbar) switch, .inline-toolbar:not(.inline-toolbar) switch, +toolbar:not(.inline-toolbar) scale, +.inline-toolbar:not(.inline-toolbar) scale, +toolbar:not(.inline-toolbar) entry, +.inline-toolbar:not(.inline-toolbar) entry, +toolbar:not(.inline-toolbar) spinbutton, +.inline-toolbar:not(.inline-toolbar) spinbutton, +toolbar:not(.inline-toolbar) button, +.inline-toolbar:not(.inline-toolbar) button { + margin-right: 1px; + margin-bottom: 1px; +} + +toolbar:not(.inline-toolbar) .linked > button, .inline-toolbar:not(.inline-toolbar) .linked > button, +toolbar:not(.inline-toolbar) .linked > entry, +.inline-toolbar:not(.inline-toolbar) .linked > entry { + margin-right: 0; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #dedede; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #4B4B4B, #4B4B4B) 1 0 1 0; +} + +.inline-toolbar { + background-color: #2b2b2b; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 5px 5px; +} + +searchbar { + background-color: #333333; + border-style: solid; + border-color: #4B4B4B; + border-width: 0 0 1px; + padding: 3px; +} + +searchbar button.flat, searchbar button.budgie-menu-launcher, searchbar .budgie-panel #tasklist-button, .budgie-panel searchbar #tasklist-button, searchbar .budgie-panel button.flat.launcher, .budgie-panel searchbar button.flat.launcher { + min-height: 16px; + min-width: 16px; + margin: 4px 6px; + padding: 0 2px; + border-radius: 100px; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: #2b2b2b; + border-radius: 0 0 6px 6px; +} + +headerbar, +.titlebar:not(headerbar) { + min-height: 34px; + padding: 0 8px; + background-image: none; + color: rgba(225, 219, 219, 0.8); + background-color: rgba(55, 55, 55, 0.98); + border-bottom: 1px solid #484848; +} + +.csd headerbar, .csd .titlebar:not(headerbar) { + background-image: none; + background-color: rgba(55, 55, 55, 0.98); + border-bottom: 1px solid #484848; +} + +headerbar:backdrop, +.titlebar:backdrop:not(headerbar) { + transition: 200ms ease-out; + color: rgba(225, 219, 219, 0.5); + background-image: none; + background-color: #404040; + border-color: #404040; +} + +.csd headerbar:backdrop, .csd .titlebar:backdrop:not(headerbar) { + background-color: #404040; + border-color: #404040; +} + +.maximized headerbar, .maximized .titlebar:not(headerbar) { + background-color: rgba(55, 55, 55, 0.98); + border-bottom: 1px solid #484848; +} + +.maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar) { + background-color: #404040; + border-color: #404040; +} + +headerbar .title, +.titlebar:not(headerbar) .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle, +.titlebar:not(headerbar) .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; +} + +headerbar.selection-mode, +.selection-mode.titlebar:not(headerbar) { + color: #ffffff; + background-color: #0e6bff; + border-color: #0060f9; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +headerbar.selection-mode:backdrop, +.selection-mode.titlebar:backdrop:not(headerbar) { + background-color: #0e6bff; + color: rgba(255, 255, 255, 0.6); +} + +headerbar.selection-mode .selection-menu, +.selection-mode.titlebar:not(headerbar) .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +headerbar.selection-mode .selection-menu GtkArrow, +.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +headerbar.selection-mode .selection-menu .arrow, +.selection-mode.titlebar:not(headerbar) .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized headerbar.selection-mode, .maximized .selection-mode.titlebar:not(headerbar) { + background-color: #0e6bff; +} + +.tiled headerbar, .tiled headerbar:backdrop, +.maximized headerbar, .maximized headerbar:backdrop, .tiled .titlebar:not(headerbar), .tiled .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar) { + border-radius: 0; +} + +.maximized headerbar, .maximized .titlebar:not(headerbar) { + background-color: rgba(55, 55, 55, 0.98); + border-color: #484848; +} + +.maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar) { + background-color: #404040; +} + +headerbar.default-decoration, +.default-decoration.titlebar:not(headerbar) { + min-height: 26px; + padding: 0 6px; + background-color: rgba(55, 55, 55, 0.98); + background-image: none; +} + +.tiled headerbar.default-decoration, +.maximized headerbar.default-decoration, +.fullscreen headerbar.default-decoration, .tiled .default-decoration.titlebar:not(headerbar), +.maximized .default-decoration.titlebar:not(headerbar), +.fullscreen .default-decoration.titlebar:not(headerbar) { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton, +.default-decoration.titlebar:not(headerbar) button.titlebutton { + border: none; + min-height: 18px; + min-width: 18px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, +.csd headerbar.default-decoration, headerbar.default-decoration:backdrop, +.csd headerbar.default-decoration:backdrop, +.default-decoration.titlebar:not(headerbar), +.csd .default-decoration.titlebar:not(headerbar), +.default-decoration.titlebar:backdrop:not(headerbar), +.csd .default-decoration.titlebar:backdrop:not(headerbar) { + box-shadow: none; + border: none; +} + +.titlebar, +.titlebar.background { + border-radius: 6px 6px 0 0; +} + +headerbar button, headerbar separator { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar entry { + margin-top: 5px; + margin-bottom: 5px; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 6px; +} + +.maximized separator:first-child + headerbar, +.tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, +.tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, +.tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, +.tiled headerbar:first-child:backdrop { + border-radius: 0; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 6px; +} + +.maximized headerbar:last-child, +.tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, +.tiled headerbar:last-child:backdrop { + border-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, +window.csd > .titlebar:not(headerbar), +window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + background-image: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + background-image: none; +} + +.titlebar:not(headerbar) > separator:backdrop { + background-image: none; + background-color: #404040; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton, +.titlebar:not(headerbar) separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border-width: 0; + border-image: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop, +.titlebar:not(headerbar) separator.titlebutton:backdrop { + opacity: 0.6; +} + +headerbar entry, .nemo-window .primary-toolbar entry { + color: rgba(225, 219, 219, 0.8); + border-style: none; + background-color: rgba(119, 119, 119, 0.58); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entry image:hover, .nemo-window .primary-toolbar entry image:hover { + color: inherit; +} + +headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { + opacity: 0.85; + background-image: none; +} + +headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; + background-clip: padding-box; +} + +headerbar entry:focus image, .nemo-window .primary-toolbar entry:focus image { + color: #0046DB; +} + +headerbar entry:disabled, .nemo-window .primary-toolbar entry:disabled { + color: rgba(225, 219, 219, 0.35); + border-style: none; + background-color: rgba(111, 111, 111, 0.23); +} + +headerbar entry selection:focus, .nemo-window .primary-toolbar entry selection:focus { + background-color: #0046DB; + color: #ffffff; +} + +headerbar entry progress, .nemo-window .primary-toolbar entry progress { + border-color: #0046DB; + background-image: none; + background-color: transparent; +} + +headerbar entry.warning, .nemo-window .primary-toolbar entry.warning { + color: white; + border-color: rgba(24, 24, 24, 0.38); + background-color: rgba(169, 95, 54, 0.992); +} + +headerbar entry.warning:focus, .nemo-window .primary-toolbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +headerbar entry.warning selection, .nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection:focus, .nemo-window .primary-toolbar entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +headerbar entry.error, .nemo-window .primary-toolbar entry.error { + color: white; + border-color: rgba(24, 24, 24, 0.38); + background-color: rgba(175, 61, 56, 0.992); +} + +headerbar entry.error:focus, .nemo-window .primary-toolbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +headerbar entry.error selection, .nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection:focus, .nemo-window .primary-toolbar entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button), +headerbar button, +.nemo-window .primary-toolbar button { + min-width: 22px; + color: rgba(225, 219, 219, 0.8); + border: none; + background-color: rgba(119, 119, 119, 0.58); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:backdrop:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:backdrop:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:backdrop:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:backdrop:not(.image-button), +headerbar button:backdrop, +.nemo-window .primary-toolbar button:backdrop { + opacity: 0.7; + background-image: none; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:hover:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:hover:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:hover:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:hover:not(.image-button), +headerbar button:hover, +.nemo-window .primary-toolbar button:hover { + color: rgba(225, 219, 219, 0.8); + border: none; + background-color: rgba(119, 119, 119, 0.88); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:checked:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:checked:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:checked:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:checked:not(.image-button), +headerbar button:checked, +.nemo-window .primary-toolbar button:checked { + color: #ffffff; + border: none; + background-color: rgba(132, 132, 132, 0.98); + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + background-clip: padding-box; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; + box-shadow: none; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:active:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:active:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:active:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:active:not(.image-button), +headerbar button:active, +.nemo-window .primary-toolbar button:active { + color: #ffffff; + border: none; + background-color: rgba(119, 119, 119, 0.98); + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; + background-clip: padding-box; + box-shadow: none; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:not(.image-button), +headerbar button:disabled, +.nemo-window .primary-toolbar button:disabled { + background-color: rgba(119, 119, 119, 0.58); + border: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:not(.image-button) label, paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:not(.image-button) label, paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:not(.image-button) label, .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:not(.image-button) label, paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:not(.image-button), +headerbar button:disabled label, +.nemo-window .primary-toolbar button:disabled label, +headerbar button:disabled, +.nemo-window .primary-toolbar button:disabled { + color: rgba(225, 219, 219, 0.35); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:active:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:active:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:active:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:active:not(.image-button), paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:checked:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:checked:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:checked:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:checked:not(.image-button), +headerbar button:disabled:active, +.nemo-window .primary-toolbar button:disabled:active, +headerbar button:disabled:checked, +.nemo-window .primary-toolbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border: none; + background-color: rgba(119, 119, 119, 0.63); + box-shadow: none; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button), +headerbar button.flat, +.nemo-window .primary-toolbar button.flat, +headerbar button.budgie-menu-launcher, +.nemo-window .primary-toolbar button.budgie-menu-launcher, +headerbar .budgie-panel #tasklist-button, +.budgie-panel headerbar #tasklist-button, +.nemo-window .primary-toolbar .budgie-panel #tasklist-button, +.budgie-panel .nemo-window .primary-toolbar #tasklist-button, +headerbar .budgie-panel button.flat.launcher, +.budgie-panel headerbar button.flat.launcher, +.nemo-window .primary-toolbar .budgie-panel button.flat.launcher, +.budgie-panel .nemo-window .primary-toolbar button.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +headerbar.selection-mode button, .nemo-window .selection-mode.primary-toolbar button, headerbar.selection-mode button.flat, .nemo-window .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.budgie-menu-launcher, .nemo-window .selection-mode.primary-toolbar button.budgie-menu-launcher, headerbar.selection-mode .budgie-panel #tasklist-button, .budgie-panel headerbar.selection-mode #tasklist-button, .nemo-window .selection-mode.primary-toolbar .budgie-panel #tasklist-button, .budgie-panel .nemo-window .selection-mode.primary-toolbar #tasklist-button, headerbar.selection-mode .budgie-panel button.flat.launcher, .budgie-panel headerbar.selection-mode button.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); +} + +headerbar.selection-mode button:hover, .nemo-window .selection-mode.primary-toolbar button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +headerbar.selection-mode button:active, .nemo-window .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:checked, .nemo-window .selection-mode.primary-toolbar button:checked { + text-shadow: none; +} + +headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child), .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):hover, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):active, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):checked, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):disabled { + margin-right: 1px; +} + +headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > button { + min-width: 20px; +} + +headerbar .linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 5px; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:disabled { + border-radius: 5px; + margin-right: 4px; + margin-left: 3px; +} + +headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active + entry, +headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: rgba(255, 255, 255, 0.12); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(255, 255, 255, 0.12); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, +headerbar .linked:not(.vertical).path-bar > button, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button { + color: rgba(225, 219, 219, 0.8); + border: none; + background-color: rgba(119, 119, 119, 0.58); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, +headerbar .linked:not(.vertical).path-bar > button:hover, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:hover { + color: rgba(225, 219, 219, 0.8); + border: none; + background-color: rgba(119, 119, 119, 0.88); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, +headerbar .linked:not(.vertical).path-bar > button:active, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:active { + color: #ffffff; + border: none; + background-color: rgba(119, 119, 119, 0.98); + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, +headerbar .linked:not(.vertical).path-bar > button:checked, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + border: none; + background-color: rgba(132, 132, 132, 0.98); + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, +headerbar .linked:not(.vertical).path-bar > button:disabled, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(225, 219, 219, 0.4); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop, +headerbar .linked:not(.vertical).path-bar > button:backdrop, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar button.suggested-action, .nemo-window .primary-toolbar button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; +} + +headerbar button.suggested-action.flat, .nemo-window .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.budgie-menu-launcher, .nemo-window .primary-toolbar button.suggested-action.budgie-menu-launcher, headerbar .budgie-panel .suggested-action#tasklist-button, .budgie-panel headerbar .suggested-action#tasklist-button, .nemo-window .primary-toolbar .budgie-panel .suggested-action#tasklist-button, .budgie-panel .nemo-window .primary-toolbar .suggested-action#tasklist-button, headerbar .budgie-panel button.suggested-action.flat.launcher, .budgie-panel headerbar button.suggested-action.flat.launcher, .nemo-window .primary-toolbar .budgie-panel button.suggested-action.flat.launcher, .budgie-panel .nemo-window .primary-toolbar button.suggested-action.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +headerbar button.suggested-action:hover, .nemo-window .primary-toolbar button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; +} + +headerbar button.suggested-action:active, .nemo-window .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:checked, .nemo-window .primary-toolbar button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; + box-shadow: none; +} + +headerbar button.suggested-action.flat:disabled, .nemo-window .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.budgie-menu-launcher:disabled, .nemo-window .primary-toolbar button.suggested-action.budgie-menu-launcher:disabled, headerbar .budgie-panel .suggested-action#tasklist-button:disabled, .budgie-panel headerbar .suggested-action#tasklist-button:disabled, .nemo-window .primary-toolbar .budgie-panel .suggested-action#tasklist-button:disabled, .budgie-panel .nemo-window .primary-toolbar .suggested-action#tasklist-button:disabled, headerbar .budgie-panel button.suggested-action.flat.launcher:disabled, .budgie-panel headerbar button.suggested-action.flat.launcher:disabled, headerbar button.suggested-action:disabled, .nemo-window .primary-toolbar button.suggested-action:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +headerbar button.suggested-action.flat:disabled label, .nemo-window .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.budgie-menu-launcher:disabled label, .nemo-window .primary-toolbar button.suggested-action.budgie-menu-launcher:disabled label, headerbar .budgie-panel .suggested-action#tasklist-button:disabled label, .budgie-panel headerbar .suggested-action#tasklist-button:disabled label, .nemo-window .primary-toolbar .budgie-panel .suggested-action#tasklist-button:disabled label, .budgie-panel .nemo-window .primary-toolbar .suggested-action#tasklist-button:disabled label, headerbar .budgie-panel button.suggested-action.flat.launcher:disabled label, .budgie-panel headerbar button.suggested-action.flat.launcher:disabled label, headerbar button.suggested-action.flat:disabled, .nemo-window .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.budgie-menu-launcher:disabled, .nemo-window .primary-toolbar button.suggested-action.budgie-menu-launcher:disabled, headerbar .budgie-panel .suggested-action#tasklist-button:disabled, .budgie-panel headerbar .suggested-action#tasklist-button:disabled, .nemo-window .primary-toolbar .budgie-panel .suggested-action#tasklist-button:disabled, .budgie-panel .nemo-window .primary-toolbar .suggested-action#tasklist-button:disabled, headerbar .budgie-panel button.suggested-action.flat.launcher:disabled, .budgie-panel headerbar button.suggested-action.flat.launcher:disabled, headerbar button.suggested-action:disabled label, .nemo-window .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled, .nemo-window .primary-toolbar button.suggested-action:disabled { + color: rgba(222, 222, 222, 0.45); +} + +headerbar button.suggested-action:backdrop, .nemo-window .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .nemo-window .primary-toolbar button.suggested-action:backdrop { + opacity: 0.8; +} + +headerbar button.destructive-action, .nemo-window .primary-toolbar button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; +} + +headerbar button.destructive-action.flat, .nemo-window .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.budgie-menu-launcher, .nemo-window .primary-toolbar button.destructive-action.budgie-menu-launcher, headerbar .budgie-panel .destructive-action#tasklist-button, .budgie-panel headerbar .destructive-action#tasklist-button, .nemo-window .primary-toolbar .budgie-panel .destructive-action#tasklist-button, .budgie-panel .nemo-window .primary-toolbar .destructive-action#tasklist-button, headerbar .budgie-panel button.destructive-action.flat.launcher, .budgie-panel headerbar button.destructive-action.flat.launcher, .nemo-window .primary-toolbar .budgie-panel button.destructive-action.flat.launcher, .budgie-panel .nemo-window .primary-toolbar button.destructive-action.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +headerbar button.destructive-action:hover, .nemo-window .primary-toolbar button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; +} + +headerbar button.destructive-action:active, .nemo-window .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:checked, .nemo-window .primary-toolbar button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; + box-shadow: none; +} + +headerbar button.destructive-action.flat:disabled, .nemo-window .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.budgie-menu-launcher:disabled, .nemo-window .primary-toolbar button.destructive-action.budgie-menu-launcher:disabled, headerbar .budgie-panel .destructive-action#tasklist-button:disabled, .budgie-panel headerbar .destructive-action#tasklist-button:disabled, .nemo-window .primary-toolbar .budgie-panel .destructive-action#tasklist-button:disabled, .budgie-panel .nemo-window .primary-toolbar .destructive-action#tasklist-button:disabled, headerbar .budgie-panel button.destructive-action.flat.launcher:disabled, .budgie-panel headerbar button.destructive-action.flat.launcher:disabled, headerbar button.destructive-action:disabled, .nemo-window .primary-toolbar button.destructive-action:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +headerbar button.destructive-action.flat:disabled label, .nemo-window .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.budgie-menu-launcher:disabled label, .nemo-window .primary-toolbar button.destructive-action.budgie-menu-launcher:disabled label, headerbar .budgie-panel .destructive-action#tasklist-button:disabled label, .budgie-panel headerbar .destructive-action#tasklist-button:disabled label, .nemo-window .primary-toolbar .budgie-panel .destructive-action#tasklist-button:disabled label, .budgie-panel .nemo-window .primary-toolbar .destructive-action#tasklist-button:disabled label, headerbar .budgie-panel button.destructive-action.flat.launcher:disabled label, .budgie-panel headerbar button.destructive-action.flat.launcher:disabled label, headerbar button.destructive-action.flat:disabled, .nemo-window .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.budgie-menu-launcher:disabled, .nemo-window .primary-toolbar button.destructive-action.budgie-menu-launcher:disabled, headerbar .budgie-panel .destructive-action#tasklist-button:disabled, .budgie-panel headerbar .destructive-action#tasklist-button:disabled, .nemo-window .primary-toolbar .budgie-panel .destructive-action#tasklist-button:disabled, .budgie-panel .nemo-window .primary-toolbar .destructive-action#tasklist-button:disabled, headerbar .budgie-panel button.destructive-action.flat.launcher:disabled, .budgie-panel headerbar button.destructive-action.flat.launcher:disabled, headerbar button.destructive-action:disabled label, .nemo-window .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled, .nemo-window .primary-toolbar button.destructive-action:disabled { + color: rgba(222, 222, 222, 0.45); +} + +headerbar button.destructive-action:backdrop, .nemo-window .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .nemo-window .primary-toolbar button.destructive-action:backdrop { + opacity: 0.8; +} + +headerbar spinbutton:not(.vertical):focus, .nemo-window .primary-toolbar spinbutton:not(.vertical):focus { + color: rgba(225, 219, 219, 0.8); + caret-color: rgba(225, 219, 219, 0.8); +} + +headerbar spinbutton:not(.vertical) button, .nemo-window .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button:disabled, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:disabled { + color: rgba(225, 219, 219, 0.8); + border: none; + background-color: rgba(119, 119, 119, 0.88); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar spinbutton:not(.vertical) button:hover, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:hover { + background-color: rgba(157, 157, 157, 0.58); +} + +headerbar spinbutton:not(.vertical) button:active, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:checked, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + border: none; + background-color: rgba(119, 119, 119, 0.98); + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar spinbutton:not(.vertical) button:disabled, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:disabled { + color: rgba(225, 219, 219, 0.4); +} + +headerbar spinbutton:not(.vertical) > button + button, .nemo-window .primary-toolbar spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +headerbar spinbutton:not(.vertical) > button:hover:not(:active), .nemo-window .primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), +headerbar spinbutton:not(.vertical) > button:hover + button, +.nemo-window .primary-toolbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12); +} + +headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .nemo-window .primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), +headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover, +.nemo-window .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +headerbar spinbutton:not(.vertical) > entry:focus + button, .nemo-window .primary-toolbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #8eb9ff; +} + +headerbar combobox:disabled, .nemo-window .primary-toolbar combobox:disabled { + color: rgba(225, 219, 219, 0.2); +} + +headerbar combobox > .linked > button.combo, .nemo-window .primary-toolbar combobox > .linked > button.combo { + border-radius: 5px; + color: rgba(225, 219, 219, 0.8); + border-style: none; + background-color: rgba(119, 119, 119, 0.58); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar combobox > .linked > button.combo image, .nemo-window .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image:hover, .nemo-window .primary-toolbar combobox > .linked > button.combo image:hover { + color: inherit; +} + +headerbar combobox > .linked > button.combo:hover, .nemo-window .primary-toolbar combobox > .linked > button.combo:hover { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; + box-shadow: none; +} + +headerbar combobox > .linked > button.combo:disabled, .nemo-window .primary-toolbar combobox > .linked > button.combo:disabled { + color: rgba(225, 219, 219, 0.35); + border-style: none; + background-color: rgba(111, 111, 111, 0.23); +} + +headerbar combobox > .linked > entry.combo, .nemo-window .primary-toolbar combobox > .linked > entry.combo { + border-radius: 5px; +} + +headerbar combobox > .linked > entry.combo:dir(ltr), .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(ltr) { + border-right-style: none; +} + +headerbar combobox > .linked > entry.combo:dir(ltr):focus, .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus { + box-shadow: none; +} + +headerbar combobox > .linked > entry.combo:dir(rtl), .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(rtl) { + border-left-style: none; +} + +headerbar combobox > .linked > entry.combo:dir(rtl):focus, .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus { + box-shadow: none; +} + +headerbar switch:backdrop, .nemo-window .primary-toolbar switch:backdrop { + opacity: 0.75; +} + +headerbar progressbar trough, .nemo-window .primary-toolbar progressbar trough { + background-color: transparent; +} + +headerbar progressbar:backdrop, .nemo-window .primary-toolbar progressbar:backdrop { + opacity: 0.75; +} + +headerbar scale:backdrop, .nemo-window .primary-toolbar scale:backdrop { + opacity: 0.75; +} + +headerbar scale slider, .nemo-window .primary-toolbar scale slider { + background-color: #515151; + border-color: rgba(0, 0, 0, 0.3); +} + +headerbar scale slider:hover, .nemo-window .primary-toolbar scale slider:hover { + background-color: #5d5d5d; + border-color: rgba(0, 0, 0, 0.3); +} + +headerbar scale slider:active, .nemo-window .primary-toolbar scale slider:active { + background-color: #515151; + border-color: rgba(0, 0, 0, 0.3); +} + +headerbar scale slider:disabled, .nemo-window .primary-toolbar scale slider:disabled { + background-color: rgba(73, 73, 73, 0.994); + border-color: rgba(0, 0, 0, 0.3); +} + +headerbar scale trough, .nemo-window .primary-toolbar scale trough { + background-color: transparent; +} + +headerbar scale trough:disabled, .nemo-window .primary-toolbar scale trough:disabled { + background-color: transparent; +} + +.path-bar button { + min-width: 12px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #ffffff; + border: none; + background-color: rgba(132, 132, 132, 0.98); + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-left-color: rgba(222, 222, 222, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #0046DB; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #80a3ed; + border-top-color: rgba(222, 222, 222, 0.1); +} + +treeview.view:disabled { + color: rgba(222, 222, 222, 0.45); +} + +treeview.view:disabled:selected { + color: #6690e9; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.1); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #6f92dd; +} + +treeview.view:drop(active).after { + border-top-style: none; +} + +treeview.view:drop(active).before { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #818181; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #dedede; +} + +treeview.view.expander:selected { + color: #b3c8f4; +} + +treeview.view.expander:selected:hover { + color: #ffffff; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: #ffffff; + border-radius: 5px; + background-color: #0046DB; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #0046DB; + box-shadow: none; + background-color: #ffffff; +} + +treeview.view.trough { + color: #dedede; + background-color: rgba(255, 255, 255, 0.12); + border-radius: 5px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 5px; + border-width: 0; +} + +treeview.view header button { + min-height: 26px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #b9b9b9; + background-color: #242424; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #242424 20%, rgba(255, 255, 255, 0.11) 20%, rgba(255, 255, 255, 0.11) 80%, #242424 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #0046DB; +} + +treeview.view header button:active { + color: #dedede; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #242424; +} + +treeview.view header button:active:hover { + color: #dedede; +} + +treeview.view header button:disabled { + border-color: #333333; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #0046DB; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #373737; + background-image: none; + color: rgba(225, 219, 219, 0.8); + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(225, 219, 219, 0.6); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border-radius: 0; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + background-color: #0046DB; + color: #ffffff; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(225, 219, 219, 0.2); + border-color: transparent; +} + +menu, +.menu { + padding: 6px 0; + border-radius: 6px; + background-color: rgba(51, 51, 51, 0.98); +} + +.csd menu, .csd +.menu { + border-radius: 6px; + background-color: rgba(51, 51, 51, 0.98); +} + +menu separator, +.csd menu separator, +.menu separator, +.csd +.menu separator { + margin: 2px 0; + min-height: 0; + border-bottom: 2px solid rgba(255, 255, 255, 0.08); + background-color: transparent; +} + +menu menuitem, +.menu menuitem { + min-height: 12px; + min-width: 40px; + padding: 2px 6px; + text-shadow: none; + border-bottom: 1px solid transparent; +} + +menu menuitem:hover, +.menu menuitem:hover { + color: #ffffff; + background-color: #0046DB; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border-bottom: 1px solid #0036a8; +} + +menu menuitem:hover arrow, +.menu menuitem:hover arrow { + transition: none; + color: #ffffff; + -gtk-icon-shadow: none; +} + +menu menuitem:disabled, +.menu menuitem:disabled { + color: rgba(222, 222, 222, 0.45); +} + +menu menuitem arrow, +.menu menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #dedede; +} + +menu menuitem arrow:dir(ltr), +.menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +menu menuitem arrow:dir(rtl), +.menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: rgba(51, 51, 51, 0.98); + border-radius: 0; + border: none; + background-image: none; + color: #dedede; +} + +menu > arrow.top, +.menu > arrow.top { + margin: -8px 0 0 0; + border-radius: 6px 6px 0 0; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menu > arrow.bottom, +.menu > arrow.bottom { + margin: 0 0 -18px 0; + border-radius: 0 0 6px 6px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menu > arrow:hover, +.menu > arrow:hover { + background-color: #373737; +} + +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 6px; + background-clip: border-box; + background-color: rgba(51, 51, 51, 0.98); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); +} + +.csd popover, popover, .csd +popover.background, +popover.background { + border-radius: 6px; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover separator, +popover separator, +.csd popover separator, +popover.background separator, +popover.background separator, +.csd +popover.background separator { + margin: 4px -9px; + min-height: 2px; + border: none; + background-color: rgba(255, 255, 255, 0.08); +} + +popover > list, +popover > .view, +popover > iconview, +popover > toolbar, +popover > .inline-toolbar, +popover.background > list, +popover.background > .view, +popover.background > iconview, +popover.background > toolbar, +popover.background > .inline-toolbar { + border-style: none; + background-color: transparent; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +notebook > stack:not(:only-child) { + background-color: #242424; +} + +notebook > header { + padding: 0; + background-color: rgba(30, 30, 30, 0.98); +} + +notebook > header.top { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px rgba(255, 255, 255, 0.12); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12), inset 0 -1px rgba(255, 255, 255, 0.12); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 rgba(255, 255, 255, 0.12); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 rgba(255, 255, 255, 0.12), inset -1px 0 rgba(255, 255, 255, 0.12); + margin-left: -1px; +} + +notebook > header button.flat, notebook > header button.budgie-menu-launcher, notebook > header .budgie-panel #tasklist-button, .budgie-panel notebook > header #tasklist-button, notebook > header .budgie-panel button.flat.launcher, .budgie-panel notebook > header button.flat.launcher { + min-height: 24px; + min-width: 24px; + padding: 0; + border: none; + box-shadow: none; + margin: 2px; +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top > tabs > tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom > tabs > tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right > tabs > tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left > tabs > tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(222, 222, 222, 0.45); +} + +notebook > header > tabs > arrow:hover { + color: rgba(222, 222, 222, 0.725); +} + +notebook > header > tabs > arrow:active { + color: #dedede; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(222, 222, 222, 0.15); +} + +notebook > header > tabs > tab { + color: rgba(222, 222, 222, 0.45); + background-color: rgba(36, 36, 36, 0); + border: 1px solid transparent; +} + +notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(222, 222, 222, 0.725); + background-color: rgba(255, 255, 255, 0.05); + border-color: rgba(68, 68, 68, 0.98); +} + +notebook > header > tabs > tab:checked { + color: #dedede; + background-color: rgba(55, 55, 55, 0.98); + border-color: rgba(68, 68, 68, 0.98); +} + +notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.budgie-menu-launcher, notebook > header > tabs > tab .budgie-panel #tasklist-button, .budgie-panel notebook > header > tabs > tab #tasklist-button, notebook > header > tabs > tab .budgie-panel button.flat.launcher, .budgie-panel notebook > header > tabs > tab button.flat.launcher { + min-height: 16px; + min-width: 16px; + border-radius: 3px; + padding: 0; + margin: 2px 0; + color: #a2a2a2; +} + +notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover { + color: rgba(255, 0, 0, 0.5); + background-color: rgba(222, 222, 222, 0.1); +} + +notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:active:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:active:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active:hover { + color: rgba(204, 0, 0, 0.5); + background-color: rgba(222, 222, 222, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #777777; +} + +scrollbar slider:hover { + background-color: #666666; +} + +scrollbar slider:hover:active { + background-color: rgba(132, 132, 132, 0.98); +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #ababab; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +row switch:not(:indeterminate), row switch:not(:indeterminate) slider:not(:indeterminate), row switch:disabled:not(:indeterminate), row switch:not(:indeterminate) slider:disabled:not(:indeterminate) { + padding: 0; + border: none; + color: transparent; + background: unset; + background-image: unset; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; + animation: none; + font-size: 0; + outline-color: transparent; +} + +row switch:dir(rtl):not(:indeterminate), row switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), row switch:disabled:dir(rtl):not(:indeterminate), row switch:not(:indeterminate) slider:disabled:dir(rtl):not(:indeterminate) { + background-position: left center; +} + +row switch:not(:indeterminate) { + min-width: 40px; + min-height: 24px; + margin: 0; + background-size: 40px 24px; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); +} + +row switch:not(:indeterminate) slider:not(:indeterminate) { + margin: 0; + background-size: 40px 24px; +} + +row switch:not(:indeterminate):hover { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-hover.png"), url("assets/switch-hover@2.png")); +} + +row switch:not(:indeterminate):checked { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); +} + +row switch:not(:indeterminate):checked:hover { + background-image: -gtk-scaled(url("assets/switch-active-hover.png"), url("assets/switch-active-hover@2.png")); +} + +row switch:not(:indeterminate):checked:disabled, row switch:not(:indeterminate):checked:disabled:hover { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); +} + +row switch:not(:indeterminate):disabled, row switch:not(:indeterminate):disabled:hover { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); +} + + +switch { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border-radius: 50px; + background-color: alpha(currentColor,0.3); + background-clip: padding-box; + font-size: 0; +} + + +switch:disabled { + color: alpha(currentColor,0.4); +} + + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: #71c837; +} + + +switch:checked:disabled { + background-color: alpha(#71c837,0.5); + color: rgba(222, 222, 222, 0.45); +} + + +switch slider { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 18px; + min-height: 18px; + margin: 2px 0 2px 2px; + border-radius: 50px; + -gtk-outline-radius: 50px; + background-color: white; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); +} + + +switch:hover slider { + box-shadow: 0px 2px 3px 0px rgba(16, 16, 16, 0.2), 0px 3px 5px 0px rgba(16, 16, 16, 0.15); +} + + +switch:checked slider { + margin: 2px 2px 2px 0; + background-color: #ffffff; +} + + +switch:checked:disabled slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +.osd check, +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +menuitem check:hover, +.view check:selected, +iconview check:selected, +treeview.check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +.osd check:disabled, +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +menuitem check:disabled:hover, +.view check:disabled:selected, +iconview check:disabled:selected, +treeview.check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +.osd check:indeterminate, +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +menuitem check:indeterminate:hover, +.view check:indeterminate:selected, +iconview check:indeterminate:selected, +treeview.check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +.osd check:indeterminate:disabled, +filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +menuitem check:indeterminate:disabled:hover, +.view check:indeterminate:disabled:selected, +iconview check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +.osd check:checked, +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +menuitem check:checked:hover, +.view check:checked:selected, +iconview check:checked:selected, +treeview.check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +.osd check:checked:disabled, +filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +menuitem check:checked:disabled:hover, +.view check:checked:disabled:selected, +iconview check:checked:disabled:selected, +treeview.check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +.osd radio, +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +menuitem radio:hover, +.view radio:selected, +iconview radio:selected, +treeview.radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +.osd radio:disabled, +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +menuitem radio:disabled:hover, +.view radio:disabled:selected, +iconview radio:disabled:selected, +treeview.radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +.osd radio:indeterminate, +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +menuitem radio:indeterminate:hover, +.view radio:indeterminate:selected, +iconview radio:indeterminate:selected, +treeview.radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +.osd radio:indeterminate:disabled, +filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +menuitem radio:indeterminate:disabled:hover, +.view radio:indeterminate:disabled:selected, +iconview radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +.osd radio:checked, +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +menuitem radio:checked:hover, +.view radio:checked:selected, +iconview radio:checked:selected, +treeview.radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +.osd radio:checked:disabled, +filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +menuitem radio:checked:disabled:hover, +.view radio:checked:disabled:selected, +iconview radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list), iconview.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: #b8b8b8; +} + +checkbutton.text-button:disabled, radiobutton.text-button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, +menu menuitem check, +radio:only-child, +menu menuitem +radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -6px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #0046DB; +} + +menuitem:hover scale trough, +row:selected scale trough, +infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, +row:selected scale trough highlight, +infobar scale trough highlight { + background-color: #ffffff; +} + +menuitem:hover scale trough highlight:disabled, +row:selected scale trough highlight:disabled, +infobar scale trough highlight:disabled { + background-color: #8cacef; +} + +menuitem:hover scale trough:disabled, +row:selected scale trough:disabled, +infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 5px; + background-color: #0046DB; +} + +scale highlight:disabled { + background-color: rgba(0, 70, 219, 0.55); +} + +scale fill { + border-radius: 5px; + background-color: rgba(0, 70, 219, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: #ffffff; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 100%; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(242, 242, 242, 0.12); +} + +menuitem:hover scale slider, +row:selected scale slider, +infobar scale slider { + background-clip: border-box; + background-color: #ffffff; + border-color: #ffffff; +} + +menuitem:hover scale slider:hover, +row:selected scale slider:hover, +infobar scale slider:hover { + background-color: #d9e3fa; + border-color: #d9e3fa; +} + +menuitem:hover scale slider:active, +row:selected scale slider:active, +infobar scale slider:active { + background-color: #80a3ed; + border-color: #80a3ed; +} + +menuitem:hover scale slider:disabled, +row:selected scale slider:disabled, +infobar scale slider:disabled { + background-color: #8cacef; + border-color: #8cacef; +} + +.osd scale slider { + background-clip: border-box; + background-color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(255, 255, 255, 0.12); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(222, 222, 222, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + background-color: #0046DB; + border: none; + border-radius: 5px; + box-shadow: none; +} + +row:selected progressbar progress, +infobar progressbar progress { + background-color: #ffffff; +} + +progressbar trough { + border: none; + border-radius: 5px; + background-color: #262626; +} + +row:selected progressbar trough, +infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 5px; + background-color: #262626; +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #0046DB; + background-color: #0046DB; + border-radius: 5px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #0046DB; + background-color: #0046DB; +} + +levelbar block.full { + border-color: #71c837; + background-color: #71c837; +} + +levelbar block.empty { + background-color: #242424; + border-color: #242424; +} + +printdialog paper { + border: 1px solid rgba(255, 255, 255, 0.12); + background: #242424; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(0, 70, 219, 0.2)), to(rgba(0, 70, 219, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(0, 70, 219, 0.2)), to(rgba(0, 70, 219, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(0, 70, 219, 0.2)), to(rgba(0, 70, 219, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(0, 70, 219, 0.2)), to(rgba(0, 70, 219, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12) 1px, transparent 1px) 0 0 0 0/0 0 stretch; + background-color: #272727; +} + +scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; +} + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #242424; + border-color: rgba(255, 255, 255, 0.12); +} + +list row { + padding: 2px; +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row.activatable.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:hover, .budgie-menu button:hover { + background-color: rgba(255, 255, 255, 0.03); +} + +row.activatable:active, .budgie-menu button:active { + color: #dedede; +} + +row.activatable:disabled, .budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +row.activatable:disabled image, .budgie-menu button:disabled image { + color: inherit; +} + +row.activatable:selected:active, .budgie-menu button:selected:active { + color: #ffffff; +} + +row.activatable:selected.has-open-popup, .budgie-menu button:selected.has-open-popup, row.activatable:selected:hover, .budgie-menu button:selected:hover { + background-color: #003fc5; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #dedede; + background-color: #333333; + background-image: linear-gradient(0deg, #333333 0%, #333333 85%, #262626 95%, #0d0d0d 100%); + border-radius: 0; + border: none; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +.app-notification border { + border: none; +} + +.app-notification button { + padding: 0; + margin: 0 0 0 0; + min-height: 24px; + min-width: 24px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.app-notification button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: white; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +calendar { + color: #dedede; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 5px; + padding: 2px 6px; + margin: 0; +} + +calendar:selected { + border-radius: 50px; +} + +calendar.header { + color: #dedede; + border: none; +} + +calendar.button { + color: rgba(222, 222, 222, 0.45); +} + +calendar.button:hover { + color: #dedede; +} + +calendar.button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +calendar:indeterminate { + color: alpha(currentColor,0.55); +} + +calendar.highlight { + color: #dedede; +} + +messagedialog .titlebar { + min-height: 20px; + background-color: rgba(55, 55, 55, 0.98); + border-bottom: 1px solid #484848; +} + +messagedialog .dialog-action-area button { + padding: 5px 8px 6px 8px; + min-height: 0; +} + +messagedialog.csd.background { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border: none; +} + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; + background-image: none; +} + +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; + border-color: rgba(255, 255, 255, 0.12); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; +} + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 6px 0; + border-right-style: none; +} + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 6px; + border-left-style: none; +} + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 6px 6px; + border-left-style: none; + border-right-style: none; +} + +filechooser #pathbarbox { + border-bottom: 1px solid rgba(255, 255, 255, 0); +} + +filechooserbutton:drop(active) { + box-shadow: none; + 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, .sidebar.left:dir(rtl) { + 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 { + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 2px 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.35); + text-shadow: none; + -gtk-icon-shadow: none; + border-color: rgba(255, 255, 255, 0.35); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #0046DB; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #dedede; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #0046DB, #0046DB); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #333333; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)), linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info, infobar.question, infobar.warning, infobar.error { + background-color: #0046DB; + color: #ffffff; + caret-color: currentColor; +} + +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { + color: #0046DB; + background-color: #ffffff; +} + +row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .nautilus-window .floating-bar button { + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; +} + +row:selected button.flat, row:selected button.budgie-menu-launcher, row:selected .budgie-panel #tasklist-button, .budgie-panel row:selected #tasklist-button, row:selected .budgie-panel button.flat.launcher, .budgie-panel row:selected button.flat.launcher, infobar.info button.flat, infobar.info button.budgie-menu-launcher, infobar.info .budgie-panel #tasklist-button, .budgie-panel infobar.info #tasklist-button, infobar.info .budgie-panel button.flat.launcher, .budgie-panel infobar.info button.flat.launcher, infobar.question button.flat, infobar.question button.budgie-menu-launcher, infobar.question .budgie-panel #tasklist-button, .budgie-panel infobar.question #tasklist-button, infobar.question .budgie-panel button.flat.launcher, .budgie-panel infobar.question button.flat.launcher, infobar.warning button.flat, infobar.warning button.budgie-menu-launcher, infobar.warning .budgie-panel #tasklist-button, .budgie-panel infobar.warning #tasklist-button, infobar.warning .budgie-panel button.flat.launcher, .budgie-panel infobar.warning button.flat.launcher, infobar.error button.flat, infobar.error button.budgie-menu-launcher, infobar.error .budgie-panel #tasklist-button, .budgie-panel infobar.error #tasklist-button, infobar.error .budgie-panel button.flat.launcher, .budgie-panel infobar.error button.flat.launcher, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.budgie-menu-launcher, .nautilus-window .floating-bar .budgie-panel #tasklist-button, .budgie-panel .nautilus-window .floating-bar #tasklist-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +headerbar.selection-mode button:disabled, .nemo-window .selection-mode.primary-toolbar button:disabled, row:selected button.flat:disabled, row:selected button.budgie-menu-launcher:disabled, row:selected .budgie-panel #tasklist-button:disabled, .budgie-panel row:selected #tasklist-button:disabled, infobar.info button.flat:disabled, infobar.info button.budgie-menu-launcher:disabled, infobar.info .budgie-panel #tasklist-button:disabled, .budgie-panel infobar.info #tasklist-button:disabled, infobar.question button.flat:disabled, infobar.question button.budgie-menu-launcher:disabled, infobar.question .budgie-panel #tasklist-button:disabled, .budgie-panel infobar.question #tasklist-button:disabled, infobar.warning button.flat:disabled, infobar.warning button.budgie-menu-launcher:disabled, infobar.warning .budgie-panel #tasklist-button:disabled, .budgie-panel infobar.warning #tasklist-button:disabled, infobar.error button.flat:disabled, infobar.error button.budgie-menu-launcher:disabled, infobar.error .budgie-panel #tasklist-button:disabled, .budgie-panel infobar.error #tasklist-button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.budgie-menu-launcher:disabled, .nautilus-window .floating-bar .budgie-panel #tasklist-button:disabled, .budgie-panel .nautilus-window .floating-bar #tasklist-button:disabled, headerbar.selection-mode button:disabled label, .nemo-window .selection-mode.primary-toolbar button:disabled label, row:selected button.flat:disabled label, row:selected button.budgie-menu-launcher:disabled label, row:selected .budgie-panel #tasklist-button:disabled label, .budgie-panel row:selected #tasklist-button:disabled label, infobar.info button.flat:disabled label, infobar.info button.budgie-menu-launcher:disabled label, infobar.info .budgie-panel #tasklist-button:disabled label, .budgie-panel infobar.info #tasklist-button:disabled label, infobar.question button.flat:disabled label, infobar.question button.budgie-menu-launcher:disabled label, infobar.question .budgie-panel #tasklist-button:disabled label, .budgie-panel infobar.question #tasklist-button:disabled label, infobar.warning button.flat:disabled label, infobar.warning button.budgie-menu-launcher:disabled label, infobar.warning .budgie-panel #tasklist-button:disabled label, .budgie-panel infobar.warning #tasklist-button:disabled label, infobar.error button.flat:disabled label, infobar.error button.budgie-menu-launcher:disabled label, infobar.error .budgie-panel #tasklist-button:disabled label, .budgie-panel infobar.error #tasklist-button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.budgie-menu-launcher:disabled label, .nautilus-window .floating-bar .budgie-panel #tasklist-button:disabled label, .budgie-panel .nautilus-window .floating-bar #tasklist-button:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .nautilus-window .floating-bar button:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode button:active, .nemo-window .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:checked, .nemo-window .selection-mode.primary-toolbar button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .nautilus-window .floating-bar button:active, headerbar.selection-mode button:hover:active, .nemo-window .selection-mode.primary-toolbar button:hover:active, headerbar.selection-mode button:hover:checked, .nemo-window .selection-mode.primary-toolbar button:hover:checked, row:selected button:active:hover, infobar.info button:active:hover, infobar.question button:active:hover, infobar.warning button:active:hover, infobar.error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .nautilus-window .floating-bar button:checked { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); +} + +row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); +} + +row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode button:disabled:active, .nemo-window .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:checked, .nemo-window .selection-mode.primary-toolbar button:disabled:checked, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, headerbar.selection-mode button:disabled:checked, .nemo-window .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:active, .nemo-window .selection-mode.primary-toolbar button:disabled:active, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #0046DB; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 5px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(62, 62, 62, 0.95); + background-clip: padding-box; + border-radius: 5px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #dedede; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(255, 255, 255, 0.12); +} + +colorswatch overlay { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: #484848; +} + +colorswatch#add-color-button:hover { + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 5px; +} + +.content-view { + background-color: #242424; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; +} + +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +button.circular, paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:not(.image-button), +headerbar button.circular-button, +.nemo-window .primary-toolbar button.circular-button, row button.circular-button, button.nautilus-circular-button.image-button, +button.circular-button { + padding: 0; + margin: 0 2px; + min-width: 28px; + min-height: 28px; + border-radius: 100px; + -gtk-outline-radius: 100px; + border: none; +} + +button.circular:active, paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:active:not(.image-button), paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:active:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:active:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:active:not(.image-button), +headerbar button.circular-button:active, +.nemo-window .primary-toolbar button.circular-button:active, row button.circular-button:active, button.nautilus-circular-button.image-button:active, +button.circular-button:active { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +button.circular:checked, paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:checked:not(.image-button), paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:checked:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:checked:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:checked:not(.image-button), +headerbar button.circular-button:checked, +.nemo-window .primary-toolbar button.circular-button:checked, row button.circular-button:checked, button.nautilus-circular-button.image-button:checked, +button.circular-button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.35); + text-shadow: none; + -gtk-icon-shadow: none; + border: none; +} + +button.circular label, paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:not(.image-button) label, paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button) label, paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:not(.image-button) label, .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:not(.image-button) label, headerbar button.circular-button label, .nemo-window .primary-toolbar button.circular-button label, row button.circular-button label, button.nautilus-circular-button.image-button label, +button.circular-button label { + padding: 0; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #dedede; + background-color: #242424; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.15); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +stackswitcher button.circular, stackswitcher paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar stackswitcher button.circular-button.flat.toggle.popup:not(.image-button), stackswitcher paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar stackswitcher button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), stackswitcher paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel stackswitcher .circular-button.toggle.popup#tasklist-button:not(.image-button), stackswitcher .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar stackswitcher .circular-button.toggle.popup#tasklist-button:not(.image-button), +stackswitcher headerbar button.circular-button, headerbar stackswitcher button.circular-button, +stackswitcher .nemo-window .primary-toolbar button.circular-button, .nemo-window .primary-toolbar stackswitcher button.circular-button, stackswitcher row button.circular-button, row stackswitcher button.circular-button, stackswitcher button.nautilus-circular-button.image-button, +stackswitcher button.text-button.circular, +stackswitcher paned.titlebar.horizontal headerbar button.text-button.circular-button.flat.toggle.popup:not(.image-button), +paned.titlebar.horizontal headerbar stackswitcher button.text-button.circular-button.flat.toggle.popup:not(.image-button), +stackswitcher paned.titlebar.horizontal headerbar button.text-button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), +paned.titlebar.horizontal headerbar stackswitcher button.text-button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), +stackswitcher paned.titlebar.horizontal headerbar .budgie-panel .text-button.circular-button.toggle.popup#tasklist-button:not(.image-button), +paned.titlebar.horizontal headerbar .budgie-panel stackswitcher .text-button.circular-button.toggle.popup#tasklist-button:not(.image-button), +stackswitcher .budgie-panel paned.titlebar.horizontal headerbar .text-button.circular-button.toggle.popup#tasklist-button:not(.image-button), +.budgie-panel paned.titlebar.horizontal headerbar stackswitcher .text-button.circular-button.toggle.popup#tasklist-button:not(.image-button), +stackswitcher headerbar button.text-button.circular-button, +headerbar stackswitcher button.text-button.circular-button, +stackswitcher .nemo-window .primary-toolbar button.text-button.circular-button, +.nemo-window .primary-toolbar stackswitcher button.text-button.circular-button, +stackswitcher row button.text-button.circular-button, +row stackswitcher button.text-button.circular-button, +stackswitcher button.text-button.nautilus-circular-button.image-button { + min-width: 28px; + min-height: 28px; + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + border-width: 0; + box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.3), 0 8px 15px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.12); + margin: 4px; +} + +decoration:backdrop { + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +.fullscreen decoration, +.tiled decoration { + border-radius: 0; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +.popup decoration { + border-radius: 6px; +} + +.ssd decoration { + margin: -5px; + border-radius: 6px 6px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +.ssd decoration.maximized { + border-radius: 0; +} + +.csd.popup decoration { + border-radius: 6px; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 5px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +tooltip.csd decoration { + border-radius: 6px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 6px; +} + +.solid-csd decoration { + border: 1px solid #4B4B4B; + border-radius: 0; + margin: 0; + background-color: rgba(55, 55, 55, 0.98); + box-shadow: none; +} + +headerbar button.titlebutton, +.titlebar button.titlebutton { + min-width: 24px; + min-height: 24px; + margin: 0; + padding: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(55, 55, 55, 0); +} + +headerbar button.titlebutton:hover, +.titlebar button.titlebutton:hover { + color: rgba(225, 219, 219, 0.8); + border: none; + background-color: rgba(119, 119, 119, 0.88); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar button.titlebutton:active, headerbar button.titlebutton:checked, +.titlebar button.titlebutton:active, +.titlebar button.titlebutton:checked { + color: #ffffff; + border: none; + background-color: rgba(119, 119, 119, 0.98); + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize, +.titlebar button.titlebutton.restore { + min-width: 16px; + min-height: 16px; + margin: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: auto; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.restore:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); +} + +headerbar button.titlebutton.restore, +.titlebar button.titlebutton.restore { + background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png")); +} + +headerbar button.titlebutton.restore:backdrop, +.titlebar button.titlebutton.restore:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png")); +} + +headerbar button.titlebutton.restore:hover, +.titlebar button.titlebutton.restore:hover { + background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png")); +} + +headerbar button.titlebutton.restore:active, +.titlebar button.titlebutton.restore:active { + background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, +.maximized headerbar button.titlebutton.maximize, .fullscreen +.titlebar button.titlebutton.maximize, +.maximized +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, +.maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen +.titlebar button.titlebutton.maximize:backdrop, +.maximized +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, +.maximized headerbar button.titlebutton.maximize:hover, .fullscreen +.titlebar button.titlebutton.maximize:hover, +.maximized +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, +.maximized headerbar button.titlebutton.maximize:active, .fullscreen +.titlebar button.titlebutton.maximize:active, +.maximized +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png")); +} + +.view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { + background-color: #0046DB; +} + +row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { + color: #ffffff; +} + +row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, +textview text:disabled:selected, iconview text:disabled:selected:focus, +textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { + color: #80a3ed; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 6px; +} + +popover.emoji-picker entry { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 4px 12px; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +button.emoji-section { + margin: 2px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); +} + +.emoji widget:hover { + font-size: larger; +} + +/* +.gedit-bottom-panel-paned notebook, +terminal-window notebook { + > header.top > tabs > tab:checked { box-shadow: inset 0 -1px $borders_color; } +} +*/ +terminal-window notebook > header.top tabs > tab, +.mate-terminal notebook > header.top tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window notebook > header.top button, +.mate-terminal notebook > header.top button { + padding: 0; + min-width: 24px; + min-height: 24px; +} + +.nautilus-canvas-item { + border-radius: 2px; +} + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item, .caja-desktop { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active, .caja-desktop:active { + color: #dedede; +} + +.nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected, .caja-desktop:selected { + color: #ffffff; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body, +.nautilus-list-dim-label { + color: #898989; +} + +.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, +.titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, +.titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, .budgie-notification .nautilus-canvas-item.notification-body:selected:focus, .budgie-switcher .nautilus-canvas-item.notification-body:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #ccdaf8; +} + +.nautilus-window searchbar { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.nautilus-window .searchbar-container { + margin-top: -1px; +} + +.nautilus-window notebook, +.nautilus-window notebook > stack { + border-radius: 0 0 6px 0; +} + +.nautilus-window.maximized notebook, +.nautilus-window.maximized notebook > stack { + border-radius: 0 0 0 0; +} + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #242424; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(222, 222, 222, 0.5); + border-color: rgba(197, 197, 197, 0.5); +} + +.disk-space-display.used { + background-color: rgba(0, 70, 219, 0.8); + border-color: rgba(0, 54, 168, 0.8); +} + +.disk-space-display.free { + background-color: #2b2b2b; + border-color: #121212; +} + +@keyframes needs_attention_keyframes { + 0% { + color: rgba(225, 219, 219, 0.8); + border: none; + background-color: rgba(119, 119, 119, 0.88); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + } + 100% { + color: #ffffff; + border: none; + background-color: rgba(119, 119, 119, 0.98); + background-image: none; + text-shadow: none; + -gtk-icon-shadow: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: #ffffff; + background-color: #0046DB; +} + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #0046DB; + color: #ffffff; + border-radius: 3px 0 4px 0; +} + +.nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; +} + +.nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window.maximized .floating-bar { + border-radius: 3px 0 0 0; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window notebook { + background-color: #242424; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 1px solid; + border-radius: 3px; + color: #dedede; + border-color: #8eb9ff; + background-color: #242424; + box-shadow: inset 0 0 0 2px #8eb9ff; +} + +.nemo-window .primary-toolbar { + border: none; + color: rgba(225, 219, 219, 0.8); + background-color: #373737; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { + padding-bottom: 2px; + margin: 0; + color: rgba(225, 219, 219, 0.8); + background-color: rgba(55, 55, 55, 0.98); +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { + margin: 0; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { + color: rgba(225, 219, 219, 0.8); + background-color: rgba(75, 75, 75, 0.98); +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + transition: background-color 0.00001s 0.3s; + animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + color: rgba(225, 219, 219, 0.8); + background-color: rgba(30, 30, 30, 0.98); + box-shadow: inset 0 -2px #0f5cff; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(225, 219, 219, 0.4); +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.caja-notebook { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { + padding: 3px 6px 3px 6px; + border-color: #242424; +} + +.open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: #313131; +} + +.open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { + color: #ffffff; + background-color: #0046DB; +} + +.open-document-selector-name-label { + color: #dedede; +} + +.open-document-selector-path-label { + color: #818181; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable, .gedit-document-panel .budgie-menu button, .budgie-menu .gedit-document-panel button { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #a2a2a2; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(255, 255, 255, 0.12); + background-color: #1a1a1a; + color: #dedede; +} + +.gedit-side-panel-paned statusbar { + border-top: none; + background-color: #333333; + border-radius: 0 0 6px 6px; +} + +.gedit-search-slider { + background-color: #383838; + padding: 6px; + border-color: rgba(255, 255, 255, 0.12); + border-radius: 0 0 5px 5px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(222, 222, 222, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow { + margin: 0 6px 6px 6px; + border-radius: 0; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button) box > .title, paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button) box > .title, paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button) box > .title, .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 6px 6px 0 0; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #0046DB; +} + +layouttab { + background-color: #242424; +} + +layout { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +pillbox { + color: #ffffff; + background-color: #0046DB; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #333333; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +dockbin { + border: 1px solid rgba(255, 255, 255, 0.12); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +dockoverlayedge { + background-color: #333333; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, +dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +entry.search.preferences-search { + border: none; + border-right: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(255, 255, 255, 0.12); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + border-style: solid; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #dedede; +} + +configurationview entry.flat, configurationview .raven .raven-background spinbutton:not(.vertical), .raven .raven-background configurationview spinbutton:not(.vertical) { + background: none; +} + +configurationview list { + border-width: 0; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 6px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event { + color: #dedede; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event:hover, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event:active, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event:active { + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event label.compressed-entries-label, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event label.compressed-entries-label { + background-image: image(#3484e2); + color: #ffffff; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row { + background-image: image(#2b2b2b); + color: #ababab; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row:hover, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row:hover { + background-image: image(#3c3c3c); + color: #dedede; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row:active, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row:active:focus, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row:active:focus { + background-image: image(#444444); + color: #dedede; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row.popover-activated-row, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row.popover-activated-row { + background-image: image(#0046DB); + color: #ffffff; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header { + background-image: image(#242424); + color: #0046DB; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header:hover, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header:hover { + background-image: image(#22262d); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header:active, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header:active:focus, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header:active:focus { + background-image: image(#202736); + color: #0046DB; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header label.compressed-entries-label, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header label.compressed-entries-label { + background-image: image(#0046DB); + color: #ffffff; + transition-duration: 0s; +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #0046DB; + color: #ffffff; + border-radius: 2px; +} + +.documents-collection-icon, .photos-collection-icon { + background-color: rgba(222, 222, 222, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #427eff; +} + +.documents-entry-tag, .photos-entry-tag { + color: #ffffff; + background: #0046DB; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.documents-entry-tag:hover, .photos-entry-tag:hover { + color: #ffffff; + background: #004def; +} + +.documents-entry-tag:active, .photos-entry-tag:active { + color: #ffffff; + background: #003fc7; +} + +.documents-entry-tag.button, .button.photos-entry-tag { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +.tweak-categories, +.tweak-category:not(:selected):not(:hover) { + background-image: linear-gradient(to bottom, #242424, #242424); +} + +.tweak-categories { + border-radius: 0 0 0 6px; +} + +.tweak-titlebar-right > switch, +dialog.csd > headerbar.titlebar > switch { + margin: 8px 0; +} + +/************************ + * Gnome Control Center * + ************************/ +box.horizontal.titlebar > headerbar > stack > box.vertical > .title { + margin: 0; +} + +box.horizontal.titlebar > headerbar > stack > box.vertical > .subtitle { + margin: -3px 0; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #f0f0f0; + background-color: rgba(36, 36, 36, 0.95); + border: 1px solid rgba(16, 16, 16, 0.95); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #0046DB; + border-color: #0046DB; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(23, 23, 23, 0.95); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: #ffffff; + background-color: #0046DB; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #0046DB; + border-radius: 2px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(255, 255, 255, 0.12); + padding: 4px; + background-color: #2b2b2b; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar { + margin: -1px 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal button, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal button:active, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:active, window.csd > box.vertical > box.vertical > toolbar.horizontal button:checked, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button:active, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button:checked, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised:active, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised:active, window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised:checked, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised > widget > box > image, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem button.flat.scale, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar toolitem button.scale.budgie-menu-launcher, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem button.scale.budgie-menu-launcher, window.background > box.vertical > toolbar.primary-toolbar toolitem .budgie-panel .scale#tasklist-button, .budgie-panel window.background > box.vertical > toolbar.primary-toolbar toolitem .scale#tasklist-button, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .budgie-panel .scale#tasklist-button, .budgie-panel window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .scale#tasklist-button, .budgie-panel window.background > box.vertical > toolbar.primary-toolbar toolitem button.scale.flat.launcher, .budgie-panel window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem button.scale.flat.launcher { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), +window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:active, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:active, window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:checked, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):active, +window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):active, +window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):checked, +window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +/******************** + * Gnome Calculator * + ********************/ +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title, window.background > headerbar.titlebar > button.popup.toggle.text-button.title.budgie-menu-launcher, .budgie-panel window.background > headerbar.titlebar > .popup.toggle.text-button.title#tasklist-button, .budgie-panel window.background > headerbar.titlebar > button.popup.toggle.text-button.title.flat.launcher { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget, window.background > headerbar.titlebar > button.popup.toggle.text-button.title.budgie-menu-launcher > grid > widget, .budgie-panel window.background > headerbar.titlebar > .popup.toggle.text-button.title#tasklist-button > grid > widget, .budgie-panel window.background > headerbar.titlebar > button.popup.toggle.text-button.title.flat.launcher > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr), window.background > headerbar.titlebar > button.popup.toggle.text-button.title.budgie-menu-launcher > grid > widget:dir(ltr), .budgie-panel window.background > headerbar.titlebar > .popup.toggle.text-button.title#tasklist-button > grid > widget:dir(ltr), .budgie-panel window.background > headerbar.titlebar > button.popup.toggle.text-button.title.flat.launcher > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl), window.background > headerbar.titlebar > button.popup.toggle.text-button.title.budgie-menu-launcher > grid > widget:dir(rtl), .budgie-panel window.background > headerbar.titlebar > .popup.toggle.text-button.title#tasklist-button > grid > widget:dir(rtl), .budgie-panel window.background > headerbar.titlebar > button.popup.toggle.text-button.title.flat.launcher > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.35); + text-shadow: none; + -gtk-icon-shadow: none; +} + +/************ + * Epiphany * + ************/ +headerbar.titlebar.incognito-mode entry { + color: rgba(225, 219, 219, 0.8); + border-style: none; + background-color: rgba(119, 119, 119, 0.58); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(225, 219, 219, 0.35); + border-style: none; + background-color: rgba(111, 111, 111, 0.23); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(222, 222, 222, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: rgba(225, 219, 219, 0.8); + border-style: none; + background-color: rgba(119, 119, 119, 0.58); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; +} + +.background headerbar entry.starred:disabled, .background headerbar entry.non-starred:disabled { + color: rgba(225, 219, 219, 0.35); + border-style: none; + background-color: rgba(111, 111, 111, 0.23); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > button { + background-color: #4d4d4d; + color: rgba(222, 222, 222, 0.85); + border-radius: 5px; + border: 1px solid rgba(255, 255, 255, 0.12); + margin: 2px; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > button:hover { + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > button:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(255, 255, 255, 0.12); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row { + background-color: rgba(36, 36, 36, 0.35); + color: rgba(222, 222, 222, 0.85); + border-bottom: 1px dashed rgba(255, 255, 255, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row:hover, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row:active, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row:checked, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row:checked { + color: #dedede; + background-color: rgba(222, 222, 222, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.flat, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.flat, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.budgie-menu-launcher, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.budgie-menu-launcher, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.budgie-menu-launcher, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row .budgie-panel #tasklist-button, .budgie-panel popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row #tasklist-button, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row .budgie-panel #tasklist-button, .budgie-panel popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row #tasklist-button, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row .budgie-panel #tasklist-button, .budgie-panel .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row #tasklist-button, .budgie-panel popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat.launcher, .budgie-panel popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #333333; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: #ffffff; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(16, 16, 16, 0.95); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #0046DB; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(23, 23, 23, 0.95); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, +.mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #2f2f2f; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #dedede; +} + +.mate-panel-menu-bar button label, +.mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #6f6f6f; + background-color: rgba(22, 22, 22, 0.94); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(60, 60, 60, 0.94); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #427eff; + background-color: #0046DB; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.xfce4-panel.panel { + background-color: rgba(47, 47, 47, 0.94); + text-shadow: none; + -gtk-icon-shadow: none; +} + +#tasklist-button { + color: rgba(222, 222, 222, 0.8); + border-radius: 0; + border: none; + background-color: rgba(47, 47, 47, 0); +} + +#tasklist-button:hover { + color: #f8f8f8; + background-color: rgba(0, 0, 0, 0.17); +} + +#tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #0046DB; +} + +.mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button), .xfce4-panel.panel button.flat, .xfce4-panel.panel button.budgie-menu-launcher, .xfce4-panel.panel .budgie-panel #tasklist-button, .budgie-panel .xfce4-panel.panel #tasklist-button { + color: #dedede; + border-radius: 0; + border: none; + background-color: rgba(47, 47, 47, 0); +} + +.mate-panel-menu-bar button:hover:not(#tasklist-button), +panel-toplevel.background button:hover:not(#tasklist-button), .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.budgie-menu-launcher:hover, .xfce4-panel.panel .budgie-panel #tasklist-button:hover, .budgie-panel .xfce4-panel.panel #tasklist-button:hover { + border: none; + background-color: rgba(73, 73, 73, 0.94); +} + +.mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.budgie-menu-launcher:active, .xfce4-panel.panel .budgie-panel #tasklist-button:active, .budgie-panel .xfce4-panel.panel #tasklist-button:active, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.budgie-menu-launcher:checked, .xfce4-panel.panel .budgie-panel #tasklist-button:checked, .budgie-panel .xfce4-panel.panel #tasklist-button:checked { + color: #ffffff; + border: none; + background-color: #0046DB; +} + +.mate-panel-menu-bar button:active:not(#tasklist-button) label, panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.budgie-menu-launcher:active label, .xfce4-panel.panel .budgie-panel #tasklist-button:active label, .budgie-panel .xfce4-panel.panel #tasklist-button:active label, +.mate-panel-menu-bar button:active:not(#tasklist-button) image, +panel-toplevel.background button:active:not(#tasklist-button) image, +.xfce4-panel.panel button.flat:active image, +.xfce4-panel.panel button.budgie-menu-launcher:active image, +.xfce4-panel.panel .budgie-panel #tasklist-button:active image, +.budgie-panel .xfce4-panel.panel #tasklist-button:active image, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.budgie-menu-launcher:checked label, .xfce4-panel.panel .budgie-panel #tasklist-button:checked label, .budgie-panel .xfce4-panel.panel #tasklist-button:checked label, +.mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image, +.xfce4-panel.panel button.flat:checked image, +.xfce4-panel.panel button.budgie-menu-launcher:checked image, +.xfce4-panel.panel .budgie-panel #tasklist-button:checked image, +.budgie-panel .xfce4-panel.panel #tasklist-button:checked image { + color: inherit; +} + +/********* + * Geary * + *********/ +.geary-titlebar-left separator { + opacity: 0; +} + +.geary-titlebar-left > button { + min-width: 22px; +} + +.geary-titlebar-right { + box-shadow: none; +} + +.geary-titlebar-right separator { + opacity: 0; +} + +.geary-titlebar-right > button { + min-width: 22px; +} + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(225, 219, 219, 0.8); + border-style: none; + background-color: rgba(119, 119, 119, 0.58); + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; +} + +.marlin-pathbar.pathbar:disabled { + color: rgba(225, 219, 219, 0.35); + border-style: none; + background-color: rgba(111, 111, 111, 0.23); +} + +.marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #0046DB; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white, white); + background-color: transparent; +} + +.gala-notification .title, +.gala-notification .label { + color: #5c616c; +} + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +.panel-shadow { + background-image: none; + background-color: transparent; +} + +.panel .menu { + box-shadow: none; +} + +.panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.panel .menu .window-frame.menu.csd, +.panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} + +.panel .menubar > .menuitem { + padding: 3px 6px; +} + +.panel .menubar > .menuitem:hover { + background-color: transparent; +} + +.panel .window-frame.menu.csd, +.panel .window-frame.popup.csd { + box-shadow: none; +} + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +.composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; +} + +.composited-indicator .menuitem:active, +.composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; +} + +.composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; +} + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; +} + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(255, 255, 255, 0.07); +} + +window.background:not(.csd) > widget > scrollbar { + background-clip: border-box; +} + +window.background:not(.csd) > widget > scrollbar, +window.background:not(.csd) > widget > frame > border { + border-color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget > button > button { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 5px; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 5px; + background-image: image(#242424); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #8eb9ff; + box-shadow: inset 0 0 0 2px #8eb9ff; +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(#484848); + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(rgba(119, 119, 119, 0.98)); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; +} + +window.background:not(.csd) > widget > button > button:active { + background-image: image(rgba(119, 119, 119, 0.98)); + border: none; + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) .menu { + background-color: #404040; + border-radius: 0; +} + +window.background:not(.csd) > menu .separator:not(label), +.csd window.background:not(.csd) > menu .separator:not(label), +window.background:not(.csd) .menu .separator:not(label), +.csd +window.background:not(.csd) .menu .separator:not(label) { + color: rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(222, 222, 222, 0.45); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +#MozillaGtkWidget.background { + background-color: #333333; +} + +#MozillaGtkWidget.background .background, +#MozillaGtkWidget.background frame, +#MozillaGtkWidget.background separator, +#MozillaGtkWidget.background scrolledwindow { + background-color: #333333; +} + +#MozillaGtkWidget.background scrollbar { + background-color: transparent; +} + +#MozillaGtkWidget.background scrollbar slider { + background-color: gray; +} + +#MozillaGtkWidget.background scrollbar slider:hover { + background-color: #9a9a9a; +} + +#MozillaGtkWidget.background scrollbar slider:hover:active { + background-color: #b3b3b3; +} + +#MozillaGtkWidget.background scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget.background *:not(menuitem):hover, #MozillaGtkWidget.background *:not(menuitem):hover button, +#MozillaGtkWidget.background *:focus, +#MozillaGtkWidget.background *:focus button, +#MozillaGtkWidget.background *:active, +#MozillaGtkWidget.background *:active button, +#MozillaGtkWidget.background *:checked, +#MozillaGtkWidget.background *:checked button { + color: #dedede; +} + +#MozillaGtkWidget.background > window.background > menu { + background-color: #404040; + border-radius: 0; + border-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget.background > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget.background > widget border { + border-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget.background > widget separator { + background-color: rgba(255, 255, 255, 0.12); +} + +#MozillaGtkWidget.background > widget > scrolledwindow > textview { + background-color: #404040; +} + +#MozillaGtkWidget.background > widget > scrolledwindow > textview text { + background-color: transparent; + color: #aaaaaa; +} + +/*************** + * Chrome(ium) * + ***************/ +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid rgba(255, 255, 255, 0.12); +} + +window.background.chromium > textview.view { + background-color: #242424; +} + +/**************** + * Libre-Office * + ****************/ +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal { + background-image: none; + background-color: transparent; + box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12); +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher { + color: rgba(225, 219, 219, 0.8); + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher:hover, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button:hover, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher:hover { + background-color: rgba(93, 93, 93, 0.98); + color: rgba(237, 233, 233, 0.8); +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher:active, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button:active, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher:active, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher:checked, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button:checked, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher:disabled, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button:disabled, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher:disabled { + color: alpha(rgba(225, 219, 219, 0.8),0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #242424; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar, window > box.vertical > box.horizontal > .inline-toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, window > box.vertical > box.horizontal > .inline-toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry, +window > box.vertical > box.horizontal > .inline-toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label, window > box.vertical > box.horizontal > .inline-toolbar toolitem > box > label { + color: #dedede; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #0046DB; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 6px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(255, 255, 255, 0.12); + border-bottom-width: 0; + border-radius: 6px 6px 0 0; + padding: 1px 6px 0 6px; + background-color: rgba(55, 55, 55, 0.98); + background-image: none; + color: rgba(225, 219, 219, 0.8); + box-shadow: inset 0 1px rgba(63, 63, 63, 0.98); +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(225, 219, 219, 0.5); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(255, 255, 255, 0.12); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(47, 47, 47, 0.95); + color: white; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #e1e1e1; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #0046DB, #0046DB); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: rgba(75, 75, 75, 0.98); + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #0046DB; + border-color: #0046DB; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: #ffffff; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(255, 255, 255, 0.12); + border-right: 1px solid rgba(255, 255, 255, 0.12); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); +} + +toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(255, 255, 255, 0.12); + background-color: #333333; +} + +toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view, +iconview.source-list { + background-color: #333333; + color: #dedede; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover, iconview.source-list:hover { + background-color: #404040; +} + +.source-list.view:selected, iconview.source-list:selected, +.source-list.view:hover:selected, +iconview.source-list:hover:selected, +.source-list.view:selected:focus, +iconview.source-list:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #0046DB; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #333333; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #0046DB; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #0046DB; +} + +.source-list.category-expander { + color: #dedede; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #242424; +} + +GraniteWidgetsWelcome label { + color: #898989; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(222, 222, 222, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #242424, #242424); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #ababab; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(47, 47, 47, 0.94); + color: #dedede; + font-weight: bold; + box-shadow: inset 0 -1px rgba(29, 29, 29, 0.94); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #dedede; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(222, 222, 222, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #dedede; +} + +#content_frame { + padding-bottom: 14px; + background-color: #333333; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: #484848; +} + +#content_frame button:hover { + color: #c5c5c5; + border-color: rgba(255, 255, 255, 0.12); + background-color: #5c5c5c; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(72, 72, 72, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(55, 55, 55, 0.98); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #484848; +} + +#buttonbox_frame button { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.35); +} + +#buttonbox_frame button:hover { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(110, 110, 110, 0.45); +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0046DB; +} + +#buttonbox_frame button:disabled { + color: #5c5c5c; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.2); +} + +#login_window #user_combobox { + color: #dedede; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +.nautilus-window paned > separator { + background-image: linear-gradient(to bottom, #484848, #484848); +} + +filechooser paned > separator { + background-image: linear-gradient(to bottom, #484848, #484848); +} + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; +} + +filechooser.csd.background, filechooser placessidebar, +.nautilus-window.csd.background, +.nautilus-window placessidebar { + background-color: rgba(59, 59, 59, 0.94); + border-radius: 0 0 6px 6px; +} + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + border-right: none; + background-color: transparent; +} + +filechooser placessidebar.sidebar row.sidebar-row, +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #dedede; +} + +filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: rgba(222, 222, 222, 0.85); +} + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup label, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup image, filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { + color: rgba(222, 222, 222, 0.4); +} + +filechooser placessidebar.sidebar row.sidebar-row:backdrop, +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + color: #dedede; + background-color: rgba(199, 199, 199, 0.25); +} + +filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup label, filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup image, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected label, filechooser placessidebar.sidebar row.sidebar-row:selected image, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:selected:hover label, filechooser placessidebar.sidebar row.sidebar-row:selected:hover image, filechooser placessidebar.sidebar row.sidebar-row:active:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover label, filechooser placessidebar.sidebar row.sidebar-row:active:hover image, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup image, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected image, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover image, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover label, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover image { + color: #dedede; +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { + color: #dedede; +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(110, 110, 110, 0.45); +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; +} + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #0046DB; +} + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #dedede; +} + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #dedede; +} + +filechooser placessidebar.sidebar separator, +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +filechooser.maximized placessidebar, +.nautilus-window.maximized placessidebar { + border-radius: 0; +} + +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #3b3b3b; +} + +.nemo-window .sidebar { + color: #dedede; + background-color: rgba(59, 59, 59, 0.94); +} + +.nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { + background-color: transparent; + color: #dedede; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { + background-color: #0046DB; + color: #ffffff; +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { + color: rgba(145, 145, 145, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #dedede; +} + +.nemo-window .sidebar separator { + background-color: transparent; +} + +.caja-side-pane, +.caja-side-pane > notebook > stack > widget > box, +.caja-side-pane text, +.caja-side-pane treeview { + color: #dedede; + caret-color: #dedede; + background-color: #3b3b3b; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #dedede; +} + +.caja-side-pane .frame { + border-color: rgba(255, 255, 255, 0.12); +} + +.caja-side-pane junction { + background-color: rgba(46, 46, 46, 0.94); +} + +filechooser actionbar { + color: #dedede; + background-color: rgba(59, 59, 59, 0.94); + border-color: rgba(255, 255, 255, 0.12); +} + +filechooser actionbar label, filechooser actionbar combobox { + color: #dedede; +} + +.gedit-bottom-panel-paned { + background-color: #242424; +} + +.gedit-side-panel-paned > separator { + background-image: linear-gradient(to bottom, #484848, #484848); +} + +.gedit-bottom-panel-paned > separator { + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)); +} + +.gedit-document-panel { + background-color: rgba(59, 59, 59, 0.94); +} + +.maximized .gedit-document-panel { + background-color: #3b3b3b; +} + +.gedit-document-panel row { + color: #dedede; + background-color: rgba(222, 222, 222, 0); +} + +.gedit-document-panel row:hover { + background-color: rgba(222, 222, 222, 0.15); +} + +.gedit-document-panel row:active { + color: #ffffff; + background-color: #0046DB; +} + +.gedit-document-panel row:active button { + color: #ffffff; +} + +.gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #0046DB; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #dedede; +} + +filechooser actionbar button { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.35); +} + +.caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(110, 110, 110, 0.45); +} + +filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0046DB; +} + +filechooser actionbar button:disabled { + color: #5c5c5c; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.2); +} + +filechooser actionbar entry { + color: #dedede; + border-color: rgba(255, 255, 255, 0.12); + background-color: rgba(92, 92, 92, 0.35); +} + +filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; +} + +filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(255, 255, 255, 0.12); + background-color: #0046DB; +} + +filechooser actionbar entry:disabled { + color: #dedede; + background-color: rgba(92, 92, 92, 0.2); +} + +filechooser placessidebar.sidebar scrollbar, +.nautilus-window placessidebar.sidebar scrollbar, .nemo-window .sidebar scrollbar, .caja-side-pane scrollbar { + border-color: transparent; +} + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nemo-window .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(255, 255, 255, 0.35); + border: none; +} + +filechooser placessidebar.sidebar scrollbar slider, .nautilus-window placessidebar.sidebar scrollbar slider, .nemo-window .sidebar scrollbar slider, .caja-side-pane scrollbar slider { + min-width: 4px; + background-color: rgba(255, 255, 255, 0.7); +} + +filechooser placessidebar.sidebar scrollbar slider:hover, .nautilus-window placessidebar.sidebar scrollbar slider:hover, .nemo-window .sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { + background-color: white; +} + +filechooser placessidebar.sidebar scrollbar slider:hover:active, .nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .nemo-window .sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { + background-color: rgba(132, 132, 132, 0.98); +} + +filechooser placessidebar.sidebar scrollbar slider:disabled, .nautilus-window placessidebar.sidebar scrollbar slider:disabled, .nemo-window .sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { + background-color: transparent; +} + +filechooser placessidebar.sidebar scrollbar trough, .nautilus-window placessidebar.sidebar scrollbar trough, .nemo-window .sidebar scrollbar trough, .caja-side-pane scrollbar trough { + background-color: transparent; +} + +@define-color theme_fg_color #dedede; +@define-color theme_text_color #dedede; +@define-color theme_bg_color #333333; +@define-color theme_base_color #242424; +@define-color theme_selected_bg_color #0046DB; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #dedede; +@define-color text_color #dedede; +@define-color bg_color #333333; +@define-color base_color #242424; +@define-color selected_bg_color #0046DB; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #383838; +@define-color insensitive_fg_color alpha(#dedede, 0.5); +@define-color insensitive_base_color #242424; +@define-color theme_unfocused_fg_color #dedede; +@define-color theme_unfocused_text_color #dedede; +@define-color theme_unfocused_bg_color #333333; +@define-color theme_unfocused_base_color #242424; +@define-color borders rgba(255, 255, 255, 0.12); +@define-color unfocused_borders rgba(255, 255, 255, 0.12); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #71c837; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #242424; +/****************** + * Budgie Desktop * + ******************/ +.budgie-settings-window buttonbox.inline-toolbar button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:not(.image-button), .workspace-switcher .workspace-add-button, .raven .raven-header:not(.top) button, .raven-mpris button.image-button, .drop-shadow button, window.budgie-switcher-window .drop-shadow button { + border: none; + background-color: transparent; + box-shadow: none; +} + +.budgie-settings-window buttonbox.inline-toolbar button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:hover:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:hover:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:hover:not(.image-button), .workspace-switcher .workspace-add-button:hover, .raven .raven-header:not(.top) button:hover, .raven-mpris button.image-button:hover, .drop-shadow button:hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); +} + +.budgie-settings-window buttonbox.inline-toolbar button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:checked:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:checked:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:checked:not(.image-button), .workspace-switcher .workspace-add-button:checked, .raven .raven-header:not(.top) button:checked, .raven-mpris button.image-button:checked, .drop-shadow button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.35); + text-shadow: none; + -gtk-icon-shadow: none; +} + +.budgie-settings-window buttonbox.inline-toolbar button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:active:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:active:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:active:not(.image-button), .workspace-switcher .workspace-add-button:active, .raven .raven-header:not(.top) button:active, .raven-mpris button.image-button:active, .drop-shadow button:active { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; +} + +.budgie-settings-window buttonbox.inline-toolbar button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:disabled:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:disabled:not(.image-button), .workspace-switcher .workspace-add-button:disabled, .raven .raven-header:not(.top) button:disabled, .raven-mpris button.image-button:disabled, .drop-shadow button:disabled { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:disabled:not(.image-button) label, .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:disabled:not(.image-button) label, .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:disabled:not(.image-button) label, .workspace-switcher .workspace-add-button:disabled label, .raven .raven-header:not(.top) button:disabled label, .raven-mpris button.image-button:disabled label, .drop-shadow button:disabled label, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:disabled:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:disabled:not(.image-button), .workspace-switcher .workspace-add-button:disabled, .raven .raven-header:not(.top) button:disabled, .raven-mpris button.image-button:disabled, .drop-shadow button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 5px; + -gtk-outline-radius: 5px; +} + +.budgie-popover { + margin: 0; + padding: 0; + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 3px 0 rgba(0, 0, 0, 0.3); + background-color: rgba(51, 51, 51, 0.95); +} + +.budgie-popover .container { + padding: 2px; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover row { + padding: 0; + background-color: transparent; +} + +.budgie-popover row:hover { + box-shadow: none; + background-color: transparent; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #dedede; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:not(.image-button):disabled, .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:not(.image-button):disabled { + color: rgba(222, 222, 222, 0.45); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.night-light-indicator .container { + padding: 8px; +} + +.budgie-popover.places-menu .container { + padding: 8px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), +.bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), +.bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, +.right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), +.bottom .workspace-switcher .workspace-item:dir(ltr), .top +.workspace-switcher .workspace-add-button:dir(ltr), +.bottom +.workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), +.bottom .workspace-switcher .workspace-item:dir(rtl), .top +.workspace-switcher .workspace-add-button:dir(rtl), +.bottom +.workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, +.right .workspace-switcher .workspace-item, .left +.workspace-switcher .workspace-add-button, +.right +.workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 5px; +} + +.budgie-menu.background { + padding: 0; + background-color: #242424; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + border: none; + border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; + box-shadow: none; + font-size: 120%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 5px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 5px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #dedede; + font-weight: normal; + border: none; +} + +.budgie-menu button:disabled { + color: rgba(222, 222, 222, 0.45); +} + +.budgie-menu button:checked:disabled { + background-color: #0046DB; +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(255, 255, 255, 0.12); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(55, 55, 55, 0.98); + color: rgba(225, 219, 219, 0.8); + font-weight: 500; +} + +.budgie-panel.transparent { + background-color: rgba(55, 55, 55, 0.65); +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + color: rgba(225, 219, 219, 0.8); + border-top-width: 0; + border-bottom-width: 0; + border: none; +} + +.budgie-panel button:checked { + background-color: rgba(225, 219, 219, 0.12); +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(255, 255, 255, 0.12); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: rgba(225, 219, 219, 0.8); + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #0046DB; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(225, 219, 219, 0.2); +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel #tasklist-button { + padding: 0 4px; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.launcher.budgie-menu-launcher, .budgie-panel .launcher#tasklist-button, .budgie-panel button.launcher.flat { + padding: 0; +} + +.budgie-panel button.launcher.budgie-menu-launcher:not(:checked), .budgie-panel .launcher#tasklist-button:not(:checked), .budgie-panel button.launcher.flat:not(:checked) { + color: #dedede; +} + +.budgie-panel button.launcher.budgie-menu-launcher:not(:checked):hover, .budgie-panel .launcher#tasklist-button:not(:checked):hover, .budgie-panel button.launcher.flat:not(:checked):hover, .budgie-panel button.launcher.budgie-menu-launcher:not(:checked):active, .budgie-panel .launcher#tasklist-button:not(:checked):active, .budgie-panel button.launcher.flat:not(:checked):active { + color: rgba(222, 222, 222, 0.8); +} + +.budgie-panel button.launcher.budgie-menu-launcher:not(:checked):disabled, .budgie-panel .launcher#tasklist-button:not(:checked):disabled, .budgie-panel button.launcher.flat:not(:checked):disabled { + color: rgba(222, 222, 222, 0.5); +} + +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.launcher.budgie-menu-launcher, .budgie-panel .unpinned .top button.launcher.budgie-menu-launcher, .top .budgie-panel .unpinned .launcher#tasklist-button, .budgie-panel .unpinned .top .launcher#tasklist-button, .top .budgie-panel .unpinned button.launcher.flat, .budgie-panel .unpinned .top button.launcher.flat, .top .budgie-panel .pinned button.launcher.running.budgie-menu-launcher, .budgie-panel .pinned .top button.launcher.running.budgie-menu-launcher, .top .budgie-panel .pinned .launcher.running#tasklist-button, .budgie-panel .pinned .top .launcher.running#tasklist-button, .top .budgie-panel .pinned button.launcher.running.flat, .budgie-panel .pinned .top button.launcher.running.flat { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; +} + +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.launcher.budgie-menu-launcher, .budgie-panel .unpinned .bottom button.launcher.budgie-menu-launcher, .bottom .budgie-panel .unpinned .launcher#tasklist-button, .budgie-panel .unpinned .bottom .launcher#tasklist-button, .bottom .budgie-panel .unpinned button.launcher.flat, .budgie-panel .unpinned .bottom button.launcher.flat, .bottom .budgie-panel .pinned button.launcher.running.budgie-menu-launcher, .budgie-panel .pinned .bottom button.launcher.running.budgie-menu-launcher, .bottom .budgie-panel .pinned .launcher.running#tasklist-button, .budgie-panel .pinned .bottom .launcher.running#tasklist-button, .bottom .budgie-panel .pinned button.launcher.running.flat, .budgie-panel .pinned .bottom button.launcher.running.flat { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; +} + +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.launcher.budgie-menu-launcher, .budgie-panel .unpinned .left button.launcher.budgie-menu-launcher, .left .budgie-panel .unpinned .launcher#tasklist-button, .budgie-panel .unpinned .left .launcher#tasklist-button, .left .budgie-panel .unpinned button.launcher.flat, .budgie-panel .unpinned .left button.launcher.flat, .left .budgie-panel .pinned button.launcher.running.budgie-menu-launcher, .budgie-panel .pinned .left button.launcher.running.budgie-menu-launcher, .left .budgie-panel .pinned .launcher.running#tasklist-button, .budgie-panel .pinned .left .launcher.running#tasklist-button, .left .budgie-panel .pinned button.launcher.running.flat, .budgie-panel .pinned .left button.launcher.running.flat { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; +} + +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.launcher.budgie-menu-launcher, .budgie-panel .unpinned .right button.launcher.budgie-menu-launcher, .right .budgie-panel .unpinned .launcher#tasklist-button, .budgie-panel .unpinned .right .launcher#tasklist-button, .right .budgie-panel .unpinned button.launcher.flat, .budgie-panel .unpinned .right button.launcher.flat, .right .budgie-panel .pinned button.launcher.running.budgie-menu-launcher, .budgie-panel .pinned .right button.launcher.running.budgie-menu-launcher, .right .budgie-panel .pinned .launcher.running#tasklist-button, .budgie-panel .pinned .right .launcher.running#tasklist-button, .right .budgie-panel .pinned button.launcher.running.flat, .budgie-panel .pinned .right button.launcher.running.flat { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; +} + +frame.raven-frame > border { + border-style: none; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3), 0 0 8px 0 rgba(0, 0, 0, 0.3); +} + +.top frame.raven-frame > border { + margin-bottom: 32px; +} + +.bottom frame.raven-frame > border { + margin-top: 32px; +} + +.left frame.raven-frame > border { + margin-right: 32px; +} + +.right frame.raven-frame > border { + margin-left: 32px; +} + +.raven { + background-color: rgba(51, 51, 51, 0.95); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven .raven-header { + min-height: 36px; + padding: 3px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 28px; + min-width: 28px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px; + color: #dedede; +} + +.raven .raven-header.top stackswitcher button { + margin: -6px 0; + min-height: 26px; +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background { + border-style: solid none; + border-width: 1px; + border-color: rgba(255, 255, 255, 0.12); + background-color: #242424; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background.frame { + border-style: solid none; +} + +.raven .raven-background > overlay > widget > image { + color: alpha(currentColor,0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #0046DB; + color: #ffffff; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 2px; + border-style: none; + background-color: transparent; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #0046DB; +} + +.raven-mpris { + background-color: rgba(0, 0, 0, 0.5); + color: #ffffff; +} + +.raven-mpris label { + min-height: 24px; +} + +.raven-mpris button.image-button { + padding: 8px; +} + +.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { + background-color: transparent; + background-image: none; + border-radius: 6px; +} + +.budgie-notification, .budgie-switcher { + background-color: transparent; + background-image: none; +} + +.budgie-notification .notification-title, .budgie-switcher .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 6px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 6px; + -gtk-outline-radius: 6px; + background-image: none; +} + +.drop-shadow, window.budgie-switcher-window .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 6px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.3); + background-color: rgba(36, 36, 36, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 5px; +} + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + border-radius: 6px; + background-color: #333333; +} + +.background.budgie-session-dialog, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + border-radius: 6px; +} + +.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { + border-radius: 6px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog .linked.horizontal > button { + padding: 8px 16px; + border: none; + border-top: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 0; +} + +.budgie-session-dialog .linked.horizontal > button:first-child { + border-bottom-left-radius: 6px; +} + +.budgie-session-dialog .linked.horizontal > button:last-child { + border-bottom-right-radius: 6px; +} + +.budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #c5c5c5; + background-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.15); + border-color: rgba(255, 255, 255, 0.12); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0.25); + text-shadow: none; + -gtk-icon-shadow: none; + border-color: rgba(255, 255, 255, 0.12); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #242424; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px transparent; + background-color: transparent; +} + +.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, +.budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(255, 255, 255, 0.12); +} diff --git a/src/gtk-3.0/gtk-compact-dark.scss b/src/gtk-3.0/gtk-compact-dark.scss new file mode 100644 index 0000000..ac4f17b --- /dev/null +++ b/src/gtk-3.0/gtk-compact-dark.scss @@ -0,0 +1,15 @@ +$variant: 'dark'; +$darker: 'false'; +$compact: 'true'; +$transparency: 'true'; + +@import 'sass/colors'; +@import 'sass/drawing-compact'; +@import 'sass/common'; +@import 'sass/applications'; +@import 'sass/unity'; +@import 'sass/granite'; +@import 'sass/lightdm'; +@import 'sass/transparent_widgets'; +@import 'sass/colors-public'; +@import 'sass/budgie.scss'; diff --git a/src/gtk-3.0/gtk-compact-light-solid.css b/src/gtk-3.0/gtk-compact-light-solid.css new file mode 100644 index 0000000..21445c8 --- /dev/null +++ b/src/gtk-3.0/gtk-compact-light-solid.css @@ -0,0 +1,8293 @@ +@keyframes switch_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #71c837 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #71c837 100%, transparent 0%); + } +} + +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #e5e5e5 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #e5e5e5 100%, transparent 0%); + } +} + +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 5px; +} + +.background { + color: #242424; + background-color: #f5f5f5; +} + +.background.csd, .background.ssd, .background.osd { + border-radius: 0 0 6px 6px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.55); +} + +.gtkstyle-fallback:selected { + background-color: #0046DB; + color: #ffffff; +} + +.view, iconview, +.view text, +iconview text, +textview text { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.view:hover, iconview:hover, +.view text:hover, +iconview text:hover, +textview text:hover { + background-color: #f7f7f7; +} + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-radius: 5px; +} + +textview border { + background-color: #fafafa; +} + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #0036a8; + background-color: rgba(0, 54, 168, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 5px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +label.separator, popover label.separator, +popover.background label.separator { + color: #242424; +} + +label selection { + color: #ffffff; + background-color: #0046DB; +} + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle, +.titlebar:not(headerbar) .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.11); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #0046DB; + color: #ffffff; +} + +textview { + background-color: #ffffff; +} + +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { + color: #363636; + border: none; + background-color: rgba(245, 245, 245, 0.95); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled { + opacity: 0.5; +} + +entry { + min-height: 20px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 5px; + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: #ffffff; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +entry.search { + border-radius: 100px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +entry.flat, .raven .raven-background spinbutton:not(.vertical), entry.flat:focus, .raven .raven-background spinbutton:focus:not(.vertical) { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:focus { + background-clip: border-box; + color: #363636; + border-color: #8eb9ff; + background-color: #ffffff; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, inset 0 0 0 2px #8eb9ff; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.55); + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); +} + +entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; +} + +.osd entry { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.35); +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0046DB; +} + +.osd entry:disabled { + color: #363636; + background-color: rgba(255, 255, 255, 0.2); +} + +.osd entry selection:focus, .osd entry selection { + color: #0046DB; + background-color: #ffffff; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #0046DB; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +treeview entry.flat, treeview .raven .raven-background spinbutton:not(.vertical), .raven .raven-background treeview spinbutton:not(.vertical), treeview entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; +} + +treeview entry.flat:focus, treeview .raven .raven-background spinbutton:focus:not(.vertical), .raven .raven-background treeview spinbutton:focus:not(.vertical), treeview entry:focus { + border-color: #0046DB; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: #ffffff; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.11); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.55); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0046DB), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0046DB), to(transparent)); + } +} + +button { + outline-color: #8eb9ff; + outline-style: solid; + outline-offset: -1px; + outline-width: 3px; + -gtk-outline-radius: 6px; +} + +button { + min-height: 24px; + min-width: 16px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 5px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.11); + background-color: white; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +.linked:not(.vertical) > button, +.linked.vertical > button, combobox, popover button, +popover.background button, button.flat, button.budgie-menu-launcher, .budgie-panel #tasklist-button, .budgie-panel button.flat.launcher, button.osd, button.sidebar-button, button.circular-button { + outline-color: alpha(currentColor,0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; +} + +button.flat, button.budgie-menu-launcher, .budgie-panel #tasklist-button, .budgie-panel button.flat.launcher { + border: none; + background-color: transparent; + box-shadow: none; + transition: none; +} + +button.flat:hover, button.budgie-menu-launcher:hover, .budgie-panel #tasklist-button:hover, .budgie-panel button.flat.launcher:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.15); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active, button.budgie-menu-launcher:hover:active, .budgie-panel #tasklist-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:active, button.budgie-menu-launcher:active, .budgie-panel #tasklist-button:active, .budgie-panel button.flat.launcher:active, button.flat:checked, button.budgie-menu-launcher:checked, .budgie-panel #tasklist-button:checked, .budgie-panel button.flat.launcher:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +button.flat:disabled, button.budgie-menu-launcher:disabled, .budgie-panel #tasklist-button:disabled, .budgie-panel button.flat.launcher:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: #ffffff; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 70, 219, 0.75); + background-color: rgba(0, 70, 219, 0.75); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +button.image-button { + min-width: 28px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 8px; + padding-left: 8px; +} + +button:drop(active), combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #363636; + background-color: rgba(245, 245, 245, 0.95); + border-color: rgba(225, 225, 225, 0.95); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #0046DB; +} + +button.osd:active, button.osd:checked { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0046DB; +} + +button.osd:disabled { + color: #bcbcbc; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.2); +} + +.osd button { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.35); +} + +.osd button:hover { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.45); +} + +.osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0046DB; +} + +.osd button:disabled { + color: #bcbcbc; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.2); +} + +.osd button.flat, .osd button.budgie-menu-launcher, .osd .budgie-panel #tasklist-button, .budgie-panel .osd #tasklist-button, .osd .budgie-panel button.flat.launcher, .budgie-panel .osd button.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover, .osd button.budgie-menu-launcher:hover, .osd .budgie-panel #tasklist-button:hover, .budgie-panel .osd #tasklist-button:hover { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.45); +} + +.osd button.flat:disabled, .osd button.budgie-menu-launcher:disabled, .osd .budgie-panel #tasklist-button:disabled, .budgie-panel .osd #tasklist-button:disabled { + color: #bcbcbc; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.2); + background-image: none; +} + +.osd button.flat:active, .osd button.budgie-menu-launcher:active, .osd .budgie-panel #tasklist-button:active, .budgie-panel .osd #tasklist-button:active, .osd button.flat:checked, .osd button.budgie-menu-launcher:checked, .osd .budgie-panel #tasklist-button:checked, .budgie-panel .osd #tasklist-button:checked { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0046DB; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; +} + +button.suggested-action.flat, button.suggested-action.budgie-menu-launcher, .budgie-panel .suggested-action#tasklist-button, .budgie-panel button.suggested-action.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, button.suggested-action.budgie-menu-launcher:disabled, .budgie-panel .suggested-action#tasklist-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.55); +} + +button.suggested-action:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(36, 36, 36, 0.55); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; +} + +button.destructive-action.flat, button.destructive-action.budgie-menu-launcher, .budgie-panel .destructive-action#tasklist-button, .budgie-panel button.destructive-action.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, button.destructive-action.budgie-menu-launcher:disabled, .budgie-panel .destructive-action#tasklist-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.55); +} + +button.destructive-action:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(36, 36, 36, 0.55); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0046DB), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 5px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.15); +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + border-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: transparent; +} + +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: #f75d37; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #8eb9ff; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #8eb9ff; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button:active + entry, +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #8eb9ff; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked:not(.vertical).path-bar > button + button { + border-left-style: none; +} + +.linked.vertical > entry + entry { + border-top-color: transparent; +} + +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: #FC4138; +} + +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: #F27835; +} + +.linked.vertical > entry.error + entry.warning, +.linked.vertical > entry.warning + entry.error { + border-top-color: #f75d37; +} + +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { + border-top-color: #8eb9ff; +} + +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #8eb9ff; +} + +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #F08437; +} + +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #F08437; +} + +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { + border-top-color: #F27835; +} + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #F27835; +} + +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { + border-top-color: #FC4138; +} + +.linked.vertical > entry.error:focus:not(:only-child) + entry, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #FC4138; +} + +.linked.vertical > button:active + entry, +.linked.vertical > button:checked + entry { + border-top-color: #8eb9ff; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.budgie-menu-launcher, .inline-toolbar toolbutton > button.budgie-menu-launcher, .inline-toolbar .budgie-panel toolbutton > #tasklist-button, .budgie-panel .inline-toolbar toolbutton > #tasklist-button, .inline-toolbar .budgie-panel toolbutton > button.flat.launcher, .budgie-panel .inline-toolbar toolbutton > button.flat.launcher, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, +headerbar .linked:not(.vertical).path-bar > button, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button, +headerbar .linked:not(.vertical).path-bar > button:hover, +headerbar .linked:not(.vertical).path-bar > button:active, +headerbar .linked:not(.vertical).path-bar > button:checked, +headerbar .linked:not(.vertical).path-bar > button:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; +} + +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, .inline-toolbar toolbutton > button.flat:first-child, .inline-toolbar toolbutton > button.budgie-menu-launcher:first-child, .inline-toolbar .budgie-panel toolbutton > #tasklist-button:first-child, .budgie-panel .inline-toolbar toolbutton > #tasklist-button:first-child, .inline-toolbar .budgie-panel toolbutton > button.flat.launcher:first-child, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:first-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, +headerbar .linked:not(.vertical).path-bar > button:first-child:hover, +headerbar .linked:not(.vertical).path-bar > button:first-child:active, +headerbar .linked:not(.vertical).path-bar > button:first-child:checked, +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, .inline-toolbar toolbutton > button.flat:last-child, .inline-toolbar toolbutton > button.budgie-menu-launcher:last-child, .inline-toolbar .budgie-panel toolbutton > #tasklist-button:last-child, .budgie-panel .inline-toolbar toolbutton > #tasklist-button:last-child, .inline-toolbar .budgie-panel toolbutton > button.flat.launcher:last-child, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:last-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, +headerbar .linked:not(.vertical).path-bar > button:last-child:hover, +headerbar .linked:not(.vertical).path-bar > button:last-child:active, +headerbar .linked:not(.vertical).path-bar > button:last-child:checked, +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + border-right-style: solid; +} + +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, .inline-toolbar toolbutton > button.flat:only-child, .inline-toolbar toolbutton > button.budgie-menu-launcher:only-child, .inline-toolbar .budgie-panel toolbutton > #tasklist-button:only-child, .budgie-panel .inline-toolbar toolbutton > #tasklist-button:only-child, .inline-toolbar .budgie-panel toolbutton > button.flat.launcher:only-child, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:only-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, +headerbar .linked:not(.vertical).path-bar > button:only-child:hover, +headerbar .linked:not(.vertical).path-bar > button:only-child:active, +headerbar .linked:not(.vertical).path-bar > button:only-child:checked, +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { + border-radius: 5px; + border-style: solid; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 5px; + border-bottom-left-radius: 0; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 5px; + border-bottom-right-radius: 0; + border-right-style: solid; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 5px 5px 0 0; + border-style: solid; +} + +.linked.vertical > entry, +.linked.vertical > entry:focus, +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-bottom-style: none; +} + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-bottom-style: solid; +} + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 5px; + border-style: solid; +} + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 5px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + color: #ffffff; + border: none; + background-color: #686868; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.55); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +*:link, button:link, button:visited { + color: #3484e2; +} + +*:link:visited, button:visited { + color: #505050; +} + +*:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #99b5f1; +} + +*:link:hover, button:hover:link, button:hover:visited { + color: #619fe8; +} + +*:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #e6edfb; +} + +*:link:active, button:active:link, button:active:visited { + color: #3484e2; +} + +*:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #ccdaf8; +} + +infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, +.selection-mode.titlebar:not(headerbar) .subtitle:link, +*:selected *:link, +*:selected button:link, +*:selected button:visited { + color: #ccdaf8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: #ffffff; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.55); +} + +spinbutton:not(.vertical) entry { + min-width: 28px; +} + +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 5px 0 0 5px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 transparent; +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #8eb9ff; +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #8eb9ff; +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 5px 5px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: #8eb9ff; +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox button.combo { + min-width: 0; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); + min-height: 16px; + min-width: 20px; + padding: 0; + margin: -1px -13px -1px -1px; + border-radius: 0 5px 5px 0; + color: #ffffff; + border: 1px solid #0e6bff; + background-color: #0046DB; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); +} + +.linked:not(.vertical) > combobox > box > button.combo arrow { + border-radius: 0; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo arrow { + border-radius: 0 5px 5px 0; +} + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: #e5e5e5; + border-bottom: 1px solid rgba(0, 0, 0, 0.11); +} + +toolbar separator, .inline-toolbar separator { + background: none; +} + +toolbar.horizontal separator, .horizontal.inline-toolbar separator { + margin: 0 6px; +} + +toolbar.vertical separator, .vertical.inline-toolbar separator { + margin: 6px 0; +} + +.osd toolbar, .osd .inline-toolbar { + background-color: transparent; +} + +toolbar.osd, .osd.inline-toolbar { + padding: 8px; + border: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 5px; + background-color: rgba(245, 245, 245, 0.85); +} + +toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; +} + +toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; +} + +toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; +} + +toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; +} + +toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; +} + +toolbar:not(.inline-toolbar) switch, .inline-toolbar:not(.inline-toolbar) switch, +toolbar:not(.inline-toolbar) scale, +.inline-toolbar:not(.inline-toolbar) scale, +toolbar:not(.inline-toolbar) entry, +.inline-toolbar:not(.inline-toolbar) entry, +toolbar:not(.inline-toolbar) spinbutton, +.inline-toolbar:not(.inline-toolbar) spinbutton, +toolbar:not(.inline-toolbar) button, +.inline-toolbar:not(.inline-toolbar) button { + margin-right: 1px; + margin-bottom: 1px; +} + +toolbar:not(.inline-toolbar) .linked > button, .inline-toolbar:not(.inline-toolbar) .linked > button, +toolbar:not(.inline-toolbar) .linked > entry, +.inline-toolbar:not(.inline-toolbar) .linked > entry { + margin-right: 0; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #E1E1E1, #E1E1E1) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.11); + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 5px 5px; +} + +searchbar { + background-color: #f5f5f5; + border-style: solid; + border-color: #E1E1E1; + border-width: 0 0 1px; + padding: 3px; +} + +searchbar button.flat, searchbar button.budgie-menu-launcher, searchbar .budgie-panel #tasklist-button, .budgie-panel searchbar #tasklist-button, searchbar .budgie-panel button.flat.launcher, .budgie-panel searchbar button.flat.launcher { + min-height: 16px; + min-width: 16px; + margin: 4px 6px; + padding: 0 2px; + border-radius: 100px; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.11); + background-color: #ededed; + border-radius: 0 0 6px 6px; +} + +headerbar, +.titlebar:not(headerbar) { + min-height: 34px; + padding: 0 8px; + background-image: linear-gradient(0deg, #d2d2d2 0%, #e2e2e2 50%, #e9e9e9 95%, #f5f5f5 100%); + color: rgba(40, 32, 32, 0.8); + background-color: #e5e5e5; + border-bottom: 1px solid #afafaf; +} + +.csd headerbar, .csd .titlebar:not(headerbar) { + background-image: linear-gradient(0deg, #d2d2d2 0%, #e2e2e2 50%, #e9e9e9 95%, #f5f5f5 100%); + background-color: #e5e5e5; + border-bottom: 1px solid #afafaf; +} + +headerbar:backdrop, +.titlebar:backdrop:not(headerbar) { + transition: 200ms ease-out; + color: rgba(40, 32, 32, 0.5); + background-image: none; + background-color: #F6F6F6; + border-color: #d5d5d5; +} + +.csd headerbar:backdrop, .csd .titlebar:backdrop:not(headerbar) { + background-color: #F6F6F6; + border-color: #d5d5d5; +} + +.maximized headerbar, .maximized .titlebar:not(headerbar) { + background-color: #e5e5e5; + border-bottom: 1px solid #afafaf; +} + +.maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar) { + background-color: #F6F6F6; + border-color: #d5d5d5; +} + +headerbar .title, +.titlebar:not(headerbar) .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle, +.titlebar:not(headerbar) .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; +} + +headerbar.selection-mode, +.selection-mode.titlebar:not(headerbar) { + color: #ffffff; + background-color: #0e6bff; + border-color: #0060f9; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +headerbar.selection-mode:backdrop, +.selection-mode.titlebar:backdrop:not(headerbar) { + background-color: #0e6bff; + color: rgba(255, 255, 255, 0.6); +} + +headerbar.selection-mode .selection-menu, +.selection-mode.titlebar:not(headerbar) .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +headerbar.selection-mode .selection-menu GtkArrow, +.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +headerbar.selection-mode .selection-menu .arrow, +.selection-mode.titlebar:not(headerbar) .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized headerbar.selection-mode, .maximized .selection-mode.titlebar:not(headerbar) { + background-color: #0e6bff; +} + +.tiled headerbar, .tiled headerbar:backdrop, +.maximized headerbar, .maximized headerbar:backdrop, .tiled .titlebar:not(headerbar), .tiled .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar) { + border-radius: 0; +} + +.maximized headerbar, .maximized .titlebar:not(headerbar) { + background-color: #e5e5e5; + border-color: #afafaf; +} + +.maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar) { + background-color: #F6F6F6; +} + +headerbar.default-decoration, +.default-decoration.titlebar:not(headerbar) { + min-height: 26px; + padding: 0 6px; + background-color: #e5e5e5; + background-image: linear-gradient(0deg, #e2e2e2 0%, #f5f5f5 100%); +} + +.tiled headerbar.default-decoration, +.maximized headerbar.default-decoration, +.fullscreen headerbar.default-decoration, .tiled .default-decoration.titlebar:not(headerbar), +.maximized .default-decoration.titlebar:not(headerbar), +.fullscreen .default-decoration.titlebar:not(headerbar) { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton, +.default-decoration.titlebar:not(headerbar) button.titlebutton { + border: none; + min-height: 18px; + min-width: 18px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, +.csd headerbar.default-decoration, headerbar.default-decoration:backdrop, +.csd headerbar.default-decoration:backdrop, +.default-decoration.titlebar:not(headerbar), +.csd .default-decoration.titlebar:not(headerbar), +.default-decoration.titlebar:backdrop:not(headerbar), +.csd .default-decoration.titlebar:backdrop:not(headerbar) { + box-shadow: none; + border: none; +} + +.titlebar, +.titlebar.background { + border-radius: 6px 6px 0 0; +} + +headerbar button, headerbar separator { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar entry { + margin-top: 5px; + margin-bottom: 5px; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 6px; +} + +.maximized separator:first-child + headerbar, +.tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, +.tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, +.tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, +.tiled headerbar:first-child:backdrop { + border-radius: 0; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 6px; +} + +.maximized headerbar:last-child, +.tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, +.tiled headerbar:last-child:backdrop { + border-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, +window.csd > .titlebar:not(headerbar), +window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + background-image: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + background-image: linear-gradient(0deg, #d2d2d2 0%, #e2e2e2 50%, #e9e9e9 95%, #f5f5f5 100%); +} + +.titlebar:not(headerbar) > separator:backdrop { + background-image: none; + background-color: #F6F6F6; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton, +.titlebar:not(headerbar) separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border-width: 0; + border-image: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop, +.titlebar:not(headerbar) separator.titlebutton:backdrop { + opacity: 0.6; +} + +headerbar entry, .nemo-window .primary-toolbar entry { + color: rgba(40, 32, 32, 0.8); + border-style: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entry image:hover, .nemo-window .primary-toolbar entry image:hover { + color: inherit; +} + +headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { + opacity: 0.85; + background-image: none; +} + +headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; + background-clip: border-box; +} + +headerbar entry:focus image, .nemo-window .primary-toolbar entry:focus image { + color: #0046DB; +} + +headerbar entry:disabled, .nemo-window .primary-toolbar entry:disabled { + color: rgba(40, 32, 32, 0.35); + border-style: none; + background-color: rgba(255, 255, 255, 0.75); +} + +headerbar entry selection:focus, .nemo-window .primary-toolbar entry selection:focus { + background-color: #0046DB; + color: #ffffff; +} + +headerbar entry progress, .nemo-window .primary-toolbar entry progress { + border-color: #0046DB; + background-image: none; + background-color: transparent; +} + +headerbar entry.warning, .nemo-window .primary-toolbar entry.warning { + color: white; + border-color: #F27835; + background-color: #eda47b; +} + +headerbar entry.warning:focus, .nemo-window .primary-toolbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +headerbar entry.warning selection, .nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection:focus, .nemo-window .primary-toolbar entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +headerbar entry.error, .nemo-window .primary-toolbar entry.error { + color: white; + border-color: #FC4138; + background-color: #f3837d; +} + +headerbar entry.error:focus, .nemo-window .primary-toolbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +headerbar entry.error selection, .nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection:focus, .nemo-window .primary-toolbar entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button), +headerbar button, +.nemo-window .primary-toolbar button { + min-width: 22px; + color: rgba(40, 32, 32, 0.8); + border: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:backdrop:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:backdrop:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:backdrop:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:backdrop:not(.image-button), +headerbar button:backdrop, +.nemo-window .primary-toolbar button:backdrop { + opacity: 0.7; + background-image: none; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:hover:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:hover:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:hover:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:hover:not(.image-button), +headerbar button:hover, +.nemo-window .primary-toolbar button:hover { + color: rgba(40, 32, 32, 0.8); + border: none; + background-color: #fafafa; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:checked:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:checked:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:checked:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:checked:not(.image-button), +headerbar button:checked, +.nemo-window .primary-toolbar button:checked { + color: #ffffff; + border: none; + background-color: #686868; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + background-clip: border-box; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; + box-shadow: none; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:active:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:active:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:active:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:active:not(.image-button), +headerbar button:active, +.nemo-window .primary-toolbar button:active { + color: #ffffff; + border: none; + background-color: #afafaf; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; + background-clip: border-box; + box-shadow: none; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:not(.image-button), +headerbar button:disabled, +.nemo-window .primary-toolbar button:disabled { + background-color: white; + border: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:not(.image-button) label, paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:not(.image-button) label, paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:not(.image-button) label, .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:not(.image-button) label, paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:not(.image-button), +headerbar button:disabled label, +.nemo-window .primary-toolbar button:disabled label, +headerbar button:disabled, +.nemo-window .primary-toolbar button:disabled { + color: rgba(40, 32, 32, 0.35); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:active:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:active:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:active:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:active:not(.image-button), paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:checked:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:checked:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:checked:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:checked:not(.image-button), +headerbar button:disabled:active, +.nemo-window .primary-toolbar button:disabled:active, +headerbar button:disabled:checked, +.nemo-window .primary-toolbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border: none; + background-color: rgba(175, 175, 175, 0.65); + box-shadow: none; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button), +headerbar button.flat, +.nemo-window .primary-toolbar button.flat, +headerbar button.budgie-menu-launcher, +.nemo-window .primary-toolbar button.budgie-menu-launcher, +headerbar .budgie-panel #tasklist-button, +.budgie-panel headerbar #tasklist-button, +.nemo-window .primary-toolbar .budgie-panel #tasklist-button, +.budgie-panel .nemo-window .primary-toolbar #tasklist-button, +headerbar .budgie-panel button.flat.launcher, +.budgie-panel headerbar button.flat.launcher, +.nemo-window .primary-toolbar .budgie-panel button.flat.launcher, +.budgie-panel .nemo-window .primary-toolbar button.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +headerbar.selection-mode button, .nemo-window .selection-mode.primary-toolbar button, headerbar.selection-mode button.flat, .nemo-window .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.budgie-menu-launcher, .nemo-window .selection-mode.primary-toolbar button.budgie-menu-launcher, headerbar.selection-mode .budgie-panel #tasklist-button, .budgie-panel headerbar.selection-mode #tasklist-button, .nemo-window .selection-mode.primary-toolbar .budgie-panel #tasklist-button, .budgie-panel .nemo-window .selection-mode.primary-toolbar #tasklist-button, headerbar.selection-mode .budgie-panel button.flat.launcher, .budgie-panel headerbar.selection-mode button.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); +} + +headerbar.selection-mode button:hover, .nemo-window .selection-mode.primary-toolbar button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +headerbar.selection-mode button:active, .nemo-window .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:checked, .nemo-window .selection-mode.primary-toolbar button:checked { + text-shadow: none; +} + +headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child), .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):hover, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):active, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):checked, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):disabled { + margin-right: 1px; +} + +headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > button { + min-width: 20px; +} + +headerbar .linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 5px; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:disabled { + border-radius: 5px; + margin-right: 4px; + margin-left: 3px; +} + +headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active + entry, +headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: rgba(0, 0, 0, 0.11); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(0, 0, 0, 0.11); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, +headerbar .linked:not(.vertical).path-bar > button, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button { + color: rgba(40, 32, 32, 0.8); + border: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, +headerbar .linked:not(.vertical).path-bar > button:hover, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:hover { + color: rgba(40, 32, 32, 0.8); + border: none; + background-color: #fafafa; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, +headerbar .linked:not(.vertical).path-bar > button:active, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:active { + color: #ffffff; + border: none; + background-color: #afafaf; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, +headerbar .linked:not(.vertical).path-bar > button:checked, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + border: none; + background-color: #686868; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, +headerbar .linked:not(.vertical).path-bar > button:disabled, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(40, 32, 32, 0.4); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop, +headerbar .linked:not(.vertical).path-bar > button:backdrop, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar button.suggested-action, .nemo-window .primary-toolbar button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; +} + +headerbar button.suggested-action.flat, .nemo-window .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.budgie-menu-launcher, .nemo-window .primary-toolbar button.suggested-action.budgie-menu-launcher, headerbar .budgie-panel .suggested-action#tasklist-button, .budgie-panel headerbar .suggested-action#tasklist-button, .nemo-window .primary-toolbar .budgie-panel .suggested-action#tasklist-button, .budgie-panel .nemo-window .primary-toolbar .suggested-action#tasklist-button, headerbar .budgie-panel button.suggested-action.flat.launcher, .budgie-panel headerbar button.suggested-action.flat.launcher, .nemo-window .primary-toolbar .budgie-panel button.suggested-action.flat.launcher, .budgie-panel .nemo-window .primary-toolbar button.suggested-action.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +headerbar button.suggested-action:hover, .nemo-window .primary-toolbar button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; +} + +headerbar button.suggested-action:active, .nemo-window .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:checked, .nemo-window .primary-toolbar button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; + box-shadow: none; +} + +headerbar button.suggested-action.flat:disabled, .nemo-window .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.budgie-menu-launcher:disabled, .nemo-window .primary-toolbar button.suggested-action.budgie-menu-launcher:disabled, headerbar .budgie-panel .suggested-action#tasklist-button:disabled, .budgie-panel headerbar .suggested-action#tasklist-button:disabled, .nemo-window .primary-toolbar .budgie-panel .suggested-action#tasklist-button:disabled, .budgie-panel .nemo-window .primary-toolbar .suggested-action#tasklist-button:disabled, headerbar .budgie-panel button.suggested-action.flat.launcher:disabled, .budgie-panel headerbar button.suggested-action.flat.launcher:disabled, headerbar button.suggested-action:disabled, .nemo-window .primary-toolbar button.suggested-action:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +headerbar button.suggested-action.flat:disabled label, .nemo-window .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.budgie-menu-launcher:disabled label, .nemo-window .primary-toolbar button.suggested-action.budgie-menu-launcher:disabled label, headerbar .budgie-panel .suggested-action#tasklist-button:disabled label, .budgie-panel headerbar .suggested-action#tasklist-button:disabled label, .nemo-window .primary-toolbar .budgie-panel .suggested-action#tasklist-button:disabled label, .budgie-panel .nemo-window .primary-toolbar .suggested-action#tasklist-button:disabled label, headerbar .budgie-panel button.suggested-action.flat.launcher:disabled label, .budgie-panel headerbar button.suggested-action.flat.launcher:disabled label, headerbar button.suggested-action.flat:disabled, .nemo-window .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.budgie-menu-launcher:disabled, .nemo-window .primary-toolbar button.suggested-action.budgie-menu-launcher:disabled, headerbar .budgie-panel .suggested-action#tasklist-button:disabled, .budgie-panel headerbar .suggested-action#tasklist-button:disabled, .nemo-window .primary-toolbar .budgie-panel .suggested-action#tasklist-button:disabled, .budgie-panel .nemo-window .primary-toolbar .suggested-action#tasklist-button:disabled, headerbar .budgie-panel button.suggested-action.flat.launcher:disabled, .budgie-panel headerbar button.suggested-action.flat.launcher:disabled, headerbar button.suggested-action:disabled label, .nemo-window .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled, .nemo-window .primary-toolbar button.suggested-action:disabled { + color: rgba(36, 36, 36, 0.55); +} + +headerbar button.suggested-action:backdrop, .nemo-window .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .nemo-window .primary-toolbar button.suggested-action:backdrop { + opacity: 0.8; +} + +headerbar button.destructive-action, .nemo-window .primary-toolbar button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; +} + +headerbar button.destructive-action.flat, .nemo-window .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.budgie-menu-launcher, .nemo-window .primary-toolbar button.destructive-action.budgie-menu-launcher, headerbar .budgie-panel .destructive-action#tasklist-button, .budgie-panel headerbar .destructive-action#tasklist-button, .nemo-window .primary-toolbar .budgie-panel .destructive-action#tasklist-button, .budgie-panel .nemo-window .primary-toolbar .destructive-action#tasklist-button, headerbar .budgie-panel button.destructive-action.flat.launcher, .budgie-panel headerbar button.destructive-action.flat.launcher, .nemo-window .primary-toolbar .budgie-panel button.destructive-action.flat.launcher, .budgie-panel .nemo-window .primary-toolbar button.destructive-action.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +headerbar button.destructive-action:hover, .nemo-window .primary-toolbar button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; +} + +headerbar button.destructive-action:active, .nemo-window .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:checked, .nemo-window .primary-toolbar button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; + box-shadow: none; +} + +headerbar button.destructive-action.flat:disabled, .nemo-window .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.budgie-menu-launcher:disabled, .nemo-window .primary-toolbar button.destructive-action.budgie-menu-launcher:disabled, headerbar .budgie-panel .destructive-action#tasklist-button:disabled, .budgie-panel headerbar .destructive-action#tasklist-button:disabled, .nemo-window .primary-toolbar .budgie-panel .destructive-action#tasklist-button:disabled, .budgie-panel .nemo-window .primary-toolbar .destructive-action#tasklist-button:disabled, headerbar .budgie-panel button.destructive-action.flat.launcher:disabled, .budgie-panel headerbar button.destructive-action.flat.launcher:disabled, headerbar button.destructive-action:disabled, .nemo-window .primary-toolbar button.destructive-action:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +headerbar button.destructive-action.flat:disabled label, .nemo-window .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.budgie-menu-launcher:disabled label, .nemo-window .primary-toolbar button.destructive-action.budgie-menu-launcher:disabled label, headerbar .budgie-panel .destructive-action#tasklist-button:disabled label, .budgie-panel headerbar .destructive-action#tasklist-button:disabled label, .nemo-window .primary-toolbar .budgie-panel .destructive-action#tasklist-button:disabled label, .budgie-panel .nemo-window .primary-toolbar .destructive-action#tasklist-button:disabled label, headerbar .budgie-panel button.destructive-action.flat.launcher:disabled label, .budgie-panel headerbar button.destructive-action.flat.launcher:disabled label, headerbar button.destructive-action.flat:disabled, .nemo-window .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.budgie-menu-launcher:disabled, .nemo-window .primary-toolbar button.destructive-action.budgie-menu-launcher:disabled, headerbar .budgie-panel .destructive-action#tasklist-button:disabled, .budgie-panel headerbar .destructive-action#tasklist-button:disabled, .nemo-window .primary-toolbar .budgie-panel .destructive-action#tasklist-button:disabled, .budgie-panel .nemo-window .primary-toolbar .destructive-action#tasklist-button:disabled, headerbar .budgie-panel button.destructive-action.flat.launcher:disabled, .budgie-panel headerbar button.destructive-action.flat.launcher:disabled, headerbar button.destructive-action:disabled label, .nemo-window .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled, .nemo-window .primary-toolbar button.destructive-action:disabled { + color: rgba(36, 36, 36, 0.55); +} + +headerbar button.destructive-action:backdrop, .nemo-window .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .nemo-window .primary-toolbar button.destructive-action:backdrop { + opacity: 0.8; +} + +headerbar spinbutton:not(.vertical):focus, .nemo-window .primary-toolbar spinbutton:not(.vertical):focus { + color: rgba(40, 32, 32, 0.8); + caret-color: rgba(40, 32, 32, 0.8); +} + +headerbar spinbutton:not(.vertical) button, .nemo-window .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button:disabled, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:disabled { + color: rgba(40, 32, 32, 0.8); + border: none; + background-color: #fafafa; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar spinbutton:not(.vertical) button:hover, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:hover { + background-color: white; +} + +headerbar spinbutton:not(.vertical) button:active, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:checked, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + border: none; + background-color: #afafaf; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar spinbutton:not(.vertical) button:disabled, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:disabled { + color: rgba(40, 32, 32, 0.4); +} + +headerbar spinbutton:not(.vertical) > button + button, .nemo-window .primary-toolbar spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +headerbar spinbutton:not(.vertical) > button:hover:not(:active), .nemo-window .primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), +headerbar spinbutton:not(.vertical) > button:hover + button, +.nemo-window .primary-toolbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11); +} + +headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .nemo-window .primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), +headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover, +.nemo-window .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +headerbar spinbutton:not(.vertical) > entry:focus + button, .nemo-window .primary-toolbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #8eb9ff; +} + +headerbar combobox:disabled, .nemo-window .primary-toolbar combobox:disabled { + color: rgba(40, 32, 32, 0.2); +} + +headerbar combobox > .linked > button.combo, .nemo-window .primary-toolbar combobox > .linked > button.combo { + border-radius: 5px; + color: rgba(40, 32, 32, 0.8); + border-style: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar combobox > .linked > button.combo image, .nemo-window .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image:hover, .nemo-window .primary-toolbar combobox > .linked > button.combo image:hover { + color: inherit; +} + +headerbar combobox > .linked > button.combo:hover, .nemo-window .primary-toolbar combobox > .linked > button.combo:hover { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; + box-shadow: none; +} + +headerbar combobox > .linked > button.combo:disabled, .nemo-window .primary-toolbar combobox > .linked > button.combo:disabled { + color: rgba(40, 32, 32, 0.35); + border-style: none; + background-color: rgba(255, 255, 255, 0.75); +} + +headerbar combobox > .linked > entry.combo, .nemo-window .primary-toolbar combobox > .linked > entry.combo { + border-radius: 5px; +} + +headerbar combobox > .linked > entry.combo:dir(ltr), .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(ltr) { + border-right-style: none; +} + +headerbar combobox > .linked > entry.combo:dir(ltr):focus, .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus { + box-shadow: none; +} + +headerbar combobox > .linked > entry.combo:dir(rtl), .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(rtl) { + border-left-style: none; +} + +headerbar combobox > .linked > entry.combo:dir(rtl):focus, .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus { + box-shadow: none; +} + +headerbar switch:backdrop, .nemo-window .primary-toolbar switch:backdrop { + opacity: 0.75; +} + +headerbar progressbar trough, .nemo-window .primary-toolbar progressbar trough { + background-color: #cccccc; +} + +headerbar progressbar:backdrop, .nemo-window .primary-toolbar progressbar:backdrop { + opacity: 0.75; +} + +headerbar scale:backdrop, .nemo-window .primary-toolbar scale:backdrop { + opacity: 0.75; +} + +headerbar scale slider, .nemo-window .primary-toolbar scale slider { + background-color: white; + border-color: rgba(0, 0, 0, 0.2); +} + +headerbar scale slider:hover, .nemo-window .primary-toolbar scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.2); +} + +headerbar scale slider:active, .nemo-window .primary-toolbar scale slider:active { + background-color: white; + border-color: rgba(0, 0, 0, 0.2); +} + +headerbar scale slider:disabled, .nemo-window .primary-toolbar scale slider:disabled { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.2); +} + +headerbar scale trough, .nemo-window .primary-toolbar scale trough { + background-color: #cccccc; +} + +headerbar scale trough:disabled, .nemo-window .primary-toolbar scale trough:disabled { + background-color: rgba(204, 204, 204, 0.95); +} + +.path-bar button { + min-width: 12px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #ffffff; + border: none; + background-color: #686868; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #0046DB; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #80a3ed; + border-top-color: rgba(36, 36, 36, 0.1); +} + +treeview.view:disabled { + color: rgba(36, 36, 36, 0.55); +} + +treeview.view:disabled:selected { + color: #6690e9; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.1); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #123580; +} + +treeview.view:drop(active).after { + border-top-style: none; +} + +treeview.view:drop(active).before { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #b3c8f4; +} + +treeview.view.expander:selected:hover { + color: #ffffff; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: #ffffff; + border-radius: 5px; + background-color: #0046DB; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #0046DB; + box-shadow: none; + background-color: #ffffff; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.11); + border-radius: 5px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 5px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #0046DB; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #0046DB; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #e5e5e5; + background-image: linear-gradient(180deg, #e2e2e2 0%, #d2d2d2 100%); + color: rgba(40, 32, 32, 0.8); + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.11); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(40, 32, 32, 0.6); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border-radius: 0; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + background-color: #0046DB; + color: #ffffff; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(40, 32, 32, 0.2); + border-color: transparent; +} + +menu, +.menu { + padding: 6px 0; + border-radius: 6px; + background-color: #ffffff; +} + +.csd menu, .csd +.menu { + border-radius: 6px; + background-color: #ffffff; +} + +menu separator, +.csd menu separator, +.menu separator, +.csd +.menu separator { + margin: 2px 0; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +menu menuitem, +.menu menuitem { + min-height: 12px; + min-width: 40px; + padding: 2px 6px; + text-shadow: none; + border-bottom: 1px solid transparent; +} + +menu menuitem:hover, +.menu menuitem:hover { + color: #ffffff; + background-color: #0046DB; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border-bottom: 1px solid #0036a8; +} + +menu menuitem:hover arrow, +.menu menuitem:hover arrow { + transition: none; + color: #ffffff; + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +menu menuitem:disabled, +.menu menuitem:disabled { + color: rgba(36, 36, 36, 0.55); +} + +menu menuitem arrow, +.menu menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +menu menuitem arrow:dir(ltr), +.menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +menu menuitem arrow:dir(rtl), +.menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: #ffffff; + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + +menu > arrow.top, +.menu > arrow.top { + margin: -8px 0 0 0; + border-radius: 6px 6px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.11); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menu > arrow.bottom, +.menu > arrow.bottom { + margin: 0 0 -18px 0; + border-radius: 0 0 6px 6px; + border-top: 1px solid rgba(0, 0, 0, 0.11); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menu > arrow:hover, +.menu > arrow:hover { + background-color: #e9e9e9; +} + +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 6px; + background-clip: border-box; + background-color: #ffffff; + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); +} + +.csd popover, popover, .csd +popover.background, +popover.background { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.11); +} + +popover separator, +popover separator, +.csd popover separator, +popover.background separator, +popover.background separator, +.csd +popover.background separator { + margin: 4px -9px; + min-height: 2px; + border: none; + background-color: rgba(0, 0, 0, 0.05); +} + +popover > list, +popover > .view, +popover > iconview, +popover > toolbar, +popover > .inline-toolbar, +popover.background > list, +popover.background > .view, +popover.background > iconview, +popover.background > toolbar, +popover.background > .inline-toolbar { + border-style: none; + background-color: transparent; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid rgba(0, 0, 0, 0.11); +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook > header { + padding: 0; + background-color: #cccccc; +} + +notebook > header.top { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.11), inset 0 -1px rgba(0, 0, 0, 0.11); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.11), inset 0 -1px rgba(0, 0, 0, 0.11), 1px 0 rgba(0, 0, 0, 0.11), -1px 0 rgba(0, 0, 0, 0.11); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.11), inset 0 -1px rgba(0, 0, 0, 0.11); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.11), inset 0 -1px rgba(0, 0, 0, 0.11), 1px 0 rgba(0, 0, 0, 0.11), -1px 0 rgba(0, 0, 0, 0.11); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11), inset -1px 0 rgba(0, 0, 0, 0.11); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11), inset -1px 0 rgba(0, 0, 0, 0.11), 0 1px rgba(0, 0, 0, 0.11), 0 -1px rgba(0, 0, 0, 0.11); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11), inset -1px 0 rgba(0, 0, 0, 0.11); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11), inset -1px 0 rgba(0, 0, 0, 0.11), 0 1px rgba(0, 0, 0, 0.11), 0 -1px rgba(0, 0, 0, 0.11); + margin-left: -1px; +} + +notebook > header button.flat, notebook > header button.budgie-menu-launcher, notebook > header .budgie-panel #tasklist-button, .budgie-panel notebook > header #tasklist-button, notebook > header .budgie-panel button.flat.launcher, .budgie-panel notebook > header button.flat.launcher { + min-height: 24px; + min-width: 24px; + padding: 0; + border: none; + box-shadow: none; + margin: 2px; +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top > tabs > tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom > tabs > tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right > tabs > tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left > tabs > tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.55); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.775); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.25); +} + +notebook > header > tabs > tab { + color: rgba(36, 36, 36, 0.55); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; +} + +notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.775); + background-color: rgba(255, 255, 255, 0.2); + border-color: #bfbfbf; +} + +notebook > header > tabs > tab:checked { + color: #242424; + background-color: #e5e5e5; + border-color: #bfbfbf; +} + +notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.budgie-menu-launcher, notebook > header > tabs > tab .budgie-panel #tasklist-button, .budgie-panel notebook > header > tabs > tab #tasklist-button, notebook > header > tabs > tab .budgie-panel button.flat.launcher, .budgie-panel notebook > header > tabs > tab button.flat.launcher { + min-height: 16px; + min-width: 16px; + border-radius: 3px; + padding: 0; + margin: 2px 0; + color: #6d6d6d; +} + +notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover { + color: rgba(255, 0, 0, 0.5); + background-color: rgba(36, 36, 36, 0.1); +} + +notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:active:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:active:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active:hover { + color: rgba(204, 0, 0, 0.5); + background-color: rgba(36, 36, 36, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.11); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +row switch:not(:indeterminate), row switch:not(:indeterminate) slider:not(:indeterminate), row switch:disabled:not(:indeterminate), row switch:not(:indeterminate) slider:disabled:not(:indeterminate) { + padding: 0; + border: none; + color: transparent; + background: unset; + background-image: unset; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; + animation: none; + font-size: 0; + outline-color: transparent; +} + +row switch:dir(rtl):not(:indeterminate), row switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), row switch:disabled:dir(rtl):not(:indeterminate), row switch:not(:indeterminate) slider:disabled:dir(rtl):not(:indeterminate) { + background-position: left center; +} + +row switch:not(:indeterminate) { + min-width: 40px; + min-height: 24px; + margin: 0; + background-size: 40px 24px; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); +} + +row switch:not(:indeterminate) slider:not(:indeterminate) { + margin: 0; + background-size: 40px 24px; +} + +row switch:not(:indeterminate):hover { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-hover.png"), url("assets/switch-hover@2.png")); +} + +row switch:not(:indeterminate):checked { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); +} + +row switch:not(:indeterminate):checked:hover { + background-image: -gtk-scaled(url("assets/switch-active-hover.png"), url("assets/switch-active-hover@2.png")); +} + +row switch:not(:indeterminate):checked:disabled, row switch:not(:indeterminate):checked:disabled:hover { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); +} + +row switch:not(:indeterminate):disabled, row switch:not(:indeterminate):disabled:hover { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); +} + + +switch { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border-radius: 50px; + background-color: alpha(currentColor,0.3); + background-clip: padding-box; + font-size: 0; +} + + +switch:disabled { + color: alpha(currentColor,0.4); +} + + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: #71c837; +} + + +switch:checked:disabled { + background-color: alpha(#71c837,0.5); + color: rgba(36, 36, 36, 0.55); +} + + +switch slider { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 18px; + min-height: 18px; + margin: 2px 0 2px 2px; + border-radius: 50px; + -gtk-outline-radius: 50px; + background-color: white; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); +} + + +switch:hover slider { + box-shadow: 0px 2px 3px 0px rgba(16, 16, 16, 0.2), 0px 3px 5px 0px rgba(16, 16, 16, 0.15); +} + + +switch:checked slider { + margin: 2px 2px 2px 0; + background-color: #ffffff; +} + + +switch:checked:disabled slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check, +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +menuitem check:hover, +.view check:selected, +iconview check:selected, +treeview.check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled, +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +menuitem check:disabled:hover, +.view check:disabled:selected, +iconview check:disabled:selected, +treeview.check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate, +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +menuitem check:indeterminate:hover, +.view check:indeterminate:selected, +iconview check:indeterminate:selected, +treeview.check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, +filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +menuitem check:indeterminate:disabled:hover, +.view check:indeterminate:disabled:selected, +iconview check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked, +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +menuitem check:checked:hover, +.view check:checked:selected, +iconview check:checked:selected, +treeview.check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, +filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +menuitem check:checked:disabled:hover, +.view check:checked:disabled:selected, +iconview check:checked:disabled:selected, +treeview.check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio, +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +menuitem radio:hover, +.view radio:selected, +iconview radio:selected, +treeview.radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled, +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +menuitem radio:disabled:hover, +.view radio:disabled:selected, +iconview radio:disabled:selected, +treeview.radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate, +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +menuitem radio:indeterminate:hover, +.view radio:indeterminate:selected, +iconview radio:indeterminate:selected, +treeview.radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, +filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +menuitem radio:indeterminate:disabled:hover, +.view radio:indeterminate:disabled:selected, +iconview radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked, +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +menuitem radio:checked:hover, +.view radio:checked:selected, +iconview radio:checked:selected, +treeview.radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, +filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +menuitem radio:checked:disabled:hover, +.view radio:checked:disabled:selected, +iconview radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list), iconview.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, +menu menuitem check, +radio:only-child, +menu menuitem +radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -6px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #0046DB; +} + +menuitem:hover scale trough, +row:selected scale trough, +infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, +row:selected scale trough highlight, +infobar scale trough highlight { + background-color: #ffffff; +} + +menuitem:hover scale trough highlight:disabled, +row:selected scale trough highlight:disabled, +infobar scale trough highlight:disabled { + background-color: #8cacef; +} + +menuitem:hover scale trough:disabled, +row:selected scale trough:disabled, +infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 5px; + background-color: #0046DB; +} + +scale highlight:disabled { + background-color: rgba(0, 70, 219, 0.55); +} + +scale fill { + border-radius: 5px; + background-color: rgba(0, 70, 219, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 100%; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.11); + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.11); +} + +menuitem:hover scale slider, +row:selected scale slider, +infobar scale slider { + background-clip: border-box; + background-color: #ffffff; + border-color: #ffffff; +} + +menuitem:hover scale slider:hover, +row:selected scale slider:hover, +infobar scale slider:hover { + background-color: #d9e3fa; + border-color: #d9e3fa; +} + +menuitem:hover scale slider:active, +row:selected scale slider:active, +infobar scale slider:active { + background-color: #80a3ed; + border-color: #80a3ed; +} + +menuitem:hover scale slider:disabled, +row:selected scale slider:disabled, +infobar scale slider:disabled { + background-color: #8cacef; + border-color: #8cacef; +} + +.osd scale slider { + background-clip: border-box; + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.11); + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.11); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + background-color: #0046DB; + border: none; + border-radius: 5px; + box-shadow: none; +} + +row:selected progressbar progress, +infobar progressbar progress { + background-color: #ffffff; +} + +progressbar trough { + border: none; + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.11); +} + +row:selected progressbar trough, +infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.11); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #0046DB; + background-color: #0046DB; + border-radius: 5px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #0046DB; + background-color: #0046DB; +} + +levelbar block.full { + border-color: #71c837; + background-color: #71c837; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.11); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.11); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(0, 70, 219, 0.2)), to(rgba(0, 70, 219, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(0, 70, 219, 0.2)), to(rgba(0, 70, 219, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(0, 70, 219, 0.2)), to(rgba(0, 70, 219, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(0, 70, 219, 0.2)), to(rgba(0, 70, 219, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.11) 1px, transparent 1px) 0 0 0 0/0 0 stretch; + background-color: #fcfcfc; +} + +scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; +} + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); +} + +list row { + padding: 2px; +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row.activatable.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:hover, .budgie-menu button:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +row.activatable:active, .budgie-menu button:active { + color: #242424; +} + +row.activatable:disabled, .budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +row.activatable:disabled image, .budgie-menu button:disabled image { + color: inherit; +} + +row.activatable:selected:active, .budgie-menu button:selected:active { + color: #ffffff; +} + +row.activatable:selected.has-open-popup, .budgie-menu button:selected.has-open-popup, row.activatable:selected:hover, .budgie-menu button:selected:hover { + background-color: #003fc5; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: #f5f5f5; + background-image: linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 85%, #e8e8e8 95%, #cfcfcf 100%); + border-radius: 0; + border: none; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.11); +} + +.app-notification border { + border: none; +} + +.app-notification button { + padding: 0; + margin: 0 0 0 0; + min-height: 24px; + min-width: 24px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.15); +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 5px; + padding: 2px 6px; + margin: 0; +} + +calendar:selected { + border-radius: 50px; +} + +calendar.header { + color: #242424; + border: none; +} + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + +calendar.button:hover { + color: #242424; +} + +calendar.button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +calendar:indeterminate { + color: alpha(currentColor,0.55); +} + +calendar.highlight { + color: #242424; +} + +messagedialog .titlebar { + min-height: 20px; + background-color: #e5e5e5; + border-bottom: 1px solid #afafaf; +} + +messagedialog .dialog-action-area button { + padding: 5px 8px 6px 8px; + min-height: 0; +} + +messagedialog.csd.background { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border: none; +} + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; + background-image: none; +} + +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.15); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; +} + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 6px 0; + border-right-style: none; +} + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 6px; + border-left-style: none; +} + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 6px 6px; + border-left-style: none; + border-right-style: none; +} + +filechooser #pathbarbox { + border-bottom: 1px solid transparent; +} + +filechooserbutton:drop(active) { + box-shadow: none; + 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, .sidebar.left:dir(rtl) { + border-right: 1px solid rgba(0, 0, 0, 0.11); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, +stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.11); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 2px 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.65); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border-color: rgba(0, 0, 0, 0.35); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #0046DB; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #0046DB, #0046DB); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)), linear-gradient(to bottom, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info, infobar.question, infobar.warning, infobar.error { + background-color: #0046DB; + color: #ffffff; + caret-color: currentColor; +} + +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { + color: #0046DB; + background-color: #ffffff; +} + +row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .nautilus-window .floating-bar button { + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; +} + +row:selected button.flat, row:selected button.budgie-menu-launcher, row:selected .budgie-panel #tasklist-button, .budgie-panel row:selected #tasklist-button, row:selected .budgie-panel button.flat.launcher, .budgie-panel row:selected button.flat.launcher, infobar.info button.flat, infobar.info button.budgie-menu-launcher, infobar.info .budgie-panel #tasklist-button, .budgie-panel infobar.info #tasklist-button, infobar.info .budgie-panel button.flat.launcher, .budgie-panel infobar.info button.flat.launcher, infobar.question button.flat, infobar.question button.budgie-menu-launcher, infobar.question .budgie-panel #tasklist-button, .budgie-panel infobar.question #tasklist-button, infobar.question .budgie-panel button.flat.launcher, .budgie-panel infobar.question button.flat.launcher, infobar.warning button.flat, infobar.warning button.budgie-menu-launcher, infobar.warning .budgie-panel #tasklist-button, .budgie-panel infobar.warning #tasklist-button, infobar.warning .budgie-panel button.flat.launcher, .budgie-panel infobar.warning button.flat.launcher, infobar.error button.flat, infobar.error button.budgie-menu-launcher, infobar.error .budgie-panel #tasklist-button, .budgie-panel infobar.error #tasklist-button, infobar.error .budgie-panel button.flat.launcher, .budgie-panel infobar.error button.flat.launcher, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.budgie-menu-launcher, .nautilus-window .floating-bar .budgie-panel #tasklist-button, .budgie-panel .nautilus-window .floating-bar #tasklist-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +headerbar.selection-mode button:disabled, .nemo-window .selection-mode.primary-toolbar button:disabled, row:selected button.flat:disabled, row:selected button.budgie-menu-launcher:disabled, row:selected .budgie-panel #tasklist-button:disabled, .budgie-panel row:selected #tasklist-button:disabled, infobar.info button.flat:disabled, infobar.info button.budgie-menu-launcher:disabled, infobar.info .budgie-panel #tasklist-button:disabled, .budgie-panel infobar.info #tasklist-button:disabled, infobar.question button.flat:disabled, infobar.question button.budgie-menu-launcher:disabled, infobar.question .budgie-panel #tasklist-button:disabled, .budgie-panel infobar.question #tasklist-button:disabled, infobar.warning button.flat:disabled, infobar.warning button.budgie-menu-launcher:disabled, infobar.warning .budgie-panel #tasklist-button:disabled, .budgie-panel infobar.warning #tasklist-button:disabled, infobar.error button.flat:disabled, infobar.error button.budgie-menu-launcher:disabled, infobar.error .budgie-panel #tasklist-button:disabled, .budgie-panel infobar.error #tasklist-button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.budgie-menu-launcher:disabled, .nautilus-window .floating-bar .budgie-panel #tasklist-button:disabled, .budgie-panel .nautilus-window .floating-bar #tasklist-button:disabled, headerbar.selection-mode button:disabled label, .nemo-window .selection-mode.primary-toolbar button:disabled label, row:selected button.flat:disabled label, row:selected button.budgie-menu-launcher:disabled label, row:selected .budgie-panel #tasklist-button:disabled label, .budgie-panel row:selected #tasklist-button:disabled label, infobar.info button.flat:disabled label, infobar.info button.budgie-menu-launcher:disabled label, infobar.info .budgie-panel #tasklist-button:disabled label, .budgie-panel infobar.info #tasklist-button:disabled label, infobar.question button.flat:disabled label, infobar.question button.budgie-menu-launcher:disabled label, infobar.question .budgie-panel #tasklist-button:disabled label, .budgie-panel infobar.question #tasklist-button:disabled label, infobar.warning button.flat:disabled label, infobar.warning button.budgie-menu-launcher:disabled label, infobar.warning .budgie-panel #tasklist-button:disabled label, .budgie-panel infobar.warning #tasklist-button:disabled label, infobar.error button.flat:disabled label, infobar.error button.budgie-menu-launcher:disabled label, infobar.error .budgie-panel #tasklist-button:disabled label, .budgie-panel infobar.error #tasklist-button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.budgie-menu-launcher:disabled label, .nautilus-window .floating-bar .budgie-panel #tasklist-button:disabled label, .budgie-panel .nautilus-window .floating-bar #tasklist-button:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .nautilus-window .floating-bar button:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode button:active, .nemo-window .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:checked, .nemo-window .selection-mode.primary-toolbar button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .nautilus-window .floating-bar button:active, headerbar.selection-mode button:hover:active, .nemo-window .selection-mode.primary-toolbar button:hover:active, headerbar.selection-mode button:hover:checked, .nemo-window .selection-mode.primary-toolbar button:hover:checked, row:selected button:active:hover, infobar.info button:active:hover, infobar.question button:active:hover, infobar.warning button:active:hover, infobar.error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .nautilus-window .floating-bar button:checked { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); +} + +row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); +} + +row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode button:disabled:active, .nemo-window .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:checked, .nemo-window .selection-mode.primary-toolbar button:disabled:checked, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, headerbar.selection-mode button:disabled:checked, .nemo-window .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:active, .nemo-window .selection-mode.primary-toolbar button:disabled:active, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #0046DB; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 5px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(255, 255, 255, 0.95); + background-clip: padding-box; + border-radius: 5px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #363636; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.11); + background-color: white; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 5px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +button.circular, paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:not(.image-button), +headerbar button.circular-button, +.nemo-window .primary-toolbar button.circular-button, row button.circular-button, button.nautilus-circular-button.image-button, +button.circular-button { + padding: 0; + margin: 0 2px; + min-width: 28px; + min-height: 28px; + border-radius: 100px; + -gtk-outline-radius: 100px; + border: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), 0 0 0 1px rgba(0, 0, 0, 0.11), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +button.circular:active, paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:active:not(.image-button), paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:active:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:active:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:active:not(.image-button), +headerbar button.circular-button:active, +.nemo-window .primary-toolbar button.circular-button:active, row button.circular-button:active, button.nautilus-circular-button.image-button:active, +button.circular-button:active { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border: none; +} + +button.circular:checked, paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:checked:not(.image-button), paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:checked:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:checked:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:checked:not(.image-button), +headerbar button.circular-button:checked, +.nemo-window .primary-toolbar button.circular-button:checked, row button.circular-button:checked, button.nautilus-circular-button.image-button:checked, +button.circular-button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.65); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border: none; +} + +button.circular label, paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:not(.image-button) label, paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button) label, paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:not(.image-button) label, .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:not(.image-button) label, headerbar button.circular-button label, .nemo-window .primary-toolbar button.circular-button label, row button.circular-button label, button.nautilus-circular-button.image-button label, +button.circular-button label { + padding: 0; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +stackswitcher button.circular, stackswitcher paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar stackswitcher button.circular-button.flat.toggle.popup:not(.image-button), stackswitcher paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar stackswitcher button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), stackswitcher paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel stackswitcher .circular-button.toggle.popup#tasklist-button:not(.image-button), stackswitcher .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar stackswitcher .circular-button.toggle.popup#tasklist-button:not(.image-button), +stackswitcher headerbar button.circular-button, headerbar stackswitcher button.circular-button, +stackswitcher .nemo-window .primary-toolbar button.circular-button, .nemo-window .primary-toolbar stackswitcher button.circular-button, stackswitcher row button.circular-button, row stackswitcher button.circular-button, stackswitcher button.nautilus-circular-button.image-button, +stackswitcher button.text-button.circular, +stackswitcher paned.titlebar.horizontal headerbar button.text-button.circular-button.flat.toggle.popup:not(.image-button), +paned.titlebar.horizontal headerbar stackswitcher button.text-button.circular-button.flat.toggle.popup:not(.image-button), +stackswitcher paned.titlebar.horizontal headerbar button.text-button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), +paned.titlebar.horizontal headerbar stackswitcher button.text-button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), +stackswitcher paned.titlebar.horizontal headerbar .budgie-panel .text-button.circular-button.toggle.popup#tasklist-button:not(.image-button), +paned.titlebar.horizontal headerbar .budgie-panel stackswitcher .text-button.circular-button.toggle.popup#tasklist-button:not(.image-button), +stackswitcher .budgie-panel paned.titlebar.horizontal headerbar .text-button.circular-button.toggle.popup#tasklist-button:not(.image-button), +.budgie-panel paned.titlebar.horizontal headerbar stackswitcher .text-button.circular-button.toggle.popup#tasklist-button:not(.image-button), +stackswitcher headerbar button.text-button.circular-button, +headerbar stackswitcher button.text-button.circular-button, +stackswitcher .nemo-window .primary-toolbar button.text-button.circular-button, +.nemo-window .primary-toolbar stackswitcher button.text-button.circular-button, +stackswitcher row button.text-button.circular-button, +row stackswitcher button.text-button.circular-button, +stackswitcher button.text-button.nautilus-circular-button.image-button { + min-width: 28px; + min-height: 28px; + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + border-width: 0; + box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25), 0 8px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.11); + margin: 4px; +} + +decoration:backdrop { + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.11); +} + +.fullscreen decoration, +.tiled decoration { + border-radius: 0; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.11); +} + +.popup decoration { + border-radius: 6px; +} + +.ssd decoration { + margin: -5px; + border-radius: 6px 6px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.11); +} + +.ssd decoration.maximized { + border-radius: 0; +} + +.csd.popup decoration { + border-radius: 6px; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 5px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.11); +} + +tooltip.csd decoration { + border-radius: 6px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 6px; +} + +.solid-csd decoration { + border: 1px solid #E1E1E1; + border-radius: 0; + margin: 0; + background-color: #e5e5e5; + box-shadow: none; +} + +headerbar button.titlebutton, +.titlebar button.titlebutton { + min-width: 24px; + min-height: 24px; + margin: 0; + padding: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(229, 229, 229, 0); +} + +headerbar button.titlebutton:hover, +.titlebar button.titlebutton:hover { + color: rgba(40, 32, 32, 0.8); + border: none; + background-color: #fafafa; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar button.titlebutton:active, headerbar button.titlebutton:checked, +.titlebar button.titlebutton:active, +.titlebar button.titlebutton:checked { + color: #ffffff; + border: none; + background-color: #afafaf; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize, +.titlebar button.titlebutton.restore { + min-width: 16px; + min-height: 16px; + margin: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: auto; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.restore:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); +} + +headerbar button.titlebutton.restore, +.titlebar button.titlebutton.restore { + background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png")); +} + +headerbar button.titlebutton.restore:backdrop, +.titlebar button.titlebutton.restore:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png")); +} + +headerbar button.titlebutton.restore:hover, +.titlebar button.titlebutton.restore:hover { + background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png")); +} + +headerbar button.titlebutton.restore:active, +.titlebar button.titlebutton.restore:active { + background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, +.maximized headerbar button.titlebutton.maximize, .fullscreen +.titlebar button.titlebutton.maximize, +.maximized +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, +.maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen +.titlebar button.titlebutton.maximize:backdrop, +.maximized +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, +.maximized headerbar button.titlebutton.maximize:hover, .fullscreen +.titlebar button.titlebutton.maximize:hover, +.maximized +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, +.maximized headerbar button.titlebutton.maximize:active, .fullscreen +.titlebar button.titlebutton.maximize:active, +.maximized +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png")); +} + +.view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { + background-color: #0046DB; +} + +row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { + color: #ffffff; +} + +row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, +textview text:disabled:selected, iconview text:disabled:selected:focus, +textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { + color: #80a3ed; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 6px; +} + +popover.emoji-picker entry { + border-bottom: 1px solid rgba(0, 0, 0, 0.11); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 4px 12px; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.11); +} + +button.emoji-section { + margin: 2px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); +} + +.emoji widget:hover { + font-size: larger; +} + +/* +.gedit-bottom-panel-paned notebook, +terminal-window notebook { + > header.top > tabs > tab:checked { box-shadow: inset 0 -1px $borders_color; } +} +*/ +terminal-window notebook > header.top tabs > tab, +.mate-terminal notebook > header.top tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window notebook > header.top button, +.mate-terminal notebook > header.top button { + padding: 0; + min-width: 24px; + min-height: 24px; +} + +.nautilus-canvas-item { + border-radius: 2px; +} + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item, .caja-desktop { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active, .caja-desktop:active { + color: #242424; +} + +.nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected, .caja-desktop:selected { + color: #ffffff; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, +.titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, +.titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, .budgie-notification .nautilus-canvas-item.notification-body:selected:focus, .budgie-switcher .nautilus-canvas-item.notification-body:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #ccdaf8; +} + +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.11); +} + +.nautilus-window .searchbar-container { + margin-top: -1px; +} + +.nautilus-window notebook, +.nautilus-window notebook > stack { + border-radius: 0 0 6px 0; +} + +.nautilus-window.maximized notebook, +.nautilus-window.maximized notebook > stack { + border-radius: 0 0 0 0; +} + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #ffffff; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(0, 70, 219, 0.8); + border-color: rgba(0, 54, 168, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: rgba(40, 32, 32, 0.8); + border: none; + background-color: #fafafa; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + } + 100% { + color: #ffffff; + border: none; + background-color: #afafaf; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: #ffffff; + background-color: #0046DB; +} + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #0046DB; + color: #ffffff; + border-radius: 3px 0 4px 0; +} + +.nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; +} + +.nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window.maximized .floating-bar { + border-radius: 3px 0 0 0; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 1px solid; + border-radius: 3px; + color: #363636; + border-color: #8eb9ff; + background-color: #ffffff; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, inset 0 0 0 2px #8eb9ff; +} + +.nemo-window .primary-toolbar { + border: none; + color: rgba(40, 32, 32, 0.8); + background-color: #e5e5e5; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { + padding-bottom: 2px; + margin: 0; + color: rgba(40, 32, 32, 0.8); + background-color: #e5e5e5; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { + margin: 0; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { + color: rgba(40, 32, 32, 0.8); + background-color: #f9f9f9; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + transition: background-color 0.00001s 0.3s; + animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + color: rgba(40, 32, 32, 0.8); + background-color: #cccccc; + box-shadow: inset 0 -2px #0f5cff; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(40, 32, 32, 0.4); +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.11); +} + +.caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { + color: #ffffff; + background-color: #0046DB; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable, .gedit-document-panel .budgie-menu button, .budgie-menu .gedit-document-panel button { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.11); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: none; + background-color: #f5f5f5; + border-radius: 0 0 6px 6px; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.11); + border-radius: 0 0 5px 5px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow { + margin: 0 6px 6px 6px; + border-radius: 0; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button) box > .title, paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button) box > .title, paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button) box > .title, .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 6px 6px 0 0; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #0046DB; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.11); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.11); +} + +pillbox { + color: #ffffff; + background-color: #0046DB; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.11); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.11); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.11); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.11); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, +dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +entry.search.preferences-search { + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.11); + border-bottom: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 0; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.11); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + border-style: solid; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat, configurationview .raven .raven-background spinbutton:not(.vertical), .raven .raven-background configurationview spinbutton:not(.vertical) { + background: none; +} + +configurationview list { + border-width: 0; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 6px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event:hover, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event:active, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event label.compressed-entries-label, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event label.compressed-entries-label { + background-image: image(#3484e2); + color: #ffffff; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row:hover, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row:active, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row:active:focus, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row.popover-activated-row, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row.popover-activated-row { + background-image: image(#0046DB); + color: #ffffff; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header { + background-image: image(#ffffff); + color: #0046DB; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header:hover, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header:hover { + background-image: image(#f2f6fd); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header:active, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header:active:focus, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header:active:focus { + background-image: image(#e6edfb); + color: #0046DB; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header label.compressed-entries-label, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header label.compressed-entries-label { + background-image: image(#0046DB); + color: #ffffff; + transition-duration: 0s; +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #0046DB; + color: #ffffff; + border-radius: 2px; +} + +.documents-collection-icon, .photos-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #427eff; +} + +.documents-entry-tag, .photos-entry-tag { + color: #ffffff; + background: #0046DB; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.documents-entry-tag:hover, .photos-entry-tag:hover { + color: #ffffff; + background: #004def; +} + +.documents-entry-tag:active, .photos-entry-tag:active { + color: #ffffff; + background: #003fc7; +} + +.documents-entry-tag.button, .button.photos-entry-tag { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +.tweak-categories, +.tweak-category:not(:selected):not(:hover) { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +.tweak-categories { + border-radius: 0 0 0 6px; +} + +.tweak-titlebar-right > switch, +dialog.csd > headerbar.titlebar > switch { + margin: 8px 0; +} + +/************************ + * Gnome Control Center * + ************************/ +box.horizontal.titlebar > headerbar > stack > box.vertical > .title { + margin: 0; +} + +box.horizontal.titlebar > headerbar > stack > box.vertical > .subtitle { + margin: -3px 0; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #484848; + background-color: rgba(245, 245, 245, 0.95); + border: 1px solid rgba(225, 225, 225, 0.95); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #0046DB; + border-color: #0046DB; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(232, 232, 232, 0.95); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: #ffffff; + background-color: #0046DB; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #0046DB; + border-radius: 2px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.11); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.11); + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal button, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal button:active, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:active, window.csd > box.vertical > box.vertical > toolbar.horizontal button:checked, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button:active, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button:checked, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised:active, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised:active, window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised:checked, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised > widget > box > image, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem button.flat.scale, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar toolitem button.scale.budgie-menu-launcher, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem button.scale.budgie-menu-launcher, window.background > box.vertical > toolbar.primary-toolbar toolitem .budgie-panel .scale#tasklist-button, .budgie-panel window.background > box.vertical > toolbar.primary-toolbar toolitem .scale#tasklist-button, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .budgie-panel .scale#tasklist-button, .budgie-panel window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .scale#tasklist-button, .budgie-panel window.background > box.vertical > toolbar.primary-toolbar toolitem button.scale.flat.launcher, .budgie-panel window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem button.scale.flat.launcher { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), +window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:active, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:active, window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:checked, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):active, +window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):active, +window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):checked, +window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +/******************** + * Gnome Calculator * + ********************/ +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title, window.background > headerbar.titlebar > button.popup.toggle.text-button.title.budgie-menu-launcher, .budgie-panel window.background > headerbar.titlebar > .popup.toggle.text-button.title#tasklist-button, .budgie-panel window.background > headerbar.titlebar > button.popup.toggle.text-button.title.flat.launcher { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget, window.background > headerbar.titlebar > button.popup.toggle.text-button.title.budgie-menu-launcher > grid > widget, .budgie-panel window.background > headerbar.titlebar > .popup.toggle.text-button.title#tasklist-button > grid > widget, .budgie-panel window.background > headerbar.titlebar > button.popup.toggle.text-button.title.flat.launcher > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr), window.background > headerbar.titlebar > button.popup.toggle.text-button.title.budgie-menu-launcher > grid > widget:dir(ltr), .budgie-panel window.background > headerbar.titlebar > .popup.toggle.text-button.title#tasklist-button > grid > widget:dir(ltr), .budgie-panel window.background > headerbar.titlebar > button.popup.toggle.text-button.title.flat.launcher > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl), window.background > headerbar.titlebar > button.popup.toggle.text-button.title.budgie-menu-launcher > grid > widget:dir(rtl), .budgie-panel window.background > headerbar.titlebar > .popup.toggle.text-button.title#tasklist-button > grid > widget:dir(rtl), .budgie-panel window.background > headerbar.titlebar > button.popup.toggle.text-button.title.flat.launcher > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.65); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +/************ + * Epiphany * + ************/ +headerbar.titlebar.incognito-mode entry { + color: rgba(40, 32, 32, 0.8); + border-style: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(40, 32, 32, 0.35); + border-style: none; + background-color: rgba(255, 255, 255, 0.75); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: rgba(40, 32, 32, 0.8); + border-style: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; +} + +.background headerbar entry.starred:disabled, .background headerbar entry.non-starred:disabled { + color: rgba(40, 32, 32, 0.35); + border-style: none; + background-color: rgba(255, 255, 255, 0.75); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > button { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.11); + margin: 2px; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > button:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.11); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row:hover, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row:active, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row:checked, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.flat, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.flat, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.budgie-menu-launcher, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.budgie-menu-launcher, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.budgie-menu-launcher, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row .budgie-panel #tasklist-button, .budgie-panel popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row #tasklist-button, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row .budgie-panel #tasklist-button, .budgie-panel popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row #tasklist-button, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row .budgie-panel #tasklist-button, .budgie-panel .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row #tasklist-button, .budgie-panel popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat.launcher, .budgie-panel popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: #ffffff; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(225, 225, 225, 0.95); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #0046DB; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(232, 232, 232, 0.95); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, +.mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #eaeaea; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, +.mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: #d1d1d1; +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: #f7f7f7; +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #427eff; + background-color: #0046DB; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.xfce4-panel.panel { + background-color: #eaeaea; + text-shadow: none; + -gtk-icon-shadow: none; +} + +#tasklist-button { + color: rgba(54, 54, 54, 0.8); + border-radius: 0; + border: none; + background-color: rgba(234, 234, 234, 0); +} + +#tasklist-button:hover { + color: #505050; + background-color: rgba(0, 0, 0, 0.17); +} + +#tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #0046DB; +} + +.mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button), .xfce4-panel.panel button.flat, .xfce4-panel.panel button.budgie-menu-launcher, .xfce4-panel.panel .budgie-panel #tasklist-button, .budgie-panel .xfce4-panel.panel #tasklist-button { + color: #363636; + border-radius: 0; + border: none; + background-color: rgba(234, 234, 234, 0); +} + +.mate-panel-menu-bar button:hover:not(#tasklist-button), +panel-toplevel.background button:hover:not(#tasklist-button), .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.budgie-menu-launcher:hover, .xfce4-panel.panel .budgie-panel #tasklist-button:hover, .budgie-panel .xfce4-panel.panel #tasklist-button:hover { + border: none; + background-color: white; +} + +.mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.budgie-menu-launcher:active, .xfce4-panel.panel .budgie-panel #tasklist-button:active, .budgie-panel .xfce4-panel.panel #tasklist-button:active, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.budgie-menu-launcher:checked, .xfce4-panel.panel .budgie-panel #tasklist-button:checked, .budgie-panel .xfce4-panel.panel #tasklist-button:checked { + color: #ffffff; + border: none; + background-color: #0046DB; +} + +.mate-panel-menu-bar button:active:not(#tasklist-button) label, panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.budgie-menu-launcher:active label, .xfce4-panel.panel .budgie-panel #tasklist-button:active label, .budgie-panel .xfce4-panel.panel #tasklist-button:active label, +.mate-panel-menu-bar button:active:not(#tasklist-button) image, +panel-toplevel.background button:active:not(#tasklist-button) image, +.xfce4-panel.panel button.flat:active image, +.xfce4-panel.panel button.budgie-menu-launcher:active image, +.xfce4-panel.panel .budgie-panel #tasklist-button:active image, +.budgie-panel .xfce4-panel.panel #tasklist-button:active image, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.budgie-menu-launcher:checked label, .xfce4-panel.panel .budgie-panel #tasklist-button:checked label, .budgie-panel .xfce4-panel.panel #tasklist-button:checked label, +.mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image, +.xfce4-panel.panel button.flat:checked image, +.xfce4-panel.panel button.budgie-menu-launcher:checked image, +.xfce4-panel.panel .budgie-panel #tasklist-button:checked image, +.budgie-panel .xfce4-panel.panel #tasklist-button:checked image { + color: inherit; +} + +/********* + * Geary * + *********/ +.geary-titlebar-left separator { + opacity: 0; +} + +.geary-titlebar-left > button { + min-width: 22px; +} + +.geary-titlebar-right { + box-shadow: none; +} + +.geary-titlebar-right separator { + opacity: 0; +} + +.geary-titlebar-right > button { + min-width: 22px; +} + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(40, 32, 32, 0.8); + border-style: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; +} + +.marlin-pathbar.pathbar:disabled { + color: rgba(40, 32, 32, 0.35); + border-style: none; + background-color: rgba(255, 255, 255, 0.75); +} + +.marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #0046DB; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white, white); + background-color: transparent; +} + +.gala-notification .title, +.gala-notification .label { + color: #5c616c; +} + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +.panel-shadow { + background-image: none; + background-color: transparent; +} + +.panel .menu { + box-shadow: none; +} + +.panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.panel .menu .window-frame.menu.csd, +.panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} + +.panel .menubar > .menuitem { + padding: 3px 6px; +} + +.panel .menubar > .menuitem:hover { + background-color: transparent; +} + +.panel .window-frame.menu.csd, +.panel .window-frame.popup.csd { + box-shadow: none; +} + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +.composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; +} + +.composited-indicator .menuitem:active, +.composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; +} + +.composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; +} + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; +} + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.07); +} + +window.background:not(.csd) > widget > scrollbar { + background-clip: border-box; +} + +window.background:not(.csd) > widget > scrollbar, +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.11); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget > button > button { + border: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 5px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 5px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.11); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #8eb9ff; + box-shadow: inset 0 0 0 2px #8eb9ff; +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.11); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#afafaf); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; +} + +window.background:not(.csd) > widget > button > button:active { + background-image: image(#afafaf); + border: none; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.11); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) .menu { + background-color: #ffffff; + border-radius: 0; +} + +window.background:not(.csd) > menu .separator:not(label), +.csd window.background:not(.csd) > menu .separator:not(label), +window.background:not(.csd) .menu .separator:not(label), +.csd +window.background:not(.csd) .menu .separator:not(label) { + color: rgba(0, 0, 0, 0.11); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.55); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +#MozillaGtkWidget.background { + background-color: #f5f5f5; +} + +#MozillaGtkWidget.background .background, +#MozillaGtkWidget.background frame, +#MozillaGtkWidget.background separator, +#MozillaGtkWidget.background scrolledwindow { + background-color: #f5f5f5; +} + +#MozillaGtkWidget.background scrollbar { + background-color: transparent; +} + +#MozillaGtkWidget.background scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget.background scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget.background scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget.background scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget.background *:not(menuitem):hover, #MozillaGtkWidget.background *:not(menuitem):hover button, +#MozillaGtkWidget.background *:focus, +#MozillaGtkWidget.background *:focus button, +#MozillaGtkWidget.background *:active, +#MozillaGtkWidget.background *:active button, +#MozillaGtkWidget.background *:checked, +#MozillaGtkWidget.background *:checked button { + color: #242424; +} + +#MozillaGtkWidget.background > window.background > menu { + background-color: #ffffff; + border-radius: 0; + border-color: rgba(0, 0, 0, 0.11); +} + +#MozillaGtkWidget.background > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.11); +} + +#MozillaGtkWidget.background > widget border { + border-color: rgba(0, 0, 0, 0.11); +} + +#MozillaGtkWidget.background > widget separator { + background-color: rgba(0, 0, 0, 0.11); +} + +#MozillaGtkWidget.background > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget.background > widget > scrolledwindow > textview text { + background-color: transparent; + color: #242424; +} + +/*************** + * Chrome(ium) * + ***************/ +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.11); +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid rgba(0, 0, 0, 0.11); +} + +window.background.chromium > textview.view { + background-color: #ffffff; +} + +/**************** + * Libre-Office * + ****************/ +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal { + background-image: linear-gradient(180deg, #E2E2E2 0%, #d2d2d2 100%); + background-color: transparent; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.11); +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher { + color: rgba(40, 32, 32, 0.8); + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher:hover, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button:hover, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher:hover { + background-color: white; + color: rgba(54, 44, 44, 0.8); +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher:active, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button:active, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher:active, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher:checked, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button:checked, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher:disabled, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button:disabled, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher:disabled { + color: alpha(rgba(40, 32, 32, 0.8),0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar, window > box.vertical > box.horizontal > .inline-toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, window > box.vertical > box.horizontal > .inline-toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry, +window > box.vertical > box.horizontal > .inline-toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label, window > box.vertical > box.horizontal > .inline-toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #0046DB; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 6px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.11); + border-bottom-width: 0; + border-radius: 6px 6px 0 0; + padding: 1px 6px 0 6px; + background-color: #e5e5e5; + background-image: linear-gradient(0deg, #e2e2e2 0%, #f5f5f5 100%); + color: rgba(40, 32, 32, 0.8); + box-shadow: inset 0 1px #ededed; +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(40, 32, 32, 0.5); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.11); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(234, 234, 234, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #0046DB, #0046DB); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: #f9f9f9; + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #0046DB; + border-color: #0046DB; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: #ffffff; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.11); + border-right: 1px solid rgba(0, 0, 0, 0.11); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.11); +} + +toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view, +iconview.source-list { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover, iconview.source-list:hover { + background-color: white; +} + +.source-list.view:selected, iconview.source-list:selected, +.source-list.view:hover:selected, +iconview.source-list:hover:selected, +.source-list.view:selected:focus, +iconview.source-list:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #0046DB; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #0046DB; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #0046DB; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: #eaeaea; + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px #d8d8d8; +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.11); + background-color: white; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(245, 245, 245, 0.95); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e9e9e9; +} + +#buttonbox_frame button { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.35); +} + +#buttonbox_frame button:hover { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.45); +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0046DB; +} + +#buttonbox_frame button:disabled { + color: #bcbcbc; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.2); +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +.nautilus-window paned > separator { + background-image: linear-gradient(to bottom, #e9e9e9, #e9e9e9); +} + +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator { + background-image: linear-gradient(to bottom, #e9e9e9, #e9e9e9); +} + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; +} + +filechooser.csd.background, filechooser placessidebar, +.nautilus-window.csd.background, +.nautilus-window placessidebar { + background-color: #f6f6f6; + border-radius: 0 0 6px 6px; +} + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + border-right: 1px solid rgba(0, 0, 0, 0.11); + background-color: transparent; +} + +filechooser placessidebar.sidebar row.sidebar-row, +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; +} + +filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: rgba(54, 54, 54, 0.85); +} + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup label, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup image, filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { + color: rgba(54, 54, 54, 0.4); +} + +filechooser placessidebar.sidebar row.sidebar-row:backdrop, +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + color: #242424; + background-color: #C7C7C7; +} + +filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup label, filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup image, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected label, filechooser placessidebar.sidebar row.sidebar-row:selected image, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:selected:hover label, filechooser placessidebar.sidebar row.sidebar-row:selected:hover image, filechooser placessidebar.sidebar row.sidebar-row:active:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover label, filechooser placessidebar.sidebar row.sidebar-row:active:hover image, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup image, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected image, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover image, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover label, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover image { + color: #242424; +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { + color: #363636; +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.45); +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; +} + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #0046DB; +} + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +filechooser placessidebar.sidebar separator, +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +filechooser.maximized placessidebar, +.nautilus-window.maximized placessidebar { + border-radius: 0; +} + +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #f6f6f6; +} + +.nemo-window .sidebar { + color: #363636; + background-color: #f6f6f6; +} + +.nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { + background-color: #0046DB; + color: #ffffff; +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { + color: #969696; +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window .sidebar separator { + background-color: transparent; +} + +.caja-side-pane, +.caja-side-pane > notebook > stack > widget > box, +.caja-side-pane text, +.caja-side-pane treeview { + color: #363636; + caret-color: #363636; + background-color: #f6f6f6; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.11); +} + +.caja-side-pane junction { + background-color: #e9e9e9; +} + +filechooser actionbar { + color: #363636; + background-color: #f6f6f6; + border-color: rgba(0, 0, 0, 0.11); +} + +filechooser actionbar label, filechooser actionbar combobox { + color: #363636; +} + +.gedit-bottom-panel-paned { + background-color: #ffffff; +} + +.gedit-side-panel-paned > separator { + background-image: linear-gradient(to bottom, #e9e9e9, #e9e9e9); +} + +.gedit-bottom-panel-paned > separator { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)); +} + +.gedit-document-panel { + background-color: #f6f6f6; +} + +.maximized .gedit-document-panel { + background-color: #f6f6f6; +} + +.gedit-document-panel row { + color: #363636; + background-color: rgba(54, 54, 54, 0); +} + +.gedit-document-panel row:hover { + background-color: rgba(54, 54, 54, 0.15); +} + +.gedit-document-panel row:active { + color: #ffffff; + background-color: #0046DB; +} + +.gedit-document-panel row:active button { + color: #ffffff; +} + +.gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #0046DB; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #363636; +} + +filechooser actionbar button { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.35); +} + +.caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.45); +} + +filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0046DB; +} + +filechooser actionbar button:disabled { + color: #bcbcbc; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.2); +} + +filechooser actionbar entry { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.35); +} + +filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; +} + +filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0046DB; +} + +filechooser actionbar entry:disabled { + color: #363636; + background-color: rgba(255, 255, 255, 0.2); +} + +filechooser placessidebar.sidebar scrollbar, +.nautilus-window placessidebar.sidebar scrollbar, .nemo-window .sidebar scrollbar, .caja-side-pane scrollbar { + border-color: transparent; +} + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nemo-window .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +filechooser placessidebar.sidebar scrollbar slider, .nautilus-window placessidebar.sidebar scrollbar slider, .nemo-window .sidebar scrollbar slider, .caja-side-pane scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +filechooser placessidebar.sidebar scrollbar slider:hover, .nautilus-window placessidebar.sidebar scrollbar slider:hover, .nemo-window .sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { + background-color: dimgray; +} + +filechooser placessidebar.sidebar scrollbar slider:hover:active, .nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .nemo-window .sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { + background-color: #686868; +} + +filechooser placessidebar.sidebar scrollbar slider:disabled, .nautilus-window placessidebar.sidebar scrollbar slider:disabled, .nemo-window .sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { + background-color: transparent; +} + +filechooser placessidebar.sidebar scrollbar trough, .nautilus-window placessidebar.sidebar scrollbar trough, .nemo-window .sidebar scrollbar trough, .caja-side-pane scrollbar trough { + background-color: transparent; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #0046DB; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #0046DB; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #fbfbfb; +@define-color insensitive_fg_color alpha(#242424, 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.11); +@define-color unfocused_borders rgba(0, 0, 0, 0.11); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #71c837; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/****************** + * Budgie Desktop * + ******************/ +.budgie-settings-window buttonbox.inline-toolbar button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:not(.image-button), .workspace-switcher .workspace-add-button, .raven .raven-header:not(.top) button, .raven-mpris button.image-button, .drop-shadow button, window.budgie-switcher-window .drop-shadow button { + border: none; + background-color: transparent; + box-shadow: none; +} + +.budgie-settings-window buttonbox.inline-toolbar button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:hover:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:hover:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:hover:not(.image-button), .workspace-switcher .workspace-add-button:hover, .raven .raven-header:not(.top) button:hover, .raven-mpris button.image-button:hover, .drop-shadow button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.15); +} + +.budgie-settings-window buttonbox.inline-toolbar button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:checked:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:checked:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:checked:not(.image-button), .workspace-switcher .workspace-add-button:checked, .raven .raven-header:not(.top) button:checked, .raven-mpris button.image-button:checked, .drop-shadow button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.65); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +.budgie-settings-window buttonbox.inline-toolbar button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:active:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:active:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:active:not(.image-button), .workspace-switcher .workspace-add-button:active, .raven .raven-header:not(.top) button:active, .raven-mpris button.image-button:active, .drop-shadow button:active { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +.budgie-settings-window buttonbox.inline-toolbar button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:disabled:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:disabled:not(.image-button), .workspace-switcher .workspace-add-button:disabled, .raven .raven-header:not(.top) button:disabled, .raven-mpris button.image-button:disabled, .drop-shadow button:disabled { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:disabled:not(.image-button) label, .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:disabled:not(.image-button) label, .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:disabled:not(.image-button) label, .workspace-switcher .workspace-add-button:disabled label, .raven .raven-header:not(.top) button:disabled label, .raven-mpris button.image-button:disabled label, .drop-shadow button:disabled label, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:disabled:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:disabled:not(.image-button), .workspace-switcher .workspace-add-button:disabled, .raven .raven-header:not(.top) button:disabled, .raven-mpris button.image-button:disabled, .drop-shadow button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 5px; + -gtk-outline-radius: 5px; +} + +.budgie-popover { + margin: 0; + padding: 0; + border: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), 0 2px 3px 0 rgba(0, 0, 0, 0.25); + background-color: #f5f5f5; +} + +.budgie-popover .container { + padding: 2px; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover row { + padding: 0; + background-color: transparent; +} + +.budgie-popover row:hover { + box-shadow: none; + background-color: transparent; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:not(.image-button):disabled, .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:not(.image-button):disabled { + color: rgba(36, 36, 36, 0.55); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.night-light-indicator .container { + padding: 8px; +} + +.budgie-popover.places-menu .container { + padding: 8px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.11); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), +.bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), +.bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, +.right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), +.bottom .workspace-switcher .workspace-item:dir(ltr), .top +.workspace-switcher .workspace-add-button:dir(ltr), +.bottom +.workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), +.bottom .workspace-switcher .workspace-item:dir(rtl), .top +.workspace-switcher .workspace-add-button:dir(rtl), +.bottom +.workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, +.right .workspace-switcher .workspace-item, .left +.workspace-switcher .workspace-add-button, +.right +.workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 5px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 0; + box-shadow: none; + font-size: 120%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 5px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 5px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +.budgie-menu button:checked:disabled { + background-color: #0046DB; +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.11); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: #e5e5e5; + color: rgba(40, 32, 32, 0.8); + font-weight: 500; +} + +.budgie-panel.transparent { + background-color: rgba(229, 229, 229, 0.65); +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + color: rgba(40, 32, 32, 0.8); + border-top-width: 0; + border-bottom-width: 0; + border: none; +} + +.budgie-panel button:checked { + background-color: rgba(40, 32, 32, 0.12); +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.11); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: rgba(40, 32, 32, 0.8); + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #0046DB; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(40, 32, 32, 0.2); +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel #tasklist-button { + padding: 0 4px; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.launcher.budgie-menu-launcher, .budgie-panel .launcher#tasklist-button, .budgie-panel button.launcher.flat { + padding: 0; +} + +.budgie-panel button.launcher.budgie-menu-launcher:not(:checked), .budgie-panel .launcher#tasklist-button:not(:checked), .budgie-panel button.launcher.flat:not(:checked) { + color: #242424; +} + +.budgie-panel button.launcher.budgie-menu-launcher:not(:checked):hover, .budgie-panel .launcher#tasklist-button:not(:checked):hover, .budgie-panel button.launcher.flat:not(:checked):hover, .budgie-panel button.launcher.budgie-menu-launcher:not(:checked):active, .budgie-panel .launcher#tasklist-button:not(:checked):active, .budgie-panel button.launcher.flat:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.launcher.budgie-menu-launcher:not(:checked):disabled, .budgie-panel .launcher#tasklist-button:not(:checked):disabled, .budgie-panel button.launcher.flat:not(:checked):disabled { + color: rgba(36, 36, 36, 0.5); +} + +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.launcher.budgie-menu-launcher, .budgie-panel .unpinned .top button.launcher.budgie-menu-launcher, .top .budgie-panel .unpinned .launcher#tasklist-button, .budgie-panel .unpinned .top .launcher#tasklist-button, .top .budgie-panel .unpinned button.launcher.flat, .budgie-panel .unpinned .top button.launcher.flat, .top .budgie-panel .pinned button.launcher.running.budgie-menu-launcher, .budgie-panel .pinned .top button.launcher.running.budgie-menu-launcher, .top .budgie-panel .pinned .launcher.running#tasklist-button, .budgie-panel .pinned .top .launcher.running#tasklist-button, .top .budgie-panel .pinned button.launcher.running.flat, .budgie-panel .pinned .top button.launcher.running.flat { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; +} + +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.launcher.budgie-menu-launcher, .budgie-panel .unpinned .bottom button.launcher.budgie-menu-launcher, .bottom .budgie-panel .unpinned .launcher#tasklist-button, .budgie-panel .unpinned .bottom .launcher#tasklist-button, .bottom .budgie-panel .unpinned button.launcher.flat, .budgie-panel .unpinned .bottom button.launcher.flat, .bottom .budgie-panel .pinned button.launcher.running.budgie-menu-launcher, .budgie-panel .pinned .bottom button.launcher.running.budgie-menu-launcher, .bottom .budgie-panel .pinned .launcher.running#tasklist-button, .budgie-panel .pinned .bottom .launcher.running#tasklist-button, .bottom .budgie-panel .pinned button.launcher.running.flat, .budgie-panel .pinned .bottom button.launcher.running.flat { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; +} + +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.launcher.budgie-menu-launcher, .budgie-panel .unpinned .left button.launcher.budgie-menu-launcher, .left .budgie-panel .unpinned .launcher#tasklist-button, .budgie-panel .unpinned .left .launcher#tasklist-button, .left .budgie-panel .unpinned button.launcher.flat, .budgie-panel .unpinned .left button.launcher.flat, .left .budgie-panel .pinned button.launcher.running.budgie-menu-launcher, .budgie-panel .pinned .left button.launcher.running.budgie-menu-launcher, .left .budgie-panel .pinned .launcher.running#tasklist-button, .budgie-panel .pinned .left .launcher.running#tasklist-button, .left .budgie-panel .pinned button.launcher.running.flat, .budgie-panel .pinned .left button.launcher.running.flat { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; +} + +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.launcher.budgie-menu-launcher, .budgie-panel .unpinned .right button.launcher.budgie-menu-launcher, .right .budgie-panel .unpinned .launcher#tasklist-button, .budgie-panel .unpinned .right .launcher#tasklist-button, .right .budgie-panel .unpinned button.launcher.flat, .budgie-panel .unpinned .right button.launcher.flat, .right .budgie-panel .pinned button.launcher.running.budgie-menu-launcher, .budgie-panel .pinned .right button.launcher.running.budgie-menu-launcher, .right .budgie-panel .pinned .launcher.running#tasklist-button, .budgie-panel .pinned .right .launcher.running#tasklist-button, .right .budgie-panel .pinned button.launcher.running.flat, .budgie-panel .pinned .right button.launcher.running.flat { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; +} + +frame.raven-frame > border { + border-style: none; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25), 0 0 8px 0 rgba(0, 0, 0, 0.25); +} + +.top frame.raven-frame > border { + margin-bottom: 32px; +} + +.bottom frame.raven-frame > border { + margin-top: 32px; +} + +.left frame.raven-frame > border { + margin-right: 32px; +} + +.right frame.raven-frame > border { + margin-left: 32px; +} + +.raven { + background-color: #f5f5f5; +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven .raven-header { + min-height: 36px; + padding: 3px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 28px; + min-width: 28px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px; + color: #242424; +} + +.raven .raven-header.top stackswitcher button { + margin: -6px 0; + min-height: 26px; +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.11); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.11); + background-color: #ffffff; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background.frame { + border-style: solid none; +} + +.raven .raven-background > overlay > widget > image { + color: alpha(currentColor,0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #0046DB; + color: #ffffff; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 2px; + border-style: none; + background-color: transparent; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #0046DB; +} + +.raven-mpris { + background-color: rgba(0, 0, 0, 0.5); + color: #ffffff; +} + +.raven-mpris label { + min-height: 24px; +} + +.raven-mpris button.image-button { + padding: 8px; +} + +.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { + background-color: transparent; + background-image: none; + border-radius: 6px; +} + +.budgie-notification, .budgie-switcher { + background-color: transparent; + background-image: none; +} + +.budgie-notification .notification-title, .budgie-switcher .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 6px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 6px; + -gtk-outline-radius: 6px; + background-image: none; +} + +.drop-shadow, window.budgie-switcher-window .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 6px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.25); + background-color: #ffffff; + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 5px; +} + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + border-radius: 6px; + background-color: #f5f5f5; +} + +.background.budgie-session-dialog, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + border-radius: 6px; +} + +.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { + border-radius: 6px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog .linked.horizontal > button { + padding: 8px 16px; + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 0; +} + +.budgie-session-dialog .linked.horizontal > button:first-child { + border-bottom-left-radius: 6px; +} + +.budgie-session-dialog .linked.horizontal > button:last-child { + border-bottom-right-radius: 6px; +} + +.budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.11); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.75); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, +.budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.11); +} diff --git a/src/gtk-3.0/gtk-compact-light-solid.scss b/src/gtk-3.0/gtk-compact-light-solid.scss new file mode 100644 index 0000000..9f5a27a --- /dev/null +++ b/src/gtk-3.0/gtk-compact-light-solid.scss @@ -0,0 +1,15 @@ +$variant: 'light'; +$darker: 'false'; +$compact: 'true'; +$transparency: 'false'; + +@import 'sass/colors'; +@import 'sass/drawing-compact'; +@import 'sass/common'; +@import 'sass/applications'; +@import 'sass/unity'; +@import 'sass/granite'; +@import 'sass/lightdm'; +@import 'sass/transparent_widgets'; +@import 'sass/colors-public'; +@import 'sass/budgie.scss'; diff --git a/src/gtk-3.0/gtk-compact-light.css b/src/gtk-3.0/gtk-compact-light.css new file mode 100644 index 0000000..5fc86a1 --- /dev/null +++ b/src/gtk-3.0/gtk-compact-light.css @@ -0,0 +1,8293 @@ +@keyframes switch_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, #71c837 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, #71c837 100%, transparent 0%); + } +} + +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, rgba(229, 229, 229, 0.95) 0%, transparent 0%); + } + to { + background-image: radial-gradient(circle farthest-corner at center, rgba(229, 229, 229, 0.95) 100%, transparent 0%); + } +} + +* { + background-clip: padding-box; + -GtkToolButton-icon-spacing: 4; + -GtkTextView-error-underline-color: #FC4138; + -GtkScrolledWindow-scrollbar-spacing: 0; + -GtkToolItemGroup-expander-size: 11; + -GtkWidget-text-handle-width: 20; + -GtkWidget-text-handle-height: 20; + -GtkDialog-button-spacing: 4; + -GtkDialog-action-area-border: 0; + outline-color: alpha(currentColor,0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; + -gtk-outline-radius: 5px; +} + +.background { + color: #242424; + background-color: rgba(245, 245, 245, 0.999); +} + +.background.csd, .background.ssd, .background.osd { + border-radius: 0 0 6px 6px; +} + +.background.maximized, .background.solid-csd { + border-radius: 0; +} + +.popup.background { + background-color: transparent; +} + +*:disabled { + -gtk-icon-effect: dim; +} + +.gtkstyle-fallback { + background-color: #f5f5f5; + color: #242424; +} + +.gtkstyle-fallback:hover { + background-color: white; + color: #242424; +} + +.gtkstyle-fallback:active { + background-color: gainsboro; + color: #242424; +} + +.gtkstyle-fallback:disabled { + background-color: #fbfbfb; + color: rgba(36, 36, 36, 0.55); +} + +.gtkstyle-fallback:selected { + background-color: #0046DB; + color: #ffffff; +} + +.view, iconview, +.view text, +iconview text, +textview text { + color: #363636; + background-color: #ffffff; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.view:hover, iconview:hover, +.view text:hover, +iconview text:hover, +textview text:hover { + background-color: #f7f7f7; +} + +.view:selected, iconview:selected, .view:selected:focus, iconview:selected:focus, +.view text:selected, +iconview text:selected, +textview text:selected, +.view text:selected:focus, +iconview text:selected:focus, +textview text:selected:focus { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border-radius: 5px; +} + +textview border { + background-color: #fafafa; +} + +rubberband, flowbox rubberband, treeview.view rubberband, .content-view rubberband, +.rubberband { + border: 1px solid #0036a8; + background-color: rgba(0, 54, 168, 0.2); +} + +flowbox flowboxchild { + padding: 3px; + border-radius: 5px; +} + +flowbox flowboxchild:selected { + outline-offset: -2px; +} + +label.separator, popover label.separator, +popover.background label.separator { + color: #242424; +} + +label selection { + color: #ffffff; + background-color: #0046DB; +} + +.dim-label, label.separator, popover label.separator, +popover.background label.separator, headerbar .subtitle, +.titlebar:not(headerbar) .subtitle, .budgie-notification .notification-body, .budgie-switcher .notification-body { + opacity: 0.55; +} + +assistant .sidebar { + background-color: #ffffff; + border-top: 1px solid rgba(0, 0, 0, 0.11); +} + +assistant.csd .sidebar { + border-top-style: none; +} + +assistant .sidebar label { + padding: 6px 12px; +} + +assistant .sidebar label.highlight { + background-color: #0046DB; + color: #ffffff; +} + +textview { + background-color: #ffffff; +} + +popover.osd, popover.magnifier, .csd popover.osd, .csd popover.magnifier, +popover.background.osd, +popover.background.magnifier, .csd popover.background.osd, .csd popover.background.magnifier, .osd .scale-popup, .osd { + color: #363636; + border: none; + background-color: rgba(245, 245, 245, 0.95); + background-clip: padding-box; + box-shadow: none; +} + +@keyframes spin { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +spinner { + background: none; + opacity: 0; + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); +} + +spinner:checked { + opacity: 1; + animation: spin 1s linear infinite; +} + +spinner:checked:disabled { + opacity: 0.5; +} + +entry { + min-height: 20px; + border: 1px solid; + padding: 2px 8px; + caret-color: currentColor; + border-radius: 5px; + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: #ffffff; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +entry.search { + border-radius: 100px; +} + +entry image { + color: #505050; +} + +entry image.left { + padding-left: 0; + padding-right: 5px; +} + +entry image.right { + padding-right: 0; + padding-left: 5px; +} + +entry.flat, .raven .raven-background spinbutton:not(.vertical), entry.flat:focus, .raven .raven-background spinbutton:focus:not(.vertical) { + min-height: 0; + padding: 2px; + background-image: none; + border-color: transparent; + border-radius: 0; +} + +entry:focus { + background-clip: border-box; + color: #363636; + border-color: #8eb9ff; + background-color: #ffffff; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, inset 0 0 0 2px #8eb9ff; +} + +entry:disabled { + color: rgba(36, 36, 36, 0.55); + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); +} + +entry.warning { + color: white; + border-color: #F27835; + background-color: #f7ae86; +} + +entry.warning image { + color: white; +} + +entry.warning:focus { + color: white; + background-color: #F27835; + box-shadow: none; +} + +entry.warning selection, entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +entry.error { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +entry.error image { + color: white; +} + +entry.error:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.error selection, entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +entry.search-missing { + color: white; + border-color: #FC4138; + background-color: #fd8d88; +} + +entry.search-missing image { + color: white; +} + +entry.search-missing:focus { + color: white; + background-color: #FC4138; + box-shadow: none; +} + +entry.search-missing selection, entry.search-missing selection:focus { + background-color: white; + color: #FC4138; +} + +entry:drop(active):focus, entry:drop(active) { + border-color: #F08437; + box-shadow: none; +} + +.osd entry { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.35); +} + +.osd entry image, .osd entry image:hover { + color: inherit; +} + +.osd entry:focus { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0046DB; +} + +.osd entry:disabled { + color: #363636; + background-color: rgba(255, 255, 255, 0.2); +} + +.osd entry selection:focus, .osd entry selection { + color: #0046DB; + background-color: #ffffff; +} + +entry progress { + margin: 0 -6px; + border-radius: 0; + border-width: 0 0 2px; + border-color: #0046DB; + border-style: solid; + background-image: none; + background-color: transparent; + box-shadow: none; +} + +.linked:not(.vertical) > entry + button.combo { + padding-left: 0; +} + +.linked.vertical > entry + button.combo { + padding: 0; +} + +treeview entry.flat, treeview .raven .raven-background spinbutton:not(.vertical), .raven .raven-background treeview spinbutton:not(.vertical), treeview entry { + border-radius: 0; + background-image: none; + background-color: #ffffff; +} + +treeview entry.flat:focus, treeview .raven .raven-background spinbutton:focus:not(.vertical), .raven .raven-background treeview spinbutton:focus:not(.vertical), treeview entry:focus { + border-color: #0046DB; +} + +.entry-tag { + margin: 8px; + border-radius: 50px; + box-shadow: none; + background-color: #f8464c; + color: #ffffff; + border: none; +} + +.entry-tag:hover { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.11); +} + +:dir(ltr) .entry-tag { + margin-left: 8px; + margin-right: 0px; + padding-left: 8px; + padding-right: 4px; +} + +:dir(rtl) .entry-tag { + margin-left: 0px; + margin-right: 8px; + padding-left: 4px; + padding-right: 8px; +} + +.entry-tag.button { + box-shadow: none; + border: none; + background-color: transparent; +} + +.entry-tag.button:not(:hover):not(:active) { + color: rgba(36, 36, 36, 0.55); +} + +@keyframes needs_attention { + from { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.01, to(#0046DB), to(transparent)); + } + to { + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0046DB), to(transparent)); + } +} + +button { + outline-color: #8eb9ff; + outline-style: solid; + outline-offset: -1px; + outline-width: 3px; + -gtk-outline-radius: 6px; +} + +button { + min-height: 24px; + min-width: 16px; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: 1px solid; + border-radius: 5px; + padding: 0 6px; + color: #242424; + border-color: rgba(0, 0, 0, 0.11); + background-color: white; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +button separator { + margin: 4px 1px; +} + +.linked:not(.vertical) > button, +.linked.vertical > button, combobox, popover button, +popover.background button, button.flat, button.budgie-menu-launcher, .budgie-panel #tasklist-button, .budgie-panel button.flat.launcher, button.osd, button.sidebar-button, button.circular-button { + outline-color: alpha(currentColor,0.3); + outline-style: dashed; + outline-offset: -3px; + outline-width: 1px; +} + +button.flat, button.budgie-menu-launcher, .budgie-panel #tasklist-button, .budgie-panel button.flat.launcher { + border: none; + background-color: transparent; + box-shadow: none; + transition: none; +} + +button.flat:hover, button.budgie-menu-launcher:hover, .budgie-panel #tasklist-button:hover, .budgie-panel button.flat.launcher:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.15); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 350ms; +} + +button.flat:hover:active, button.budgie-menu-launcher:hover:active, .budgie-panel #tasklist-button:hover:active { + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +button.flat:active, button.budgie-menu-launcher:active, .budgie-panel #tasklist-button:active, .budgie-panel button.flat.launcher:active, button.flat:checked, button.budgie-menu-launcher:checked, .budgie-panel #tasklist-button:checked, .budgie-panel button.flat.launcher:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +button.flat:disabled, button.budgie-menu-launcher:disabled, .budgie-panel #tasklist-button:disabled, .budgie-panel button.flat.launcher:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; + -gtk-icon-effect: highlight; +} + +button:active, button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; + background-clip: border-box; + transition-duration: 200ms; +} + +button:active:not(:disabled) label:disabled, button:checked:not(:disabled) label:disabled { + color: inherit; + opacity: 0.6; +} + +button:active { + color: #242424; +} + +button:active:hover, button:checked { + color: #ffffff; +} + +button:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +button:disabled label, button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +button:disabled:active, button:disabled:checked { + border-color: rgba(0, 70, 219, 0.75); + background-color: rgba(0, 70, 219, 0.75); + box-shadow: none; + opacity: 0.6; +} + +button:disabled:active label, button:disabled:active, button:disabled:checked label, button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +button.image-button { + min-width: 28px; + padding-left: 5px; + padding-right: 5px; +} + +button.text-button { + padding-left: 12px; + padding-right: 12px; +} + +button.text-button.image-button { + padding-left: 5px; + padding-right: 5px; +} + +button.text-button.image-button label:first-child { + padding-left: 8px; + padding-right: 2px; +} + +button.text-button.image-button label:last-child { + padding-right: 8px; + padding-left: 2px; +} + +button.text-button.image-button label:only-child { + padding-left: 8px; + padding-right: 8px; +} + +button.text-button.image-button.popup { + padding-right: 8px; + padding-left: 8px; +} + +button:drop(active), combobox:drop(active) button.combo { + color: #F08437; + border-color: #F08437; + box-shadow: none; +} + +button.osd { + color: #363636; + background-color: rgba(245, 245, 245, 0.95); + border-color: rgba(225, 225, 225, 0.95); +} + +button.osd.image-button { + padding: 0; + min-height: 42px; + min-width: 42px; +} + +button.osd:hover { + color: #0046DB; +} + +button.osd:active, button.osd:checked { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0046DB; +} + +button.osd:disabled { + color: #bcbcbc; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.2); +} + +.osd button { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.35); +} + +.osd button:hover { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.45); +} + +.osd button:active, .osd button:checked { + background-clip: padding-box; + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0046DB; +} + +.osd button:disabled { + color: #bcbcbc; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.2); +} + +.osd button.flat, .osd button.budgie-menu-launcher, .osd .budgie-panel #tasklist-button, .budgie-panel .osd #tasklist-button, .osd .budgie-panel button.flat.launcher, .budgie-panel .osd button.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + box-shadow: none; +} + +.osd button.flat:hover, .osd button.budgie-menu-launcher:hover, .osd .budgie-panel #tasklist-button:hover, .budgie-panel .osd #tasklist-button:hover { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.45); +} + +.osd button.flat:disabled, .osd button.budgie-menu-launcher:disabled, .osd .budgie-panel #tasklist-button:disabled, .budgie-panel .osd #tasklist-button:disabled { + color: #bcbcbc; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.2); + background-image: none; +} + +.osd button.flat:active, .osd button.budgie-menu-launcher:active, .osd .budgie-panel #tasklist-button:active, .budgie-panel .osd #tasklist-button:active, .osd button.flat:checked, .osd button.budgie-menu-launcher:checked, .osd .budgie-panel #tasklist-button:checked, .budgie-panel .osd #tasklist-button:checked { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0046DB; +} + +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active):not(:only-child), +.osd .linked:not(.vertical):not(.path-bar) > button:hover:not(:checked):not(:active) + button:not(:checked):not(:active) { + box-shadow: none; +} + +button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; +} + +button.suggested-action.flat, button.suggested-action.budgie-menu-launcher, .budgie-panel .suggested-action#tasklist-button, .budgie-panel button.suggested-action.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; +} + +button.suggested-action:active, button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; + box-shadow: none; +} + +button.suggested-action.flat:disabled, button.suggested-action.budgie-menu-launcher:disabled, .budgie-panel .suggested-action#tasklist-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.55); +} + +button.suggested-action:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +button.suggested-action:disabled label, button.suggested-action:disabled { + color: rgba(36, 36, 36, 0.55); +} + +button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; +} + +button.destructive-action.flat, button.destructive-action.budgie-menu-launcher, .budgie-panel .destructive-action#tasklist-button, .budgie-panel button.destructive-action.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; +} + +button.destructive-action:active, button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; + box-shadow: none; +} + +button.destructive-action.flat:disabled, button.destructive-action.budgie-menu-launcher:disabled, .budgie-panel .destructive-action#tasklist-button:disabled { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: rgba(36, 36, 36, 0.55); +} + +button.destructive-action:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +button.destructive-action:disabled label, button.destructive-action:disabled { + color: rgba(36, 36, 36, 0.55); +} + +.stack-switcher > button { + outline-offset: -3px; +} + +.stack-switcher > button > label { + padding-left: 6px; + padding-right: 6px; +} + +.stack-switcher > button > image { + padding-left: 6px; + padding-right: 6px; + padding-top: 3px; + padding-bottom: 3px; +} + +.stack-switcher > button.text-button { + padding-left: 10px; + padding-right: 10px; +} + +.stack-switcher > button.image-button { + padding-left: 2px; + padding-right: 2px; +} + +.stack-switcher > button.needs-attention:active > label, .stack-switcher > button.needs-attention:active > image, .stack-switcher > button.needs-attention:checked > label, .stack-switcher > button.needs-attention:checked > image { + animation: none; + background-image: none; +} + +.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, button stacksidebar row.needs-attention > label, stacksidebar button row.needs-attention > label { + animation: needs_attention 150ms ease-in; + background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#0046DB), to(transparent)); + background-size: 6px 6px, 6px 6px; + background-repeat: no-repeat; + background-position: right 3px, right 4px; +} + +.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), button stacksidebar row.needs-attention > label:dir(rtl), stacksidebar button row.needs-attention > label:dir(rtl) { + background-position: left 3px, left 4px; +} + +button.font separator, button.file separator { + background-color: transparent; +} + +.inline-toolbar button, .inline-toolbar button:backdrop { + border-radius: 5px; +} + +.inline-toolbar toolbutton > button { + min-height: 20px; + border: none; + background-color: transparent; + box-shadow: none; +} + +.inline-toolbar toolbutton > button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.15); +} + +.inline-toolbar toolbutton > button:active, .inline-toolbar toolbutton > button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +.inline-toolbar toolbutton > button:disabled { + background-color: transparent; +} + +.inline-toolbar toolbutton > button:disabled label, .inline-toolbar toolbutton > button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked { + background-color: #575757; + border-color: #575757; + opacity: 0.6; +} + +.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked { + color: rgba(255, 255, 255, 0.8); +} + +.linked:not(.vertical):not(.path-bar) > entry + entry { + border-left-color: transparent; +} + +.linked:not(.vertical):not(.path-bar) > entry.error + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.error { + border-left-color: #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning + entry, +.linked:not(.vertical):not(.path-bar) > entry + entry.warning { + border-left-color: #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.error + entry.warning, +.linked:not(.vertical):not(.path-bar) > entry.warning + entry.error { + border-left-color: #f75d37; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:focus:last-child { + border-left-color: #8eb9ff; +} + +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #8eb9ff; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry:drop(active):last-child { + border-left-color: #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-left-color: #F08437; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.warning:focus:last-child { + border-left-color: #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #F27835; +} + +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:not(:last-child), +.linked:not(.vertical):not(.path-bar) > entry + entry.error:focus:last-child { + border-left-color: #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + entry, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + button, +.linked:not(.vertical):not(.path-bar) > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: #FC4138; +} + +.linked:not(.vertical):not(.path-bar) > button:active + entry, +.linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: #8eb9ff; +} + +.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.linked:not(.vertical).path-bar > button + button { + border-left-style: none; +} + +.linked.vertical > entry + entry { + border-top-color: transparent; +} + +.linked.vertical > entry.error + entry, +.linked.vertical > entry + entry.error { + border-top-color: #FC4138; +} + +.linked.vertical > entry.warning + entry, +.linked.vertical > entry + entry.warning { + border-top-color: #F27835; +} + +.linked.vertical > entry.error + entry.warning, +.linked.vertical > entry.warning + entry.error { + border-top-color: #f75d37; +} + +.linked.vertical > entry + entry:focus:not(:last-child), +.linked.vertical > entry + entry:focus:last-child { + border-top-color: #8eb9ff; +} + +.linked.vertical > entry:focus:not(:only-child) + entry, +.linked.vertical > entry:focus:not(:only-child) + button, +.linked.vertical > entry:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #8eb9ff; +} + +.linked.vertical > entry + entry:drop(active):not(:last-child), +.linked.vertical > entry + entry:drop(active):last-child { + border-top-color: #F08437; +} + +.linked.vertical > entry:drop(active):not(:only-child) + entry, +.linked.vertical > entry:drop(active):not(:only-child) + button, +.linked.vertical > entry:drop(active):not(:only-child) + combobox > box > button.combo { + border-top-color: #F08437; +} + +.linked.vertical > entry + entry.warning:focus:not(:last-child), +.linked.vertical > entry + entry.warning:focus:last-child { + border-top-color: #F27835; +} + +.linked.vertical > entry.warning:focus:not(:only-child) + entry, +.linked.vertical > entry.warning:focus:not(:only-child) + button, +.linked.vertical > entry.warning:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #F27835; +} + +.linked.vertical > entry + entry.error:focus:not(:last-child), +.linked.vertical > entry + entry.error:focus:last-child { + border-top-color: #FC4138; +} + +.linked.vertical > entry.error:focus:not(:only-child) + entry, +.linked.vertical > entry.error:focus:not(:only-child) + button, +.linked.vertical > entry.error:focus:not(:only-child) + combobox > box > button.combo { + border-top-color: #FC4138; +} + +.linked.vertical > button:active + entry, +.linked.vertical > button:checked + entry { + border-top-color: #8eb9ff; +} + +.linked.vertical > button + button { + border-top-style: none; +} + +.linked:not(.vertical) > entry, +.linked:not(.vertical) > entry:focus, .inline-toolbar button, .inline-toolbar button:backdrop, .linked:not(.vertical) > button, +.linked:not(.vertical) > button:hover, +.linked:not(.vertical) > button:active, +.linked:not(.vertical) > button:checked, toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.budgie-menu-launcher, .inline-toolbar toolbutton > button.budgie-menu-launcher, .inline-toolbar .budgie-panel toolbutton > #tasklist-button, .budgie-panel .inline-toolbar toolbutton > #tasklist-button, .inline-toolbar .budgie-panel toolbutton > button.flat.launcher, .budgie-panel .inline-toolbar toolbutton > button.flat.launcher, spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, +headerbar .linked:not(.vertical).path-bar > button, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button, +headerbar .linked:not(.vertical).path-bar > button:hover, +headerbar .linked:not(.vertical).path-bar > button:active, +headerbar .linked:not(.vertical).path-bar > button:checked, +headerbar .linked:not(.vertical).path-bar > button:disabled, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled, .linked:not(.vertical) > combobox > box > button.combo:dir(ltr), .linked:not(.vertical) > combobox > box > button.combo:dir(rtl) { + border-radius: 0; + border-right-style: none; +} + +.linked:not(.vertical) > entry:first-child, .inline-toolbar button:first-child, .linked:not(.vertical) > button:first-child, .inline-toolbar toolbutton > button.flat:first-child, .inline-toolbar toolbutton > button.budgie-menu-launcher:first-child, .inline-toolbar .budgie-panel toolbutton > #tasklist-button:first-child, .budgie-panel .inline-toolbar toolbutton > #tasklist-button:first-child, .inline-toolbar .budgie-panel toolbutton > button.flat.launcher:first-child, spinbutton:not(.vertical) button:first-child, spinbutton:not(.vertical) entry:first-child, .linked:not(.vertical) > combobox:first-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:first-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:first-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:first-child, +headerbar .linked:not(.vertical).path-bar > button:first-child:hover, +headerbar .linked:not(.vertical).path-bar > button:first-child:active, +headerbar .linked:not(.vertical).path-bar > button:first-child:checked, +headerbar .linked:not(.vertical).path-bar > button:first-child:disabled { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; +} + +.linked:not(.vertical) > entry:last-child, .inline-toolbar button:last-child, .linked:not(.vertical) > button:last-child, .inline-toolbar toolbutton > button.flat:last-child, .inline-toolbar toolbutton > button.budgie-menu-launcher:last-child, .inline-toolbar .budgie-panel toolbutton > #tasklist-button:last-child, .budgie-panel .inline-toolbar toolbutton > #tasklist-button:last-child, .inline-toolbar .budgie-panel toolbutton > button.flat.launcher:last-child, spinbutton:not(.vertical) button:last-child, spinbutton:not(.vertical) entry:last-child, .linked:not(.vertical) > combobox:last-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:last-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:last-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:last-child, +headerbar .linked:not(.vertical).path-bar > button:last-child:hover, +headerbar .linked:not(.vertical).path-bar > button:last-child:active, +headerbar .linked:not(.vertical).path-bar > button:last-child:checked, +headerbar .linked:not(.vertical).path-bar > button:last-child:disabled { + border-top-right-radius: 5px; + border-bottom-right-radius: 5px; + border-right-style: solid; +} + +.linked:not(.vertical) > entry:only-child, .inline-toolbar button:only-child, .linked:not(.vertical) > button:only-child, .inline-toolbar toolbutton > button.flat:only-child, .inline-toolbar toolbutton > button.budgie-menu-launcher:only-child, .inline-toolbar .budgie-panel toolbutton > #tasklist-button:only-child, .budgie-panel .inline-toolbar toolbutton > #tasklist-button:only-child, .inline-toolbar .budgie-panel toolbutton > button.flat.launcher:only-child, spinbutton:not(.vertical) button:only-child, spinbutton:not(.vertical) entry:only-child, .linked:not(.vertical) > combobox:only-child > box > button.combo, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:hover, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:active, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:checked, headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:only-child:disabled, +headerbar .linked:not(.vertical).path-bar > button:only-child, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:only-child, +headerbar .linked:not(.vertical).path-bar > button:only-child:hover, +headerbar .linked:not(.vertical).path-bar > button:only-child:active, +headerbar .linked:not(.vertical).path-bar > button:only-child:checked, +headerbar .linked:not(.vertical).path-bar > button:only-child:disabled { + border-radius: 5px; + border-style: solid; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:first-child { + border-top-left-radius: 5px; + border-bottom-left-radius: 0; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:last-child { + border-top-right-radius: 5px; + border-bottom-right-radius: 0; + border-right-style: solid; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:only-child { + border-radius: 5px 5px 0 0; + border-style: solid; +} + +.linked.vertical > entry, +.linked.vertical > entry:focus, +.linked.vertical > button, +.linked.vertical > button:hover, +.linked.vertical > button:active, +.linked.vertical > button:checked, spinbutton.vertical button, spinbutton.vertical entry, .linked.vertical > combobox > box > button.combo { + border-radius: 0; + border-bottom-style: none; +} + +.linked.vertical > entry:first-child, .linked.vertical > button:first-child, spinbutton.vertical button:first-child, spinbutton.vertical entry:first-child, .linked.vertical > combobox:first-child > box > button.combo { + border-top-left-radius: 5px; + border-top-right-radius: 5px; +} + +.linked.vertical > entry:last-child, .linked.vertical > button:last-child, spinbutton.vertical button:last-child, spinbutton.vertical entry:last-child, .linked.vertical > combobox:last-child > box > button.combo { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + border-bottom-style: solid; +} + +.linked.vertical > entry:only-child, .linked.vertical > button:only-child, spinbutton.vertical button:only-child, spinbutton.vertical entry:only-child, .linked.vertical > combobox:only-child > box > button.combo { + border-radius: 5px; + border-style: solid; +} + +menuitem.button.flat, +modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, .app-notification button, calendar.button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +menuitem.button.flat, +modelbutton.flat { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + min-height: 26px; + padding-left: 8px; + padding-right: 8px; + outline-offset: -3px; + border-radius: 5px; +} + +menuitem.button.flat:hover, +modelbutton.flat:hover { + background-color: #ebebeb; + transition-duration: 50ms; +} + +menuitem.button.flat:active, menuitem.button.flat:active arrow, menuitem.button.flat:selected, menuitem.button.flat:selected arrow, +modelbutton.flat:active, +modelbutton.flat:active arrow, +modelbutton.flat:selected, +modelbutton.flat:selected arrow { + color: #ffffff; + border: none; + background-color: #686868; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + transition: none; + animation: none; +} + +menuitem.button.flat:checked, +modelbutton.flat:checked { + color: #242424; +} + +menuitem.button.flat:disabled, +modelbutton.flat:disabled { + color: rgba(36, 36, 36, 0.55); +} + +menuitem.button.flat check:last-child, +menuitem.button.flat radio:last-child, +modelbutton.flat check:last-child, +modelbutton.flat radio:last-child { + margin-left: 8px; +} + +menuitem.button.flat check:first-child, +menuitem.button.flat radio:first-child, +modelbutton.flat check:first-child, +modelbutton.flat radio:first-child { + margin-right: 8px; +} + +modelbutton.flat arrow.left { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +modelbutton.flat arrow.right { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +*:link, button:link, button:visited { + color: #3484e2; +} + +*:link:visited, button:visited { + color: #505050; +} + +*:selected *:link:visited, *:selected button:visited:link, *:selected button:visited { + color: #99b5f1; +} + +*:link:hover, button:hover:link, button:hover:visited { + color: #619fe8; +} + +*:selected *:link:hover, *:selected button:hover:link, *:selected button:hover:visited { + color: #e6edfb; +} + +*:link:active, button:active:link, button:active:visited { + color: #3484e2; +} + +*:selected *:link:active, *:selected button:active:link, *:selected button:active:visited { + color: #ccdaf8; +} + +infobar.info *:link, infobar.info button:link, infobar.info button:visited, infobar.question *:link, infobar.question button:link, infobar.question button:visited, infobar.warning *:link, infobar.warning button:link, infobar.warning button:visited, infobar.error *:link, infobar.error button:link, infobar.error button:visited, *:link:selected, button:selected:link, button:selected:visited, headerbar.selection-mode .subtitle:link, +.selection-mode.titlebar:not(headerbar) .subtitle:link, +*:selected *:link, +*:selected button:link, +*:selected button:visited { + color: #ccdaf8; +} + +button:link > label, button:visited > label { + text-decoration-line: underline; +} + +spinbutton:drop(active) { + box-shadow: none; +} + +spinbutton button:active { + color: #ffffff; +} + +spinbutton:disabled { + color: rgba(36, 36, 36, 0.55); +} + +spinbutton:not(.vertical) entry { + min-width: 28px; +} + +spinbutton:not(.vertical):dir(ltr) entry, +spinbutton:not(.vertical):dir(rtl) button.up { + border-radius: 5px 0 0 5px; +} + +spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +spinbutton:not(.vertical) > button:hover:not(:active), +spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11); +} + +spinbutton:not(.vertical) > button:disabled + button:not(:disabled):not(:active):not(:checked):not(:hover), +spinbutton:not(.vertical) > button:not(:disabled):not(:active):not(:checked):not(:hover) + button:disabled { + box-shadow: inset 1px 0 transparent; +} + +spinbutton:not(.vertical) > button:first-child:hover:not(:active), +spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #8eb9ff; +} + +spinbutton:not(.vertical) > entry:drop(active) + button { + border-left-color: #F08437; +} + +.osd spinbutton:not(.vertical) > button:hover:not(:active), +.osd spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11); +} + +.osd spinbutton:not(.vertical) > button:first-child:hover:not(:active), +.osd spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active), +.osd spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +.osd spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #8eb9ff; +} + +spinbutton.vertical button, spinbutton.vertical entry { + padding-left: 4px; + padding-right: 4px; + min-width: 0; +} + +spinbutton.vertical button.up { + border-radius: 5px 5px 0 0; +} + +spinbutton.vertical > entry:focus + button { + border-top-color: #8eb9ff; +} + +spinbutton.vertical > entry:drop(active) + button { + border-top-color: #F08437; +} + +combobox button.combo { + min-width: 0; + padding-left: 12px; + padding-right: 12px; +} + +combobox arrow { + -gtk-icon-source: -gtk-scaled(url("assets/combobox-arrow.png"), url("assets/combobox-arrow@2.png")); + min-height: 16px; + min-width: 20px; + padding: 0; + margin: -1px -13px -1px -1px; + border-radius: 0 5px 5px 0; + color: #ffffff; + border: 1px solid #0e6bff; + background-color: #0046DB; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); +} + +.linked:not(.vertical) > combobox > box > button.combo arrow { + border-radius: 0; +} + +.linked:not(.vertical) > combobox:last-child > box > button.combo arrow { + border-radius: 0 5px 5px 0; +} + +toolbar, .inline-toolbar { + -GtkWidget-window-dragging: true; + padding: 4px; + background-color: rgba(229, 229, 229, 0.95); + border-bottom: 1px solid rgba(0, 0, 0, 0.11); +} + +toolbar separator, .inline-toolbar separator { + background: none; +} + +toolbar.horizontal separator, .horizontal.inline-toolbar separator { + margin: 0 6px; +} + +toolbar.vertical separator, .vertical.inline-toolbar separator { + margin: 6px 0; +} + +.osd toolbar, .osd .inline-toolbar { + background-color: transparent; +} + +toolbar.osd, .osd.inline-toolbar { + padding: 8px; + border: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 5px; + background-color: rgba(245, 245, 245, 0.85); +} + +toolbar.osd.left, .osd.left.inline-toolbar, toolbar.osd.right, .osd.right.inline-toolbar, toolbar.osd.top, .osd.top.inline-toolbar, toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-radius: 0; +} + +toolbar.osd.top, .osd.top.inline-toolbar { + border-width: 0 0 1px 0; +} + +toolbar.osd.bottom, .osd.bottom.inline-toolbar { + border-width: 1px 0 0 0; +} + +toolbar.osd.left, .osd.left.inline-toolbar { + border-width: 0 1px 0 0; +} + +toolbar.osd.right, .osd.right.inline-toolbar { + border-width: 0 0 0 1px; +} + +toolbar:not(.inline-toolbar) switch, .inline-toolbar:not(.inline-toolbar) switch, +toolbar:not(.inline-toolbar) scale, +.inline-toolbar:not(.inline-toolbar) scale, +toolbar:not(.inline-toolbar) entry, +.inline-toolbar:not(.inline-toolbar) entry, +toolbar:not(.inline-toolbar) spinbutton, +.inline-toolbar:not(.inline-toolbar) spinbutton, +toolbar:not(.inline-toolbar) button, +.inline-toolbar:not(.inline-toolbar) button { + margin-right: 1px; + margin-bottom: 1px; +} + +toolbar:not(.inline-toolbar) .linked > button, .inline-toolbar:not(.inline-toolbar) .linked > button, +toolbar:not(.inline-toolbar) .linked > entry, +.inline-toolbar:not(.inline-toolbar) .linked > entry { + margin-right: 0; +} + +.primary-toolbar:not(.libreoffice-toolbar) { + color: #363636; + background-color: transparent; + box-shadow: none; + border-width: 0 0 1px 0; + border-style: solid; + border-image: linear-gradient(to bottom, #E1E1E1, #E1E1E1) 1 0 1 0; +} + +.inline-toolbar { + background-color: #ededed; + border-style: solid; + border-color: rgba(0, 0, 0, 0.11); + border-width: 0 1px 1px; + padding: 3px; + border-radius: 0 0 5px 5px; +} + +searchbar { + background-color: #f5f5f5; + border-style: solid; + border-color: #E1E1E1; + border-width: 0 0 1px; + padding: 3px; +} + +searchbar button.flat, searchbar button.budgie-menu-launcher, searchbar .budgie-panel #tasklist-button, .budgie-panel searchbar #tasklist-button, searchbar .budgie-panel button.flat.launcher, .budgie-panel searchbar button.flat.launcher { + min-height: 16px; + min-width: 16px; + margin: 4px 6px; + padding: 0 2px; + border-radius: 100px; +} + +actionbar { + padding: 6px; + border-top: 1px solid rgba(0, 0, 0, 0.11); + background-color: #ededed; + border-radius: 0 0 6px 6px; +} + +headerbar, +.titlebar:not(headerbar) { + min-height: 34px; + padding: 0 8px; + background-image: linear-gradient(0deg, #d2d2d2 0%, #e2e2e2 50%, #e9e9e9 95%, whitesmoke 100%); + color: rgba(40, 32, 32, 0.8); + background-color: rgba(229, 229, 229, 0.95); + border-bottom: 1px solid #afafaf; +} + +.csd headerbar, .csd .titlebar:not(headerbar) { + background-image: linear-gradient(0deg, #d2d2d2 0%, #e2e2e2 50%, #e9e9e9 95%, whitesmoke 100%); + background-color: rgba(229, 229, 229, 0.95); + border-bottom: 1px solid #afafaf; +} + +headerbar:backdrop, +.titlebar:backdrop:not(headerbar) { + transition: 200ms ease-out; + color: rgba(40, 32, 32, 0.5); + background-image: none; + background-color: #F6F6F6; + border-color: #d5d5d5; +} + +.csd headerbar:backdrop, .csd .titlebar:backdrop:not(headerbar) { + background-color: #F6F6F6; + border-color: #d5d5d5; +} + +.maximized headerbar, .maximized .titlebar:not(headerbar) { + background-color: rgba(229, 229, 229, 0.95); + border-bottom: 1px solid #afafaf; +} + +.maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar) { + background-color: #F6F6F6; + border-color: #d5d5d5; +} + +headerbar .title, +.titlebar:not(headerbar) .title { + padding-left: 12px; + padding-right: 12px; +} + +headerbar .subtitle, +.titlebar:not(headerbar) .subtitle { + font-size: smaller; + padding-left: 12px; + padding-right: 12px; +} + +headerbar.selection-mode, +.selection-mode.titlebar:not(headerbar) { + color: #ffffff; + background-color: #0e6bff; + border-color: #0060f9; + box-shadow: none; + background-image: none; + text-shadow: none; +} + +headerbar.selection-mode:backdrop, +.selection-mode.titlebar:backdrop:not(headerbar) { + background-color: #0e6bff; + color: rgba(255, 255, 255, 0.6); +} + +headerbar.selection-mode .selection-menu, +.selection-mode.titlebar:not(headerbar) .selection-menu { + box-shadow: none; + padding-left: 10px; + padding-right: 10px; +} + +headerbar.selection-mode .selection-menu GtkArrow, +.selection-mode.titlebar:not(headerbar) .selection-menu GtkArrow { + -GtkArrow-arrow-scaling: 1; +} + +headerbar.selection-mode .selection-menu .arrow, +.selection-mode.titlebar:not(headerbar) .selection-menu .arrow { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +.maximized headerbar.selection-mode, .maximized .selection-mode.titlebar:not(headerbar) { + background-color: #0e6bff; +} + +.tiled headerbar, .tiled headerbar:backdrop, +.maximized headerbar, .maximized headerbar:backdrop, .tiled .titlebar:not(headerbar), .tiled .titlebar:backdrop:not(headerbar), .maximized .titlebar:not(headerbar), .maximized .titlebar:backdrop:not(headerbar) { + border-radius: 0; +} + +.maximized headerbar, .maximized .titlebar:not(headerbar) { + background-color: rgba(229, 229, 229, 0.95); + border-color: #afafaf; +} + +.maximized headerbar:backdrop, .maximized .titlebar:backdrop:not(headerbar) { + background-color: #F6F6F6; +} + +headerbar.default-decoration, +.default-decoration.titlebar:not(headerbar) { + min-height: 26px; + padding: 0 6px; + background-color: rgba(229, 229, 229, 0.95); + background-image: linear-gradient(0deg, #e2e2e2 0%, whitesmoke 100%); +} + +.tiled headerbar.default-decoration, +.maximized headerbar.default-decoration, +.fullscreen headerbar.default-decoration, .tiled .default-decoration.titlebar:not(headerbar), +.maximized .default-decoration.titlebar:not(headerbar), +.fullscreen .default-decoration.titlebar:not(headerbar) { + box-shadow: none; +} + +headerbar.default-decoration button.titlebutton, +.default-decoration.titlebar:not(headerbar) button.titlebutton { + border: none; + min-height: 18px; + min-width: 18px; + margin: 0; + padding: 0; +} + +headerbar.default-decoration, +.csd headerbar.default-decoration, headerbar.default-decoration:backdrop, +.csd headerbar.default-decoration:backdrop, +.default-decoration.titlebar:not(headerbar), +.csd .default-decoration.titlebar:not(headerbar), +.default-decoration.titlebar:backdrop:not(headerbar), +.csd .default-decoration.titlebar:backdrop:not(headerbar) { + box-shadow: none; + border: none; +} + +.titlebar, +.titlebar.background { + border-radius: 6px 6px 0 0; +} + +headerbar button, headerbar separator { + margin-top: 6px; + margin-bottom: 6px; +} + +headerbar entry { + margin-top: 5px; + margin-bottom: 5px; +} + +separator:first-child + headerbar, separator:first-child + headerbar:backdrop, headerbar:first-child, headerbar:first-child:backdrop { + border-top-left-radius: 6px; +} + +.maximized separator:first-child + headerbar, +.tiled separator:first-child + headerbar, .maximized separator:first-child + headerbar:backdrop, +.tiled separator:first-child + headerbar:backdrop, .maximized headerbar:first-child, +.tiled headerbar:first-child, .maximized headerbar:first-child:backdrop, +.tiled headerbar:first-child:backdrop { + border-radius: 0; +} + +headerbar:last-child, headerbar:last-child:backdrop { + border-top-right-radius: 6px; +} + +.maximized headerbar:last-child, +.tiled headerbar:last-child, .maximized headerbar:last-child:backdrop, +.tiled headerbar:last-child:backdrop { + border-radius: 0; +} + +window > .titlebar:not(headerbar), window > .titlebar:not(headerbar):backdrop, +window.csd > .titlebar:not(headerbar), +window.csd > .titlebar:not(headerbar):backdrop { + padding: 0; + background: none; + background-image: none; + border: none; + box-shadow: none; +} + +.titlebar:not(headerbar) > separator { + background-image: linear-gradient(0deg, #d2d2d2 0%, #e2e2e2 50%, #e9e9e9 95%, whitesmoke 100%); +} + +.titlebar:not(headerbar) > separator:backdrop { + background-image: none; + background-color: #F6F6F6; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator, headerbar separator.titlebutton, +.titlebar:not(headerbar) separator.titlebutton { + min-width: 0; + min-height: 0; + background-color: transparent; + border-width: 0; + border-image: none; +} + +.primary-toolbar:not(.libreoffice-toolbar) separator:backdrop, headerbar separator.titlebutton:backdrop, +.titlebar:not(headerbar) separator.titlebutton:backdrop { + opacity: 0.6; +} + +headerbar entry, .nemo-window .primary-toolbar entry { + color: rgba(40, 32, 32, 0.8); + border-style: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entry image:hover, .nemo-window .primary-toolbar entry image:hover { + color: inherit; +} + +headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { + opacity: 0.85; + background-image: none; +} + +headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; + background-clip: border-box; +} + +headerbar entry:focus image, .nemo-window .primary-toolbar entry:focus image { + color: #0046DB; +} + +headerbar entry:disabled, .nemo-window .primary-toolbar entry:disabled { + color: rgba(40, 32, 32, 0.35); + border-style: none; + background-color: rgba(255, 255, 255, 0.75); +} + +headerbar entry selection:focus, .nemo-window .primary-toolbar entry selection:focus { + background-color: #0046DB; + color: #ffffff; +} + +headerbar entry progress, .nemo-window .primary-toolbar entry progress { + border-color: #0046DB; + background-image: none; + background-color: transparent; +} + +headerbar entry.warning, .nemo-window .primary-toolbar entry.warning { + color: white; + border-color: #F27835; + background-color: rgba(237, 161, 119, 0.98); +} + +headerbar entry.warning:focus, .nemo-window .primary-toolbar entry.warning:focus { + color: white; + background-color: #F27835; +} + +headerbar entry.warning selection, .nemo-window .primary-toolbar entry.warning selection, headerbar entry.warning selection:focus, .nemo-window .primary-toolbar entry.warning selection:focus { + background-color: white; + color: #F27835; +} + +headerbar entry.error, .nemo-window .primary-toolbar entry.error { + color: white; + border-color: #FC4138; + background-color: rgba(243, 127, 121, 0.98); +} + +headerbar entry.error:focus, .nemo-window .primary-toolbar entry.error:focus { + color: white; + background-color: #FC4138; +} + +headerbar entry.error selection, .nemo-window .primary-toolbar entry.error selection, headerbar entry.error selection:focus, .nemo-window .primary-toolbar entry.error selection:focus { + background-color: white; + color: #FC4138; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button), +headerbar button, +.nemo-window .primary-toolbar button { + min-width: 22px; + color: rgba(40, 32, 32, 0.8); + border: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:backdrop:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:backdrop:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:backdrop:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:backdrop:not(.image-button), +headerbar button:backdrop, +.nemo-window .primary-toolbar button:backdrop { + opacity: 0.7; + background-image: none; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:hover:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:hover:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:hover:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:hover:not(.image-button), +headerbar button:hover, +.nemo-window .primary-toolbar button:hover { + color: rgba(40, 32, 32, 0.8); + border: none; + background-color: #fafafa; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:checked:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:checked:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:checked:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:checked:not(.image-button), +headerbar button:checked, +.nemo-window .primary-toolbar button:checked { + color: #ffffff; + border: none; + background-color: #686868; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + background-clip: border-box; + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; + box-shadow: none; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:active:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:active:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:active:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:active:not(.image-button), +headerbar button:active, +.nemo-window .primary-toolbar button:active { + color: #ffffff; + border: none; + background-color: #afafaf; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-duration: 300ms; + background-clip: border-box; + box-shadow: none; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:not(.image-button), +headerbar button:disabled, +.nemo-window .primary-toolbar button:disabled { + background-color: white; + border: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:not(.image-button) label, paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:not(.image-button) label, paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:not(.image-button) label, .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:not(.image-button) label, paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:not(.image-button), +headerbar button:disabled label, +.nemo-window .primary-toolbar button:disabled label, +headerbar button:disabled, +.nemo-window .primary-toolbar button:disabled { + color: rgba(40, 32, 32, 0.35); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:active:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:active:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:active:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:active:not(.image-button), paned.titlebar.horizontal headerbar button.flat.toggle.popup:disabled:checked:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:disabled:checked:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:disabled:checked:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:disabled:checked:not(.image-button), +headerbar button:disabled:active, +.nemo-window .primary-toolbar button:disabled:active, +headerbar button:disabled:checked, +.nemo-window .primary-toolbar button:disabled:checked { + color: rgba(255, 255, 255, 0.75); + border: none; + background-color: rgba(175, 175, 175, 0.65); + box-shadow: none; +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button), +headerbar button.flat, +.nemo-window .primary-toolbar button.flat, +headerbar button.budgie-menu-launcher, +.nemo-window .primary-toolbar button.budgie-menu-launcher, +headerbar .budgie-panel #tasklist-button, +.budgie-panel headerbar #tasklist-button, +.nemo-window .primary-toolbar .budgie-panel #tasklist-button, +.budgie-panel .nemo-window .primary-toolbar #tasklist-button, +headerbar .budgie-panel button.flat.launcher, +.budgie-panel headerbar button.flat.launcher, +.nemo-window .primary-toolbar .budgie-panel button.flat.launcher, +.budgie-panel .nemo-window .primary-toolbar button.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +headerbar.selection-mode button, .nemo-window .selection-mode.primary-toolbar button, headerbar.selection-mode button.flat, .nemo-window .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.budgie-menu-launcher, .nemo-window .selection-mode.primary-toolbar button.budgie-menu-launcher, headerbar.selection-mode .budgie-panel #tasklist-button, .budgie-panel headerbar.selection-mode #tasklist-button, .nemo-window .selection-mode.primary-toolbar .budgie-panel #tasklist-button, .budgie-panel .nemo-window .selection-mode.primary-toolbar #tasklist-button, headerbar.selection-mode .budgie-panel button.flat.launcher, .budgie-panel headerbar.selection-mode button.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); +} + +headerbar.selection-mode button:hover, .nemo-window .selection-mode.primary-toolbar button:hover { + background-color: rgba(255, 255, 255, 0.25); +} + +headerbar.selection-mode button:active, .nemo-window .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:checked, .nemo-window .selection-mode.primary-toolbar button:checked { + text-shadow: none; +} + +headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child), .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child), headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):hover, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):active, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):checked, headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) button:not(:only-child):not(:last-child):disabled { + margin-right: 1px; +} + +headerbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar):not(.stack-switcher) > button { + min-width: 20px; +} + +headerbar .linked:not(.vertical):not(.path-bar) > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button, headerbar .linked:not(.vertical):not(.path-bar) > button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:hover, headerbar .linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active, headerbar .linked:not(.vertical):not(.path-bar) > button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked, headerbar .linked:not(.vertical):not(.path-bar) > button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:disabled { + border-radius: 5px; +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry, headerbar .linked:not(.vertical):not(.path-bar) > entry:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:disabled { + border-radius: 5px; + margin-right: 4px; + margin-left: 3px; +} + +headerbar .linked:not(.vertical):not(.path-bar) > button:active + entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:active + entry, +headerbar .linked:not(.vertical):not(.path-bar) > button:checked + entry, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:checked + entry { + border-left-color: rgba(0, 0, 0, 0.11); +} + +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + entry, +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + button, +headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo, +.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + combobox > box > button.combo { + border-left-color: rgba(0, 0, 0, 0.11); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, +headerbar .linked:not(.vertical).path-bar > button, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button { + color: rgba(40, 32, 32, 0.8); + border: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:hover, +headerbar .linked:not(.vertical).path-bar > button:hover, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:hover { + color: rgba(40, 32, 32, 0.8); + border: none; + background-color: #fafafa; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:active, +headerbar .linked:not(.vertical).path-bar > button:active, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:active { + color: #ffffff; + border: none; + background-color: #afafaf; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:checked, +headerbar .linked:not(.vertical).path-bar > button:checked, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:checked { + color: #ffffff; + border: none; + background-color: #686868; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:disabled, +headerbar .linked:not(.vertical).path-bar > button:disabled, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:disabled { + color: rgba(40, 32, 32, 0.4); +} + +headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop, +headerbar .linked:not(.vertical).path-bar > button:backdrop, +.nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop { + opacity: 0.7; + background-image: none; +} + +headerbar button.suggested-action, .nemo-window .primary-toolbar button.suggested-action { + background-clip: border-box; + color: white; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; +} + +headerbar button.suggested-action.flat, .nemo-window .primary-toolbar button.suggested-action.flat, headerbar button.suggested-action.budgie-menu-launcher, .nemo-window .primary-toolbar button.suggested-action.budgie-menu-launcher, headerbar .budgie-panel .suggested-action#tasklist-button, .budgie-panel headerbar .suggested-action#tasklist-button, .nemo-window .primary-toolbar .budgie-panel .suggested-action#tasklist-button, .budgie-panel .nemo-window .primary-toolbar .suggested-action#tasklist-button, headerbar .budgie-panel button.suggested-action.flat.launcher, .budgie-panel headerbar button.suggested-action.flat.launcher, .nemo-window .primary-toolbar .budgie-panel button.suggested-action.flat.launcher, .budgie-panel .nemo-window .primary-toolbar button.suggested-action.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #3484e2; +} + +headerbar button.suggested-action:hover, .nemo-window .primary-toolbar button.suggested-action:hover { + background-clip: border-box; + color: white; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; +} + +headerbar button.suggested-action:active, .nemo-window .primary-toolbar button.suggested-action:active, headerbar button.suggested-action:checked, .nemo-window .primary-toolbar button.suggested-action:checked { + background-clip: border-box; + color: white; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; + box-shadow: none; +} + +headerbar button.suggested-action.flat:disabled, .nemo-window .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.budgie-menu-launcher:disabled, .nemo-window .primary-toolbar button.suggested-action.budgie-menu-launcher:disabled, headerbar .budgie-panel .suggested-action#tasklist-button:disabled, .budgie-panel headerbar .suggested-action#tasklist-button:disabled, .nemo-window .primary-toolbar .budgie-panel .suggested-action#tasklist-button:disabled, .budgie-panel .nemo-window .primary-toolbar .suggested-action#tasklist-button:disabled, headerbar .budgie-panel button.suggested-action.flat.launcher:disabled, .budgie-panel headerbar button.suggested-action.flat.launcher:disabled, headerbar button.suggested-action:disabled, .nemo-window .primary-toolbar button.suggested-action:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +headerbar button.suggested-action.flat:disabled label, .nemo-window .primary-toolbar button.suggested-action.flat:disabled label, headerbar button.suggested-action.budgie-menu-launcher:disabled label, .nemo-window .primary-toolbar button.suggested-action.budgie-menu-launcher:disabled label, headerbar .budgie-panel .suggested-action#tasklist-button:disabled label, .budgie-panel headerbar .suggested-action#tasklist-button:disabled label, .nemo-window .primary-toolbar .budgie-panel .suggested-action#tasklist-button:disabled label, .budgie-panel .nemo-window .primary-toolbar .suggested-action#tasklist-button:disabled label, headerbar .budgie-panel button.suggested-action.flat.launcher:disabled label, .budgie-panel headerbar button.suggested-action.flat.launcher:disabled label, headerbar button.suggested-action.flat:disabled, .nemo-window .primary-toolbar button.suggested-action.flat:disabled, headerbar button.suggested-action.budgie-menu-launcher:disabled, .nemo-window .primary-toolbar button.suggested-action.budgie-menu-launcher:disabled, headerbar .budgie-panel .suggested-action#tasklist-button:disabled, .budgie-panel headerbar .suggested-action#tasklist-button:disabled, .nemo-window .primary-toolbar .budgie-panel .suggested-action#tasklist-button:disabled, .budgie-panel .nemo-window .primary-toolbar .suggested-action#tasklist-button:disabled, headerbar .budgie-panel button.suggested-action.flat.launcher:disabled, .budgie-panel headerbar button.suggested-action.flat.launcher:disabled, headerbar button.suggested-action:disabled label, .nemo-window .primary-toolbar button.suggested-action:disabled label, headerbar button.suggested-action:disabled, .nemo-window .primary-toolbar button.suggested-action:disabled { + color: rgba(36, 36, 36, 0.55); +} + +headerbar button.suggested-action:backdrop, .nemo-window .primary-toolbar button.suggested-action:backdrop, headerbar button.suggested-action:backdrop, .nemo-window .primary-toolbar button.suggested-action:backdrop { + opacity: 0.8; +} + +headerbar button.destructive-action, .nemo-window .primary-toolbar button.destructive-action { + background-clip: border-box; + color: white; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; +} + +headerbar button.destructive-action.flat, .nemo-window .primary-toolbar button.destructive-action.flat, headerbar button.destructive-action.budgie-menu-launcher, .nemo-window .primary-toolbar button.destructive-action.budgie-menu-launcher, headerbar .budgie-panel .destructive-action#tasklist-button, .budgie-panel headerbar .destructive-action#tasklist-button, .nemo-window .primary-toolbar .budgie-panel .destructive-action#tasklist-button, .budgie-panel .nemo-window .primary-toolbar .destructive-action#tasklist-button, headerbar .budgie-panel button.destructive-action.flat.launcher, .budgie-panel headerbar button.destructive-action.flat.launcher, .nemo-window .primary-toolbar .budgie-panel button.destructive-action.flat.launcher, .budgie-panel .nemo-window .primary-toolbar button.destructive-action.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #f8464c; +} + +headerbar button.destructive-action:hover, .nemo-window .primary-toolbar button.destructive-action:hover { + background-clip: border-box; + color: white; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; +} + +headerbar button.destructive-action:active, .nemo-window .primary-toolbar button.destructive-action:active, headerbar button.destructive-action:checked, .nemo-window .primary-toolbar button.destructive-action:checked { + background-clip: border-box; + color: white; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; + box-shadow: none; +} + +headerbar button.destructive-action.flat:disabled, .nemo-window .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.budgie-menu-launcher:disabled, .nemo-window .primary-toolbar button.destructive-action.budgie-menu-launcher:disabled, headerbar .budgie-panel .destructive-action#tasklist-button:disabled, .budgie-panel headerbar .destructive-action#tasklist-button:disabled, .nemo-window .primary-toolbar .budgie-panel .destructive-action#tasklist-button:disabled, .budgie-panel .nemo-window .primary-toolbar .destructive-action#tasklist-button:disabled, headerbar .budgie-panel button.destructive-action.flat.launcher:disabled, .budgie-panel headerbar button.destructive-action.flat.launcher:disabled, headerbar button.destructive-action:disabled, .nemo-window .primary-toolbar button.destructive-action:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +headerbar button.destructive-action.flat:disabled label, .nemo-window .primary-toolbar button.destructive-action.flat:disabled label, headerbar button.destructive-action.budgie-menu-launcher:disabled label, .nemo-window .primary-toolbar button.destructive-action.budgie-menu-launcher:disabled label, headerbar .budgie-panel .destructive-action#tasklist-button:disabled label, .budgie-panel headerbar .destructive-action#tasklist-button:disabled label, .nemo-window .primary-toolbar .budgie-panel .destructive-action#tasklist-button:disabled label, .budgie-panel .nemo-window .primary-toolbar .destructive-action#tasklist-button:disabled label, headerbar .budgie-panel button.destructive-action.flat.launcher:disabled label, .budgie-panel headerbar button.destructive-action.flat.launcher:disabled label, headerbar button.destructive-action.flat:disabled, .nemo-window .primary-toolbar button.destructive-action.flat:disabled, headerbar button.destructive-action.budgie-menu-launcher:disabled, .nemo-window .primary-toolbar button.destructive-action.budgie-menu-launcher:disabled, headerbar .budgie-panel .destructive-action#tasklist-button:disabled, .budgie-panel headerbar .destructive-action#tasklist-button:disabled, .nemo-window .primary-toolbar .budgie-panel .destructive-action#tasklist-button:disabled, .budgie-panel .nemo-window .primary-toolbar .destructive-action#tasklist-button:disabled, headerbar .budgie-panel button.destructive-action.flat.launcher:disabled, .budgie-panel headerbar button.destructive-action.flat.launcher:disabled, headerbar button.destructive-action:disabled label, .nemo-window .primary-toolbar button.destructive-action:disabled label, headerbar button.destructive-action:disabled, .nemo-window .primary-toolbar button.destructive-action:disabled { + color: rgba(36, 36, 36, 0.55); +} + +headerbar button.destructive-action:backdrop, .nemo-window .primary-toolbar button.destructive-action:backdrop, headerbar button.destructive-action:backdrop, .nemo-window .primary-toolbar button.destructive-action:backdrop { + opacity: 0.8; +} + +headerbar spinbutton:not(.vertical):focus, .nemo-window .primary-toolbar spinbutton:not(.vertical):focus { + color: rgba(40, 32, 32, 0.8); + caret-color: rgba(40, 32, 32, 0.8); +} + +headerbar spinbutton:not(.vertical) button, .nemo-window .primary-toolbar spinbutton:not(.vertical) button, headerbar spinbutton:not(.vertical) button:disabled, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:disabled { + color: rgba(40, 32, 32, 0.8); + border: none; + background-color: #fafafa; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar spinbutton:not(.vertical) button:hover, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:hover { + background-color: white; +} + +headerbar spinbutton:not(.vertical) button:active, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:active, headerbar spinbutton:not(.vertical) button:checked, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:checked { + color: #ffffff; + border: none; + background-color: #afafaf; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar spinbutton:not(.vertical) button:disabled, .nemo-window .primary-toolbar spinbutton:not(.vertical) button:disabled { + color: rgba(40, 32, 32, 0.4); +} + +headerbar spinbutton:not(.vertical) > button + button, .nemo-window .primary-toolbar spinbutton:not(.vertical) > button + button { + border-left-style: none; +} + +headerbar spinbutton:not(.vertical) > button:hover:not(:active), .nemo-window .primary-toolbar spinbutton:not(.vertical) > button:hover:not(:active), +headerbar spinbutton:not(.vertical) > button:hover + button, +.nemo-window .primary-toolbar spinbutton:not(.vertical) > button:hover + button { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11); +} + +headerbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), .nemo-window .primary-toolbar spinbutton:not(.vertical) > button:first-child:hover:not(:active), +headerbar spinbutton:not(.vertical) > entry + button:not(:active):hover, +.nemo-window .primary-toolbar spinbutton:not(.vertical) > entry + button:not(:active):hover { + box-shadow: none; +} + +headerbar spinbutton:not(.vertical) > entry:focus + button, .nemo-window .primary-toolbar spinbutton:not(.vertical) > entry:focus + button { + border-left-color: #8eb9ff; +} + +headerbar combobox:disabled, .nemo-window .primary-toolbar combobox:disabled { + color: rgba(40, 32, 32, 0.2); +} + +headerbar combobox > .linked > button.combo, .nemo-window .primary-toolbar combobox > .linked > button.combo { + border-radius: 5px; + color: rgba(40, 32, 32, 0.8); + border-style: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar combobox > .linked > button.combo image, .nemo-window .primary-toolbar combobox > .linked > button.combo image, headerbar combobox > .linked > button.combo image:hover, .nemo-window .primary-toolbar combobox > .linked > button.combo image:hover { + color: inherit; +} + +headerbar combobox > .linked > button.combo:hover, .nemo-window .primary-toolbar combobox > .linked > button.combo:hover { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; + box-shadow: none; +} + +headerbar combobox > .linked > button.combo:disabled, .nemo-window .primary-toolbar combobox > .linked > button.combo:disabled { + color: rgba(40, 32, 32, 0.35); + border-style: none; + background-color: rgba(255, 255, 255, 0.75); +} + +headerbar combobox > .linked > entry.combo, .nemo-window .primary-toolbar combobox > .linked > entry.combo { + border-radius: 5px; +} + +headerbar combobox > .linked > entry.combo:dir(ltr), .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(ltr) { + border-right-style: none; +} + +headerbar combobox > .linked > entry.combo:dir(ltr):focus, .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(ltr):focus { + box-shadow: none; +} + +headerbar combobox > .linked > entry.combo:dir(rtl), .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(rtl) { + border-left-style: none; +} + +headerbar combobox > .linked > entry.combo:dir(rtl):focus, .nemo-window .primary-toolbar combobox > .linked > entry.combo:dir(rtl):focus { + box-shadow: none; +} + +headerbar switch:backdrop, .nemo-window .primary-toolbar switch:backdrop { + opacity: 0.75; +} + +headerbar progressbar trough, .nemo-window .primary-toolbar progressbar trough { + background-color: rgba(204, 204, 204, 0.95); +} + +headerbar progressbar:backdrop, .nemo-window .primary-toolbar progressbar:backdrop { + opacity: 0.75; +} + +headerbar scale:backdrop, .nemo-window .primary-toolbar scale:backdrop { + opacity: 0.75; +} + +headerbar scale slider, .nemo-window .primary-toolbar scale slider { + background-color: white; + border-color: rgba(0, 0, 0, 0.2); +} + +headerbar scale slider:hover, .nemo-window .primary-toolbar scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.2); +} + +headerbar scale slider:active, .nemo-window .primary-toolbar scale slider:active { + background-color: white; + border-color: rgba(0, 0, 0, 0.2); +} + +headerbar scale slider:disabled, .nemo-window .primary-toolbar scale slider:disabled { + background-color: rgba(248, 248, 248, 0.985); + border-color: rgba(0, 0, 0, 0.2); +} + +headerbar scale trough, .nemo-window .primary-toolbar scale trough { + background-color: rgba(204, 204, 204, 0.95); +} + +headerbar scale trough:disabled, .nemo-window .primary-toolbar scale trough:disabled { + background-color: rgba(204, 204, 204, 0.9); +} + +.path-bar button { + min-width: 12px; +} + +.path-bar button.text-button, .path-bar button.image-button, .path-bar button { + padding-left: 6px; + padding-right: 6px; +} + +.path-bar button:hover { + box-shadow: none; +} + +.path-bar button:active, .path-bar button:checked { + color: #ffffff; + border: none; + background-color: #686868; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.path-bar button.text-button.image-button label { + padding-left: 0; + padding-right: 0; +} + +.path-bar button.text-button.image-button label:last-child, .path-bar button label:last-child { + padding-right: 10px; +} + +.path-bar button.text-button.image-button label:first-child, .path-bar button label:first-child { + padding-left: 10px; +} + +.path-bar button.slider-button, .path-bar button:not(.image-button):not(.text-button) { + padding-left: 1px; + padding-right: 1px; +} + +.path-bar button image { + padding-left: 4px; + padding-right: 4px; +} + +treeview.view { + border-left-color: rgba(36, 36, 36, 0.15); + border-top-color: rgba(0, 0, 0, 0.1); +} + +* { + -GtkTreeView-horizontal-separator: 4; + -GtkTreeView-grid-line-width: 1; + -GtkTreeView-grid-line-pattern: ''; + -GtkTreeView-tree-line-width: 1; + -GtkTreeView-tree-line-pattern: ''; + -GtkTreeView-expander-size: 16; +} + +treeview.view acceleditor > label { + background-color: #0046DB; +} + +treeview.view:selected, treeview.view:selected:focus { + border-radius: 0; + border-left-color: #80a3ed; + border-top-color: rgba(36, 36, 36, 0.1); +} + +treeview.view:disabled { + color: rgba(36, 36, 36, 0.55); +} + +treeview.view:disabled:selected { + color: #6690e9; +} + +treeview.view.separator { + min-height: 2px; + color: rgba(0, 0, 0, 0.1); +} + +treeview.view:drop(active) { + border-style: solid none; + border-width: 1px; + border-color: #123580; +} + +treeview.view:drop(active).after { + border-top-style: none; +} + +treeview.view:drop(active).before { + border-bottom-style: none; +} + +treeview.view.expander { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: #929292; +} + +treeview.view.expander:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +treeview.view.expander:hover { + color: #242424; +} + +treeview.view.expander:selected { + color: #b3c8f4; +} + +treeview.view.expander:selected:hover { + color: #ffffff; +} + +treeview.view.expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +treeview.view.progressbar, treeview.view.progressbar:focus { + color: #ffffff; + border-radius: 5px; + background-color: #0046DB; +} + +treeview.view.progressbar:selected, treeview.view.progressbar:selected:focus, treeview.view.progressbar:focus:selected, treeview.view.progressbar:focus:selected:focus { + color: #0046DB; + box-shadow: none; + background-color: #ffffff; +} + +treeview.view.trough { + color: #242424; + background-color: rgba(0, 0, 0, 0.11); + border-radius: 5px; + border-width: 0; +} + +treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 5px; + border-width: 0; +} + +treeview.view header button { + min-height: 24px; + min-width: 38px; + padding: 0 6px; + font-weight: bold; + color: #505050; + background-color: #ffffff; + background-image: none; + border-style: none solid none none; + border-radius: 0; + border-image: linear-gradient(to bottom, #ffffff 20%, rgba(0, 0, 0, 0.11) 20%, rgba(0, 0, 0, 0.11) 80%, #ffffff 80%) 0 1 0 0/0 1px 0 0 stretch; +} + +treeview.view header button:hover { + color: #0046DB; +} + +treeview.view header button:active { + color: #242424; +} + +treeview.view header button:active, treeview.view header button:hover { + background-color: #ffffff; +} + +treeview.view header button:active:hover { + color: #242424; +} + +treeview.view header button:disabled { + border-color: #f5f5f5; + background-image: none; +} + +treeview.view header button:last-child { + border-right-style: none; + border-image: none; +} + +treeview.view button.dnd, treeview.view button.dnd:selected, treeview.view button.dnd:hover, treeview.view button.dnd:active, +treeview.view header.button.dnd, +treeview.view header.button.dnd:selected, +treeview.view header.button.dnd:hover, +treeview.view header.button.dnd:active { + padding: 0 6px; + transition: none; + color: #ffffff; + background-color: #0046DB; + border-radius: 0; + border-style: none; +} + +menubar, +.menubar { + -GtkWidget-window-dragging: true; + padding: 0px; + background-color: #e5e5e5; + background-image: linear-gradient(180deg, #e2e2e2 0%, #d2d2d2 100%); + color: rgba(40, 32, 32, 0.8); + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.11); +} + +menubar:backdrop, +.menubar:backdrop { + color: rgba(40, 32, 32, 0.6); +} + +menubar > menuitem, +.menubar > menuitem { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); + padding: 4px 8px; + border-radius: 0; +} + +menubar > menuitem:hover, +.menubar > menuitem:hover { + background-color: #0046DB; + color: #ffffff; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +menubar > menuitem:disabled, +.menubar > menuitem:disabled { + color: rgba(40, 32, 32, 0.2); + border-color: transparent; +} + +menu, +.menu { + padding: 6px 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.95); +} + +.csd menu, .csd +.menu { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.95); +} + +menu separator, +.csd menu separator, +.menu separator, +.csd +.menu separator { + margin: 2px 0; + min-height: 0; + border-bottom: 2px solid rgba(0, 0, 0, 0.05); + background-color: transparent; +} + +menu menuitem, +.menu menuitem { + min-height: 12px; + min-width: 40px; + padding: 2px 6px; + text-shadow: none; + border-bottom: 1px solid transparent; +} + +menu menuitem:hover, +.menu menuitem:hover { + color: #ffffff; + background-color: #0046DB; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border-bottom: 1px solid #0036a8; +} + +menu menuitem:hover arrow, +.menu menuitem:hover arrow { + transition: none; + color: #ffffff; + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +menu menuitem:disabled, +.menu menuitem:disabled { + color: rgba(36, 36, 36, 0.55); +} + +menu menuitem arrow, +.menu menuitem arrow { + min-height: 16px; + min-width: 16px; + background-color: transparent; + background-image: none; + border: none; + color: #242424; +} + +menu menuitem arrow:dir(ltr), +.menu menuitem arrow:dir(ltr) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + margin-right: 0; +} + +menu menuitem arrow:dir(rtl), +.menu menuitem arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); + margin-left: 0; +} + +menuitem accelerator { + color: alpha(currentColor,0.55); +} + +menuitem check, menuitem radio { + min-height: 16px; + min-width: 16px; +} + +menuitem check:dir(ltr), menuitem radio:dir(ltr) { + margin-right: 6px; + margin-left: 2px; +} + +menuitem check:dir(rtl), menuitem radio:dir(rtl) { + margin-left: 6px; + margin-right: 2px; +} + +menu > arrow, +.menu > arrow { + min-width: 16px; + min-height: 16px; + padding: 2px; + background-color: rgba(255, 255, 255, 0.95); + border-radius: 0; + border: none; + background-image: none; + color: #242424; +} + +menu > arrow.top, +.menu > arrow.top { + margin: -8px 0 0 0; + border-radius: 6px 6px 0 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.11); + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +menu > arrow.bottom, +.menu > arrow.bottom { + margin: 0 0 -18px 0; + border-radius: 0 0 6px 6px; + border-top: 1px solid rgba(0, 0, 0, 0.11); + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +menu > arrow:hover, +.menu > arrow:hover { + background-color: #e9e9e9; +} + +menu > arrow:disabled, +.menu > arrow:disabled { + color: transparent; + background-color: transparent; + border-color: transparent; +} + +popover, +popover.background { + padding: 0; + border-radius: 6px; + background-clip: border-box; + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); +} + +.csd popover, popover, .csd +popover.background, +popover.background { + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.11); +} + +popover separator, +popover separator, +.csd popover separator, +popover.background separator, +popover.background separator, +.csd +popover.background separator { + margin: 4px -9px; + min-height: 2px; + border: none; + background-color: rgba(0, 0, 0, 0.05); +} + +popover > list, +popover > .view, +popover > iconview, +popover > toolbar, +popover > .inline-toolbar, +popover.background > list, +popover.background > .view, +popover.background > iconview, +popover.background > toolbar, +popover.background > .inline-toolbar { + border-style: none; + background-color: transparent; +} + +cursor-handle { + background-color: transparent; + background-image: none; + box-shadow: none; + border-style: none; +} + +cursor-handle.top { + -gtk-icon-source: -gtk-icontheme("selection-start-symbolic"); +} + +cursor-handle.bottom { + -gtk-icon-source: -gtk-icontheme("selection-end-symbolic"); +} + +notebook { + padding: 0; +} + +notebook.frame { + border: 1px solid rgba(0, 0, 0, 0.11); +} + +notebook > stack:not(:only-child) { + background-color: #ffffff; +} + +notebook > header { + padding: 0; + background-color: rgba(204, 204, 204, 0.95); +} + +notebook > header.top { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.11), inset 0 -1px rgba(0, 0, 0, 0.11); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.11), inset 0 -1px rgba(0, 0, 0, 0.11), 1px 0 rgba(0, 0, 0, 0.11), -1px 0 rgba(0, 0, 0, 0.11); + margin-top: -1px; +} + +notebook > header.bottom { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.11), inset 0 -1px rgba(0, 0, 0, 0.11); + box-shadow: inset 0 1px rgba(0, 0, 0, 0.11), inset 0 -1px rgba(0, 0, 0, 0.11), 1px 0 rgba(0, 0, 0, 0.11), -1px 0 rgba(0, 0, 0, 0.11); + margin-bottom: -1px; +} + +notebook > header.right { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11), inset -1px 0 rgba(0, 0, 0, 0.11); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11), inset -1px 0 rgba(0, 0, 0, 0.11), 0 1px rgba(0, 0, 0, 0.11), 0 -1px rgba(0, 0, 0, 0.11); + margin-right: -1px; +} + +notebook > header.left { + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11), inset -1px 0 rgba(0, 0, 0, 0.11); + box-shadow: inset 1px 0 rgba(0, 0, 0, 0.11), inset -1px 0 rgba(0, 0, 0, 0.11), 0 1px rgba(0, 0, 0, 0.11), 0 -1px rgba(0, 0, 0, 0.11); + margin-left: -1px; +} + +notebook > header button.flat, notebook > header button.budgie-menu-launcher, notebook > header .budgie-panel #tasklist-button, .budgie-panel notebook > header #tasklist-button, notebook > header .budgie-panel button.flat.launcher, .budgie-panel notebook > header button.flat.launcher { + min-height: 24px; + min-width: 24px; + padding: 0; + border: none; + box-shadow: none; + margin: 2px; +} + +notebook > header.top { + padding: 0; +} + +notebook > header.top > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.top > tabs > tab + tab { + margin-left: -1px; +} + +notebook > header.bottom { + padding: 0; +} + +notebook > header.bottom > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.bottom > tabs > tab + tab { + margin-left: -1px; +} + +notebook > header.right { + padding: 0; +} + +notebook > header.right > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.right > tabs > tab + tab { + margin-top: -1px; +} + +notebook > header.left { + padding: 0; +} + +notebook > header.left > tabs > tab { + padding: 2px 10px; + min-width: 20px; + min-height: 20px; + border-radius: 0; + outline-offset: -4px; +} + +notebook > header.left > tabs > tab + tab { + margin-top: -1px; +} + +notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child { + margin-left: 2px; +} + +notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); +} + +notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child { + margin-right: 2px; +} + +notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child { + margin-top: 2px; +} + +notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child { + margin-bottom: 2px; +} + +notebook > header > tabs > arrow { + color: rgba(36, 36, 36, 0.55); +} + +notebook > header > tabs > arrow:hover { + color: rgba(36, 36, 36, 0.775); +} + +notebook > header > tabs > arrow:active { + color: #242424; +} + +notebook > header > tabs > arrow:disabled { + color: rgba(36, 36, 36, 0.25); +} + +notebook > header > tabs > tab { + color: rgba(36, 36, 36, 0.55); + background-color: rgba(255, 255, 255, 0); + border: 1px solid transparent; +} + +notebook > header > tabs > tab:hover:not(:checked) { + color: rgba(36, 36, 36, 0.775); + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(191, 191, 191, 0.95); +} + +notebook > header > tabs > tab:checked { + color: #242424; + background-color: rgba(229, 229, 229, 0.95); + border-color: rgba(191, 191, 191, 0.95); +} + +notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.budgie-menu-launcher, notebook > header > tabs > tab .budgie-panel #tasklist-button, .budgie-panel notebook > header > tabs > tab #tasklist-button, notebook > header > tabs > tab .budgie-panel button.flat.launcher, .budgie-panel notebook > header > tabs > tab button.flat.launcher { + min-height: 16px; + min-width: 16px; + border-radius: 3px; + padding: 0; + margin: 2px 0; + color: #6d6d6d; +} + +notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.budgie-menu-launcher:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:hover, notebook > header > tabs > tab .budgie-panel button.flat.launcher:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:hover { + color: rgba(255, 0, 0, 0.5); + background-color: rgba(36, 36, 36, 0.1); +} + +notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.budgie-menu-launcher:active, notebook > header > tabs > tab .budgie-panel #tasklist-button:active, .budgie-panel notebook > header > tabs > tab #tasklist-button:active, notebook > header > tabs > tab .budgie-panel button.flat.launcher:active, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.budgie-menu-launcher:active:hover, notebook > header > tabs > tab .budgie-panel #tasklist-button:active:hover, .budgie-panel notebook > header > tabs > tab #tasklist-button:active:hover, .budgie-panel notebook > header > tabs > tab button.flat.launcher:active:hover { + color: rgba(204, 0, 0, 0.5); + background-color: rgba(36, 36, 36, 0.2); +} + +scrollbar { + background-color: transparent; + transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + border: none; +} + +* { + -GtkScrollbar-has-backward-stepper: false; + -GtkScrollbar-has-forward-stepper: false; +} + +scrollbar button { + border: none; +} + +scrollbar.vertical button.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +scrollbar.vertical button.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); +} + +scrollbar.horizontal button.down { + -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); +} + +scrollbar.horizontal button.up { + -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); +} + +scrollbar slider { + min-width: 4px; + min-height: 4px; + margin: -1px; + border: 4px solid transparent; + border-radius: 8px; + background-clip: padding-box; + background-color: #a1a1a1; +} + +scrollbar slider:hover { + background-color: #b6b6b6; +} + +scrollbar slider:hover:active { + background-color: #686868; +} + +scrollbar slider:disabled { + background-color: transparent; +} + +scrollbar.fine-tune slider { + min-width: 4px; + min-height: 4px; +} + +scrollbar.fine-tune.horizontal slider { + border-width: 5px 4px; +} + +scrollbar.fine-tune.vertical slider { + border-width: 4px 5px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) { + opacity: 0.4; + border-color: transparent; + background-color: transparent; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + margin: 0; + min-width: 4px; + min-height: 4px; + background-color: #636363; + border: 1px solid rgba(0, 0, 0, 0.11); +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider { + margin: 0 3px; + min-width: 40px; +} + +scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider { + margin: 3px 0; + min-height: 40px; +} + +scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering { + opacity: 0.99; +} + +scrollbar.horizontal slider { + min-width: 40px; +} + +scrollbar.vertical slider { + min-height: 40px; +} + +row switch:not(:indeterminate), row switch:not(:indeterminate) slider:not(:indeterminate), row switch:disabled:not(:indeterminate), row switch:not(:indeterminate) slider:disabled:not(:indeterminate) { + padding: 0; + border: none; + color: transparent; + background: unset; + background-image: unset; + background-repeat: no-repeat; + background-position: right center; + box-shadow: none; + animation: none; + font-size: 0; + outline-color: transparent; +} + +row switch:dir(rtl):not(:indeterminate), row switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), row switch:disabled:dir(rtl):not(:indeterminate), row switch:not(:indeterminate) slider:disabled:dir(rtl):not(:indeterminate) { + background-position: left center; +} + +row switch:not(:indeterminate) { + min-width: 40px; + min-height: 24px; + margin: 0; + background-size: 40px 24px; + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); +} + +row switch:not(:indeterminate) slider:not(:indeterminate) { + margin: 0; + background-size: 40px 24px; +} + +row switch:not(:indeterminate):hover { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-hover.png"), url("assets/switch-hover@2.png")); +} + +row switch:not(:indeterminate):checked { + transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); +} + +row switch:not(:indeterminate):checked:hover { + background-image: -gtk-scaled(url("assets/switch-active-hover.png"), url("assets/switch-active-hover@2.png")); +} + +row switch:not(:indeterminate):checked:disabled, row switch:not(:indeterminate):checked:disabled:hover { + background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); +} + +row switch:not(:indeterminate):disabled, row switch:not(:indeterminate):disabled:hover { + background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); +} + + +switch { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + margin: 6px 0; + border-radius: 50px; + background-color: alpha(currentColor,0.3); + background-clip: padding-box; + font-size: 0; +} + + +switch:disabled { + color: alpha(currentColor,0.4); +} + + +switch:checked { + animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + background-color: #71c837; +} + + +switch:checked:disabled { + background-color: alpha(#71c837,0.5); + color: rgba(36, 36, 36, 0.55); +} + + +switch slider { + transition: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1), margin 0; + min-width: 18px; + min-height: 18px; + margin: 2px 0 2px 2px; + border-radius: 50px; + -gtk-outline-radius: 50px; + background-color: white; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); +} + + +switch:hover slider { + box-shadow: 0px 2px 3px 0px rgba(16, 16, 16, 0.2), 0px 3px 5px 0px rgba(16, 16, 16, 0.15); +} + + +switch:checked slider { + margin: 2px 2px 2px 0; + background-color: #ffffff; +} + + +switch:checked:disabled slider { + animation: none; +} + +.check, +check, +treeview.check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked.png"), url("assets/checkbox-unchecked@2.png")); +} + +.osd check, +filechooser actionbar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-dark.png"), url("assets/checkbox-unchecked-dark@2.png")); +} + +menuitem check:hover, +.view check:selected, +iconview check:selected, +treeview.check:selected, +row:selected check, +infobar check { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-selected.png"), url("assets/checkbox-unchecked-selected@2.png")); +} + +.check:disabled, +check:disabled, +treeview.check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive.png"), url("assets/checkbox-unchecked-insensitive@2.png")); +} + +.osd check:disabled, +filechooser actionbar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-dark.png"), url("assets/checkbox-unchecked-insensitive-dark@2.png")); +} + +menuitem check:disabled:hover, +.view check:disabled:selected, +iconview check:disabled:selected, +treeview.check:disabled:selected, +row:selected check:disabled, +infobar check:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-unchecked-insensitive-selected.png"), url("assets/checkbox-unchecked-insensitive-selected@2.png")); +} + +.check:indeterminate, +check:indeterminate, +treeview.check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed.png"), url("assets/checkbox-mixed@2.png")); +} + +.osd check:indeterminate, +filechooser actionbar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-dark.png"), url("assets/checkbox-mixed-dark@2.png")); +} + +menuitem check:indeterminate:hover, +.view check:indeterminate:selected, +iconview check:indeterminate:selected, +treeview.check:indeterminate:selected, +row:selected check:indeterminate, +infobar check:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-selected.png"), url("assets/checkbox-mixed-selected@2.png")); +} + +.check:indeterminate:disabled, +check:indeterminate:disabled, +treeview.check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive.png"), url("assets/checkbox-mixed-insensitive@2.png")); +} + +.osd check:indeterminate:disabled, +filechooser actionbar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-dark.png"), url("assets/checkbox-mixed-insensitive-dark@2.png")); +} + +menuitem check:indeterminate:disabled:hover, +.view check:indeterminate:disabled:selected, +iconview check:indeterminate:disabled:selected, +treeview.check:indeterminate:disabled:selected, +row:selected check:indeterminate:disabled, +infobar check:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-mixed-insensitive-selected.png"), url("assets/checkbox-mixed-insensitive-selected@2.png")); +} + +.check:checked, +check:checked, +treeview.check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked.png"), url("assets/checkbox-checked@2.png")); +} + +.osd check:checked, +filechooser actionbar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-dark.png"), url("assets/checkbox-checked-dark@2.png")); +} + +menuitem check:checked:hover, +.view check:checked:selected, +iconview check:checked:selected, +treeview.check:checked:selected, +row:selected check:checked, +infobar check:checked { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selected.png"), url("assets/checkbox-checked-selected@2.png")); +} + +.check:checked:disabled, +check:checked:disabled, +treeview.check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive.png"), url("assets/checkbox-checked-insensitive@2.png")); +} + +.osd check:checked:disabled, +filechooser actionbar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-dark.png"), url("assets/checkbox-checked-insensitive-dark@2.png")); +} + +menuitem check:checked:disabled:hover, +.view check:checked:disabled:selected, +iconview check:checked:disabled:selected, +treeview.check:checked:disabled:selected, +row:selected check:checked:disabled, +infobar check:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-insensitive-selected.png"), url("assets/checkbox-checked-insensitive-selected@2.png")); +} + +.radio, +radio, +treeview.radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked.png"), url("assets/radio-unchecked@2.png")); +} + +.osd radio, +filechooser actionbar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-dark.png"), url("assets/radio-unchecked-dark@2.png")); +} + +menuitem radio:hover, +.view radio:selected, +iconview radio:selected, +treeview.radio:selected, +row:selected radio, +infobar radio { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-selected.png"), url("assets/radio-unchecked-selected@2.png")); +} + +.radio:disabled, +radio:disabled, +treeview.radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive.png"), url("assets/radio-unchecked-insensitive@2.png")); +} + +.osd radio:disabled, +filechooser actionbar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-dark.png"), url("assets/radio-unchecked-insensitive-dark@2.png")); +} + +menuitem radio:disabled:hover, +.view radio:disabled:selected, +iconview radio:disabled:selected, +treeview.radio:disabled:selected, +row:selected radio:disabled, +infobar radio:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-unchecked-insensitive-selected.png"), url("assets/radio-unchecked-insensitive-selected@2.png")); +} + +.radio:indeterminate, +radio:indeterminate, +treeview.radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed.png"), url("assets/radio-mixed@2.png")); +} + +.osd radio:indeterminate, +filechooser actionbar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-dark.png"), url("assets/radio-mixed-dark@2.png")); +} + +menuitem radio:indeterminate:hover, +.view radio:indeterminate:selected, +iconview radio:indeterminate:selected, +treeview.radio:indeterminate:selected, +row:selected radio:indeterminate, +infobar radio:indeterminate { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-selected.png"), url("assets/radio-mixed-selected@2.png")); +} + +.radio:indeterminate:disabled, +radio:indeterminate:disabled, +treeview.radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive.png"), url("assets/radio-mixed-insensitive@2.png")); +} + +.osd radio:indeterminate:disabled, +filechooser actionbar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-dark.png"), url("assets/radio-mixed-insensitive-dark@2.png")); +} + +menuitem radio:indeterminate:disabled:hover, +.view radio:indeterminate:disabled:selected, +iconview radio:indeterminate:disabled:selected, +treeview.radio:indeterminate:disabled:selected, +row:selected radio:indeterminate:disabled, +infobar radio:indeterminate:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-mixed-insensitive-selected.png"), url("assets/radio-mixed-insensitive-selected@2.png")); +} + +.radio:checked, +radio:checked, +treeview.radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked.png"), url("assets/radio-checked@2.png")); +} + +.osd radio:checked, +filechooser actionbar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-dark.png"), url("assets/radio-checked-dark@2.png")); +} + +menuitem radio:checked:hover, +.view radio:checked:selected, +iconview radio:checked:selected, +treeview.radio:checked:selected, +row:selected radio:checked, +infobar radio:checked { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-selected.png"), url("assets/radio-checked-selected@2.png")); +} + +.radio:checked:disabled, +radio:checked:disabled, +treeview.radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive.png"), url("assets/radio-checked-insensitive@2.png")); +} + +.osd radio:checked:disabled, +filechooser actionbar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-dark.png"), url("assets/radio-checked-insensitive-dark@2.png")); +} + +menuitem radio:checked:disabled:hover, +.view radio:checked:disabled:selected, +iconview radio:checked:disabled:selected, +treeview.radio:checked:disabled:selected, +row:selected radio:checked:disabled, +infobar radio:checked:disabled { + -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); +} + +.view.content-view.check:not(list), iconview.content-view.check:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); + background-color: transparent; +} + +.view.content-view.check:checked:not(list), iconview.content-view.check:checked:not(list) { + -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); + background-color: transparent; +} + +checkbutton.text-button, radiobutton.text-button { + padding: 2px 0; + outline-offset: 0; +} + +checkbutton.text-button:hover, radiobutton.text-button:hover { + color: black; +} + +checkbutton.text-button:disabled, radiobutton.text-button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +checkbutton label:not(:only-child):first-child, radiobutton label:not(:only-child):first-child { + margin-left: 4px; +} + +checkbutton label:not(:only-child):last-child, radiobutton label:not(:only-child):last-child { + margin-right: 4px; +} + +check, +radio { + min-width: 16px; + min-height: 16px; + margin: 0 2px; +} + +check:only-child, +menu menuitem check, +radio:only-child, +menu menuitem +radio { + margin: 0; +} + +scale { + min-height: 15px; + min-width: 15px; + padding: 3px; +} + +scale.horizontal trough { + padding: 0 4px; +} + +scale.horizontal highlight, scale.horizontal fill { + margin: 0 -4px; +} + +scale.vertical trough { + padding: 4px 0; +} + +scale.vertical highlight, scale.vertical fill { + margin: -4px 0; +} + +scale slider { + min-height: 15px; + min-width: 15px; + margin: -6px; +} + +scale.fine-tune slider { + margin: -4px; +} + +scale.fine-tune fill, +scale.fine-tune highlight, +scale.fine-tune trough { + border-radius: 5px; + -gtk-outline-radius: 7px; +} + +scale trough { + outline-offset: 2px; + -gtk-outline-radius: 6px; + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.2); +} + +scale trough:disabled { + background-color: rgba(0, 0, 0, 0.12); +} + +.osd scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +.osd scale trough highlight { + background-color: #0046DB; +} + +menuitem:hover scale trough, +row:selected scale trough, +infobar scale trough { + background-color: rgba(0, 0, 0, 0.2); +} + +menuitem:hover scale trough highlight, +row:selected scale trough highlight, +infobar scale trough highlight { + background-color: #ffffff; +} + +menuitem:hover scale trough highlight:disabled, +row:selected scale trough highlight:disabled, +infobar scale trough highlight:disabled { + background-color: #8cacef; +} + +menuitem:hover scale trough:disabled, +row:selected scale trough:disabled, +infobar scale trough:disabled { + background-color: rgba(0, 0, 0, 0.1); +} + +scale highlight { + border-radius: 5px; + background-color: #0046DB; +} + +scale highlight:disabled { + background-color: rgba(0, 70, 219, 0.55); +} + +scale fill { + border-radius: 5px; + background-color: rgba(0, 70, 219, 0.5); +} + +scale fill:disabled { + background-color: transparent; +} + +scale slider { + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 100%; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + transition-property: background, border; +} + +scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.11); + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); +} + +scale slider:active { + background-clip: border-box; + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +scale slider:disabled { + background-color: #f2f2f2; + border-color: rgba(0, 0, 0, 0.11); +} + +menuitem:hover scale slider, +row:selected scale slider, +infobar scale slider { + background-clip: border-box; + background-color: #ffffff; + border-color: #ffffff; +} + +menuitem:hover scale slider:hover, +row:selected scale slider:hover, +infobar scale slider:hover { + background-color: #d9e3fa; + border-color: #d9e3fa; +} + +menuitem:hover scale slider:active, +row:selected scale slider:active, +infobar scale slider:active { + background-color: #80a3ed; + border-color: #80a3ed; +} + +menuitem:hover scale slider:disabled, +row:selected scale slider:disabled, +infobar scale slider:disabled { + background-color: #8cacef; + border-color: #8cacef; +} + +.osd scale slider { + background-clip: border-box; + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); +} + +.osd scale slider:hover { + background-color: white; + border-color: rgba(0, 0, 0, 0.11); + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); +} + +.osd scale slider:active { + background-color: #f7f7f7; + border-color: rgba(0, 0, 0, 0.11); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +scale value { + color: alpha(currentColor,0.4); +} + +scale marks { + color: alpha(currentColor,0.4); +} + +scale marks.top { + margin-bottom: 1px; + margin-top: -4px; +} + +scale marks.bottom { + margin-top: 1px; + margin-bottom: -4px; +} + +scale marks.top { + margin-right: 1px; + margin-left: -4px; +} + +scale marks.bottom { + margin-left: 1px; + margin-right: -4px; +} + +scale.fine-tune marks.top { + margin-bottom: 0px; + margin-top: -2px; +} + +scale.fine-tune marks.bottom { + margin-top: 0px; + margin-bottom: -2px; +} + +scale.fine-tune marks.top { + margin-right: 0px; + margin-left: -2px; +} + +scale.fine-tune marks.bottom { + margin-left: 0px; + margin-right: -2px; +} + +scale.horizontal indicator { + min-height: 3px; + min-width: 1px; +} + +scale.horizontal.fine-tune indicator { + min-height: 2px; +} + +scale.vertical indicator { + min-height: 1px; + min-width: 3px; +} + +scale.vertical.fine-tune indicator { + min-width: 2px; +} + +scale.horizontal.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above.png"), url("assets/slider-horz-scale-has-marks-above@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-hover.png"), url("assets/slider-horz-scale-has-marks-above-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-active.png"), url("assets/slider-horz-scale-has-marks-above-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-above-insensitive.png"), url("assets/slider-horz-scale-has-marks-above-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-top: -14px; + background-position: top; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-top: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below.png"), url("assets/slider-horz-scale-has-marks-below@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-hover.png"), url("assets/slider-horz-scale-has-marks-below-hover@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-active.png"), url("assets/slider-horz-scale-has-marks-below-active@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.horizontal.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-horz-scale-has-marks-below-insensitive.png"), url("assets/slider-horz-scale-has-marks-below-insensitive@2.png")); + min-height: 26px; + min-width: 24px; + margin-bottom: -14px; + background-position: bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.horizontal.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-bottom: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above.png"), url("assets/slider-vert-scale-has-marks-above@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-hover.png"), url("assets/slider-vert-scale-has-marks-above-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-active.png"), url("assets/slider-vert-scale-has-marks-above-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-before:not(.marks-after) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-above-insensitive.png"), url("assets/slider-vert-scale-has-marks-above-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-left: -14px; + background-position: left bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-before:not(.marks-after).fine-tune slider { + margin: -7px; + margin-left: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below.png"), url("assets/slider-vert-scale-has-marks-below@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:hover { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-hover.png"), url("assets/slider-vert-scale-has-marks-below-hover@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:active { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-active.png"), url("assets/slider-vert-scale-has-marks-below-active@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +scale.vertical.marks-after:not(.marks-before) slider:disabled { + margin: -10px; + border-style: none; + border-radius: 0; + background-color: transparent; + background-image: -gtk-scaled(url("assets/slider-vert-scale-has-marks-below-insensitive.png"), url("assets/slider-vert-scale-has-marks-below-insensitive@2.png")); + min-height: 24px; + min-width: 26px; + margin-right: -14px; + background-position: right bottom; + background-repeat: no-repeat; + box-shadow: none; +} + +scale.vertical.marks-after:not(.marks-before).fine-tune slider { + margin: -7px; + margin-right: -11px; +} + +progressbar { + padding: 0; + font-size: smaller; + color: rgba(36, 36, 36, 0.7); +} + +progressbar.osd { + min-width: 3px; + min-height: 3px; + background-color: transparent; +} + +progressbar.osd trough { + border-style: none; + background-color: transparent; + box-shadow: none; +} + +progressbar progress { + background-color: #0046DB; + border: none; + border-radius: 5px; + box-shadow: none; +} + +row:selected progressbar progress, +infobar progressbar progress { + background-color: #ffffff; +} + +progressbar trough { + border: none; + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.11); +} + +row:selected progressbar trough, +infobar progressbar trough { + background-color: rgba(0, 0, 0, 0.2); +} + +levelbar block { + min-width: 32px; + min-height: 1px; +} + +levelbar.vertical block { + min-width: 1px; + min-height: 32px; +} + +levelbar trough { + border: none; + padding: 3px; + border-radius: 5px; + background-color: rgba(0, 0, 0, 0.11); +} + +levelbar.horizontal.discrete block { + margin: 0 1px; +} + +levelbar.vertical.discrete block { + margin: 1px 0; +} + +levelbar block:not(.empty) { + border: 1px solid #0046DB; + background-color: #0046DB; + border-radius: 5px; +} + +levelbar block.low { + border-color: #F27835; + background-color: #F27835; +} + +levelbar block.high { + border-color: #0046DB; + background-color: #0046DB; +} + +levelbar block.full { + border-color: #71c837; + background-color: #71c837; +} + +levelbar block.empty { + background-color: rgba(36, 36, 36, 0.2); + border-color: rgba(36, 36, 36, 0.2); +} + +printdialog paper { + border: 1px solid rgba(0, 0, 0, 0.11); + background: #ffffff; + padding: 0; +} + +printdialog .dialog-action-box { + margin: 12px; +} + +frame > border, +.frame { + margin: 0; + padding: 0; + border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.11); +} + +frame.flat > border, +frame > border.flat, +.frame.flat { + border-style: none; +} + +scrolledwindow viewport.frame { + border-style: none; +} + +scrolledwindow overshoot.top { + background-image: -gtk-gradient(radial, center top, 0, center top, 0.6, from(rgba(0, 70, 219, 0.2)), to(rgba(0, 70, 219, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center top; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.bottom { + background-image: -gtk-gradient(radial, center bottom, 0, center bottom, 0.6, from(rgba(0, 70, 219, 0.2)), to(rgba(0, 70, 219, 0))); + background-size: 100% 60%; + background-repeat: no-repeat; + background-position: center bottom; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.left { + background-image: -gtk-gradient(radial, left center, 0, left center, 0.6, from(rgba(0, 70, 219, 0.2)), to(rgba(0, 70, 219, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: left center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow overshoot.right { + background-image: -gtk-gradient(radial, right center, 0, right center, 0.6, from(rgba(0, 70, 219, 0.2)), to(rgba(0, 70, 219, 0))); + background-size: 60% 100%; + background-repeat: no-repeat; + background-position: right center; + background-color: transparent; + border: none; + box-shadow: none; +} + +scrolledwindow undershoot.top { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-top: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center top; + border: none; +} + +scrolledwindow undershoot.bottom { + background-color: transparent; + background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-bottom: 1px; + background-size: 10px 1px; + background-repeat: repeat-x; + background-origin: content-box; + background-position: center bottom; + border: none; +} + +scrolledwindow undershoot.left { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-left: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: left center; + border: none; +} + +scrolledwindow undershoot.right { + background-color: transparent; + background-image: linear-gradient(to top, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%); + padding-right: 1px; + background-size: 1px 10px; + background-repeat: repeat-y; + background-origin: content-box; + background-position: right center; + border: none; +} + +scrolledwindow junction { + border-color: transparent; + border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.11) 1px, transparent 1px) 0 0 0 0/0 0 stretch; + background-color: #fcfcfc; +} + +scrolledwindow junction:dir(rtl) { + border-image-slice: 0 1 0 0; +} + +separator { + background-color: rgba(0, 0, 0, 0.1); + min-width: 1px; + min-height: 1px; +} + +list { + background-color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); +} + +list row { + padding: 2px; +} + +row:not(:hover) { + transition: all 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +row.activatable.has-open-popup, .budgie-menu button.has-open-popup, row.activatable:hover, .budgie-menu button:hover { + background-color: rgba(0, 0, 0, 0.05); +} + +row.activatable:active, .budgie-menu button:active { + color: #242424; +} + +row.activatable:disabled, .budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +row.activatable:disabled image, .budgie-menu button:disabled image { + color: inherit; +} + +row.activatable:selected:active, .budgie-menu button:selected:active { + color: #ffffff; +} + +row.activatable:selected.has-open-popup, .budgie-menu button:selected.has-open-popup, row.activatable:selected:hover, .budgie-menu button:selected:hover { + background-color: #003fc5; +} + +.app-notification { + padding: 16px; + margin: 0 8px 8px 8px; + color: #242424; + background-color: #f5f5f5; + background-image: linear-gradient(0deg, #f5f5f5 0%, #f5f5f5 85%, #e8e8e8 95%, #cfcfcf 100%); + border-radius: 0; + border: none; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.11); +} + +.app-notification border { + border: none; +} + +.app-notification button { + padding: 0; + margin: 0 0 0 0; + min-height: 24px; + min-width: 24px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.app-notification button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.15); +} + +.app-notification button:active, .app-notification button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +.app-notification button:disabled { + background-color: transparent; +} + +.app-notification button:disabled label, .app-notification button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +expander arrow { + min-width: 16px; + min-height: 16px; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); +} + +expander arrow:dir(rtl) { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic-rtl"); +} + +expander arrow:hover { + color: #717171; +} + +expander arrow:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +calendar { + color: #242424; + border: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 5px; + padding: 2px 6px; + margin: 0; +} + +calendar:selected { + border-radius: 50px; +} + +calendar.header { + color: #242424; + border: none; +} + +calendar.button { + color: rgba(36, 36, 36, 0.45); +} + +calendar.button:hover { + color: #242424; +} + +calendar.button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +calendar:indeterminate { + color: alpha(currentColor,0.55); +} + +calendar.highlight { + color: #242424; +} + +messagedialog .titlebar { + min-height: 20px; + background-color: rgba(229, 229, 229, 0.95); + border-bottom: 1px solid #afafaf; +} + +messagedialog .dialog-action-area button { + padding: 5px 8px 6px 8px; + min-height: 0; +} + +messagedialog.csd.background { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border: none; +} + +messagedialog.csd .dialog-action-area button { + border-bottom-style: none; + background-image: none; +} + +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.15); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):active, messagedialog.csd .dialog-action-area button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +messagedialog.csd .dialog-action-area button { + border-radius: 0; + border-right-style: none; +} + +messagedialog.csd .dialog-action-area button:last-child { + border-radius: 0 0 6px 0; + border-right-style: none; +} + +messagedialog.csd .dialog-action-area button:first-child { + border-radius: 0 0 0 6px; + border-left-style: none; +} + +messagedialog.csd .dialog-action-area button:only-child { + border-radius: 0 0 6px 6px; + border-left-style: none; + border-right-style: none; +} + +filechooser #pathbarbox { + border-bottom: 1px solid transparent; +} + +filechooserbutton:drop(active) { + box-shadow: none; + 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, .sidebar.left:dir(rtl) { + border-right: 1px solid rgba(0, 0, 0, 0.11); + border-left-style: none; +} + +stacksidebar.sidebar:dir(rtl) list, +stacksidebar.sidebar.right list, .sidebar:dir(rtl), .sidebar.right { + border-left: 1px solid rgba(0, 0, 0, 0.11); + border-right-style: none; +} + +.sidebar list { + background-color: transparent; +} + +paned .sidebar.left, paned .sidebar.right, paned .sidebar.left:dir(rtl), paned .sidebar:dir(rtl), paned .sidebar:dir(ltr), paned .sidebar { + border-style: none; +} + +stacksidebar row { + padding: 4px 4px; +} + +stacksidebar row > label { + padding-left: 6px; + padding-right: 6px; +} + +stacksidebar row.needs-attention > label { + background-size: 6px 6px, 0 0; +} + +placessidebar > viewport.frame { + border-style: none; +} + +placessidebar row { + min-height: 24px; + padding: 2px 2px 2px 10px; +} + +placessidebar row > revealer { + padding: 0 10px; +} + +placessidebar row image.sidebar-icon:dir(ltr) { + padding-right: 8px; +} + +placessidebar row image.sidebar-icon:dir(rtl) { + padding-left: 8px; +} + +placessidebar row label.sidebar-label:dir(ltr) { + padding-right: 2px; +} + +placessidebar row label.sidebar-label:dir(rtl) { + padding-left: 2px; +} + +button.sidebar-button { + min-width: 22px; + min-height: 22px; + margin-top: 2px; + margin-bottom: 2px; + padding: 0; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +button.sidebar-button:active, button.sidebar-button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.65); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border-color: rgba(0, 0, 0, 0.35); +} + +button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; +} + +placessidebar row.sidebar-placeholder-row { + padding: 0 8px; + min-height: 2px; + background-image: linear-gradient(to bottom, #F08437, #F08437); + background-clip: content-box; +} + +placessidebar row.sidebar-new-bookmark-row { + color: #0046DB; +} + +placessidebar row:drop(active):not(:disabled) { + box-shadow: inset 0 1px #F08437, inset 0 -1px #F08437; +} + +placessidebar row:drop(active):not(:disabled), placessidebar row:drop(active):not(:disabled) label, placessidebar row:drop(active):not(:disabled) image { + color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +placessidebar row:drop(active):not(:disabled):selected, placessidebar row:drop(active):not(:disabled):selected label, placessidebar row:drop(active):not(:disabled):selected image { + color: #363636; +} + +placesview .server-list-button > image { + -gtk-icon-transform: rotate(0turn); +} + +placesview .server-list-button:checked > image { + transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); + -gtk-icon-transform: rotate(-0.5turn); +} + +placesview > actionbar > revealer > box > label { + padding-left: 8px; + padding-right: 8px; +} + +paned > separator { + min-width: 1px; + min-height: 1px; + -gtk-icon-source: none; + border-style: none; + background-color: transparent; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)); + background-size: 1px 1px; +} + +paned > separator:selected { + background-image: linear-gradient(to bottom, #0046DB, #0046DB); +} + +paned > separator.wide { + min-width: 5px; + min-height: 5px; + background-color: #f5f5f5; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)), linear-gradient(to bottom, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)); + background-size: 1px 1px, 1px 1px; +} + +paned.horizontal > separator { + background-repeat: repeat-y; +} + +paned.horizontal > separator:dir(ltr) { + margin: 0 -8px 0 0; + padding: 0 8px 0 0; + background-position: left; +} + +paned.horizontal > separator:dir(rtl) { + margin: 0 0 0 -8px; + padding: 0 0 0 8px; + background-position: right; +} + +paned.horizontal > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-y, repeat-y; + background-position: left, right; +} + +paned.vertical > separator { + margin: 0 0 -8px 0; + padding: 0 0 8px 0; + background-repeat: repeat-x; + background-position: top; +} + +paned.vertical > separator.wide { + margin: 0; + padding: 0; + background-repeat: repeat-x, repeat-x; + background-position: bottom, top; +} + +infobar { + border-style: none; +} + +infobar.info, infobar.question, infobar.warning, infobar.error { + background-color: #0046DB; + color: #ffffff; + caret-color: currentColor; +} + +infobar.info selection, infobar.question selection, infobar.warning selection, infobar.error selection { + color: #0046DB; + background-color: #ffffff; +} + +row:selected button, infobar.info button, infobar.question button, infobar.warning button, infobar.error button, .nautilus-window .floating-bar button { + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.5); + background-image: none; +} + +row:selected button.flat, row:selected button.budgie-menu-launcher, row:selected .budgie-panel #tasklist-button, .budgie-panel row:selected #tasklist-button, row:selected .budgie-panel button.flat.launcher, .budgie-panel row:selected button.flat.launcher, infobar.info button.flat, infobar.info button.budgie-menu-launcher, infobar.info .budgie-panel #tasklist-button, .budgie-panel infobar.info #tasklist-button, infobar.info .budgie-panel button.flat.launcher, .budgie-panel infobar.info button.flat.launcher, infobar.question button.flat, infobar.question button.budgie-menu-launcher, infobar.question .budgie-panel #tasklist-button, .budgie-panel infobar.question #tasklist-button, infobar.question .budgie-panel button.flat.launcher, .budgie-panel infobar.question button.flat.launcher, infobar.warning button.flat, infobar.warning button.budgie-menu-launcher, infobar.warning .budgie-panel #tasklist-button, .budgie-panel infobar.warning #tasklist-button, infobar.warning .budgie-panel button.flat.launcher, .budgie-panel infobar.warning button.flat.launcher, infobar.error button.flat, infobar.error button.budgie-menu-launcher, infobar.error .budgie-panel #tasklist-button, .budgie-panel infobar.error #tasklist-button, infobar.error .budgie-panel button.flat.launcher, .budgie-panel infobar.error button.flat.launcher, .nautilus-window .floating-bar button.flat, .nautilus-window .floating-bar button.budgie-menu-launcher, .nautilus-window .floating-bar .budgie-panel #tasklist-button, .budgie-panel .nautilus-window .floating-bar #tasklist-button { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + color: #ffffff; + background-color: rgba(255, 255, 255, 0); + background-image: none; +} + +headerbar.selection-mode button:disabled, .nemo-window .selection-mode.primary-toolbar button:disabled, row:selected button.flat:disabled, row:selected button.budgie-menu-launcher:disabled, row:selected .budgie-panel #tasklist-button:disabled, .budgie-panel row:selected #tasklist-button:disabled, infobar.info button.flat:disabled, infobar.info button.budgie-menu-launcher:disabled, infobar.info .budgie-panel #tasklist-button:disabled, .budgie-panel infobar.info #tasklist-button:disabled, infobar.question button.flat:disabled, infobar.question button.budgie-menu-launcher:disabled, infobar.question .budgie-panel #tasklist-button:disabled, .budgie-panel infobar.question #tasklist-button:disabled, infobar.warning button.flat:disabled, infobar.warning button.budgie-menu-launcher:disabled, infobar.warning .budgie-panel #tasklist-button:disabled, .budgie-panel infobar.warning #tasklist-button:disabled, infobar.error button.flat:disabled, infobar.error button.budgie-menu-launcher:disabled, infobar.error .budgie-panel #tasklist-button:disabled, .budgie-panel infobar.error #tasklist-button:disabled, .nautilus-window .floating-bar button.flat:disabled, .nautilus-window .floating-bar button.budgie-menu-launcher:disabled, .nautilus-window .floating-bar .budgie-panel #tasklist-button:disabled, .budgie-panel .nautilus-window .floating-bar #tasklist-button:disabled, headerbar.selection-mode button:disabled label, .nemo-window .selection-mode.primary-toolbar button:disabled label, row:selected button.flat:disabled label, row:selected button.budgie-menu-launcher:disabled label, row:selected .budgie-panel #tasklist-button:disabled label, .budgie-panel row:selected #tasklist-button:disabled label, infobar.info button.flat:disabled label, infobar.info button.budgie-menu-launcher:disabled label, infobar.info .budgie-panel #tasklist-button:disabled label, .budgie-panel infobar.info #tasklist-button:disabled label, infobar.question button.flat:disabled label, infobar.question button.budgie-menu-launcher:disabled label, infobar.question .budgie-panel #tasklist-button:disabled label, .budgie-panel infobar.question #tasklist-button:disabled label, infobar.warning button.flat:disabled label, infobar.warning button.budgie-menu-launcher:disabled label, infobar.warning .budgie-panel #tasklist-button:disabled label, .budgie-panel infobar.warning #tasklist-button:disabled label, infobar.error button.flat:disabled label, infobar.error button.budgie-menu-launcher:disabled label, infobar.error .budgie-panel #tasklist-button:disabled label, .budgie-panel infobar.error #tasklist-button:disabled label, .nautilus-window .floating-bar button.flat:disabled label, .nautilus-window .floating-bar button.budgie-menu-launcher:disabled label, .nautilus-window .floating-bar .budgie-panel #tasklist-button:disabled label, .budgie-panel .nautilus-window .floating-bar #tasklist-button:disabled label { + color: rgba(255, 255, 255, 0.4); +} + +row:selected button:hover, infobar.info button:hover, infobar.question button:hover, infobar.warning button:hover, infobar.error button:hover, .nautilus-window .floating-bar button:hover { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode button:active, .nemo-window .selection-mode.primary-toolbar button:active, headerbar.selection-mode button:checked, .nemo-window .selection-mode.primary-toolbar button:checked, row:selected button:active, infobar.info button:active, infobar.question button:active, infobar.warning button:active, infobar.error button:active, .nautilus-window .floating-bar button:active, headerbar.selection-mode button:hover:active, .nemo-window .selection-mode.primary-toolbar button:hover:active, headerbar.selection-mode button:hover:checked, .nemo-window .selection-mode.primary-toolbar button:hover:checked, row:selected button:active:hover, infobar.info button:active:hover, infobar.question button:active:hover, infobar.warning button:active:hover, infobar.error button:active:hover, .nautilus-window .floating-bar button:active:hover, row:selected button:checked, infobar.info button:checked, infobar.question button:checked, infobar.warning button:checked, infobar.error button:checked, .nautilus-window .floating-bar button:checked { + color: #ffffff; + background-color: rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.5); +} + +row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled { + background-color: rgba(255, 255, 255, 0); + border-color: rgba(255, 255, 255, 0.4); +} + +row:selected button:disabled, infobar.info button:disabled, infobar.question button:disabled, infobar.warning button:disabled, infobar.error button:disabled, .nautilus-window .floating-bar button:disabled, row:selected button:disabled label, infobar.info button:disabled label, infobar.question button:disabled label, infobar.warning button:disabled label, infobar.error button:disabled label, .nautilus-window .floating-bar button:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +headerbar.selection-mode button:disabled:active, .nemo-window .selection-mode.primary-toolbar button:disabled:active, headerbar.selection-mode button:disabled:checked, .nemo-window .selection-mode.primary-toolbar button:disabled:checked, row:selected button:disabled:active, infobar.info button:disabled:active, infobar.question button:disabled:active, infobar.warning button:disabled:active, infobar.error button:disabled:active, .nautilus-window .floating-bar button:disabled:active, headerbar.selection-mode button:disabled:checked, .nemo-window .selection-mode.primary-toolbar button:disabled:checked, headerbar.selection-mode button:disabled:active, .nemo-window .selection-mode.primary-toolbar button:disabled:active, row:selected button:disabled:checked, infobar.info button:disabled:checked, infobar.question button:disabled:checked, infobar.warning button:disabled:checked, infobar.error button:disabled:checked, .nautilus-window .floating-bar button:disabled:checked { + color: #0046DB; + background-color: rgba(255, 255, 255, 0.5); + border-color: rgba(255, 255, 255, 0.4); +} + +tooltip { + border-radius: 5px; + box-shadow: none; +} + +tooltip.background, tooltip.background.csd { + background-color: rgba(255, 255, 255, 0.95); + background-clip: padding-box; + border-radius: 5px; +} + +tooltip.background label, tooltip.background.csd label { + padding: 4px; +} + +tooltip decoration { + background-color: transparent; +} + +tooltip * { + background-color: transparent; + color: #363636; +} + +colorswatch, colorswatch:drop(active) { + border-style: none; +} + +colorswatch.top { + border-top-left-radius: 2.5px; + border-top-right-radius: 2.5px; +} + +colorswatch.top overlay { + border-top-left-radius: 2px; + border-top-right-radius: 2px; +} + +colorswatch.bottom { + border-bottom-left-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.bottom overlay { + border-bottom-left-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.left, colorswatch:first-child:not(.top) { + border-top-left-radius: 2.5px; + border-bottom-left-radius: 2.5px; +} + +colorswatch.left overlay, colorswatch:first-child:not(.top) overlay { + border-top-left-radius: 2px; + border-bottom-left-radius: 2px; +} + +colorswatch.right, colorswatch:last-child:not(.bottom) { + border-top-right-radius: 2.5px; + border-bottom-right-radius: 2.5px; +} + +colorswatch.right overlay, colorswatch:last-child:not(.bottom) overlay { + border-top-right-radius: 2px; + border-bottom-right-radius: 2px; +} + +colorswatch.dark overlay { + color: rgba(255, 255, 255, 0.7); +} + +colorswatch.dark overlay:hover { + border-color: rgba(0, 0, 0, 0.5); +} + +colorswatch.light overlay { + color: rgba(0, 0, 0, 0.7); +} + +colorswatch.light overlay:hover { + border-color: rgba(0, 0, 0, 0.3); +} + +colorswatch overlay { + border: 1px solid rgba(0, 0, 0, 0.15); +} + +colorswatch overlay:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +colorswatch:disabled { + opacity: 0.5; +} + +colorswatch:disabled overlay { + border-color: rgba(0, 0, 0, 0.6); + box-shadow: none; +} + +colorswatch#add-color-button { + border-style: solid; + border-width: 1px; + color: #242424; + border-color: rgba(0, 0, 0, 0.11); + background-color: white; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +colorswatch#add-color-button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; +} + +colorswatch#add-color-button overlay { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + +button.color { + padding: 0; +} + +button.color colorswatch:first-child:last-child, button.color colorswatch:first-child:last-child overlay { + margin: 4px; + border-radius: 0; +} + +colorchooser .popover.osd { + border-radius: 5px; +} + +.content-view { + background-color: #ffffff; +} + +.content-view:hover { + -gtk-icon-effect: highlight; +} + +.scale-popup button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; +} + +.context-menu, popover.touch-selection, .csd popover.touch-selection, +popover.background.touch-selection, .csd popover.background.touch-selection { + font: initial; +} + +.monospace { + font-family: Monospace; +} + +button.circular, paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:not(.image-button), +headerbar button.circular-button, +.nemo-window .primary-toolbar button.circular-button, row button.circular-button, button.nautilus-circular-button.image-button, +button.circular-button { + padding: 0; + margin: 0 2px; + min-width: 28px; + min-height: 28px; + border-radius: 100px; + -gtk-outline-radius: 100px; + border: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), 0 0 0 1px rgba(0, 0, 0, 0.11), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +button.circular:active, paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:active:not(.image-button), paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:active:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:active:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:active:not(.image-button), +headerbar button.circular-button:active, +.nemo-window .primary-toolbar button.circular-button:active, row button.circular-button:active, button.nautilus-circular-button.image-button:active, +button.circular-button:active { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border: none; +} + +button.circular:checked, paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:checked:not(.image-button), paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:checked:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:checked:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:checked:not(.image-button), +headerbar button.circular-button:checked, +.nemo-window .primary-toolbar button.circular-button:checked, row button.circular-button:checked, button.nautilus-circular-button.image-button:checked, +button.circular-button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.65); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border: none; +} + +button.circular label, paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:not(.image-button) label, paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button) label, paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:not(.image-button) label, .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:not(.image-button) label, headerbar button.circular-button label, .nemo-window .primary-toolbar button.circular-button label, row button.circular-button label, button.nautilus-circular-button.image-button label, +button.circular-button label { + padding: 0; +} + +.keycap { + min-width: 16px; + min-height: 20px; + padding: 3px 6px 4px 6px; + color: #242424; + background-color: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 5px; + box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.05); +} + +stackswitcher button.text-button { + min-width: 80px; +} + +stackswitcher button.circular, stackswitcher paned.titlebar.horizontal headerbar button.circular-button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar stackswitcher button.circular-button.flat.toggle.popup:not(.image-button), stackswitcher paned.titlebar.horizontal headerbar button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar stackswitcher button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), stackswitcher paned.titlebar.horizontal headerbar .budgie-panel .circular-button.toggle.popup#tasklist-button:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel stackswitcher .circular-button.toggle.popup#tasklist-button:not(.image-button), stackswitcher .budgie-panel paned.titlebar.horizontal headerbar .circular-button.toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar stackswitcher .circular-button.toggle.popup#tasklist-button:not(.image-button), +stackswitcher headerbar button.circular-button, headerbar stackswitcher button.circular-button, +stackswitcher .nemo-window .primary-toolbar button.circular-button, .nemo-window .primary-toolbar stackswitcher button.circular-button, stackswitcher row button.circular-button, row stackswitcher button.circular-button, stackswitcher button.nautilus-circular-button.image-button, +stackswitcher button.text-button.circular, +stackswitcher paned.titlebar.horizontal headerbar button.text-button.circular-button.flat.toggle.popup:not(.image-button), +paned.titlebar.horizontal headerbar stackswitcher button.text-button.circular-button.flat.toggle.popup:not(.image-button), +stackswitcher paned.titlebar.horizontal headerbar button.text-button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), +paned.titlebar.horizontal headerbar stackswitcher button.text-button.circular-button.toggle.popup.budgie-menu-launcher:not(.image-button), +stackswitcher paned.titlebar.horizontal headerbar .budgie-panel .text-button.circular-button.toggle.popup#tasklist-button:not(.image-button), +paned.titlebar.horizontal headerbar .budgie-panel stackswitcher .text-button.circular-button.toggle.popup#tasklist-button:not(.image-button), +stackswitcher .budgie-panel paned.titlebar.horizontal headerbar .text-button.circular-button.toggle.popup#tasklist-button:not(.image-button), +.budgie-panel paned.titlebar.horizontal headerbar stackswitcher .text-button.circular-button.toggle.popup#tasklist-button:not(.image-button), +stackswitcher headerbar button.text-button.circular-button, +headerbar stackswitcher button.text-button.circular-button, +stackswitcher .nemo-window .primary-toolbar button.text-button.circular-button, +.nemo-window .primary-toolbar stackswitcher button.text-button.circular-button, +stackswitcher row button.text-button.circular-button, +row stackswitcher button.text-button.circular-button, +stackswitcher button.text-button.nautilus-circular-button.image-button { + min-width: 28px; + min-height: 28px; + border-radius: 100px; + -gtk-outline-radius: 100px; + padding: 0; +} + +*:drop(active):focus, +*:drop(active) { + box-shadow: inset 0 0 0 1px #F08437; +} + +decoration { + transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); + border-radius: 6px; + border-width: 0; + box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25), 0 8px 15px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.11); + margin: 4px; +} + +decoration:backdrop { + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.11); +} + +.fullscreen decoration, +.tiled decoration { + border-radius: 0; + box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.11); +} + +.popup decoration { + border-radius: 6px; +} + +.ssd decoration { + margin: -5px; + border-radius: 6px 6px 0 0; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.11); +} + +.ssd decoration.maximized { + border-radius: 0; +} + +.csd.popup decoration { + border-radius: 6px; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 5px 5px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(0, 0, 0, 0.11); +} + +tooltip.csd decoration { + border-radius: 6px; + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15); +} + +messagedialog.csd decoration { + border-radius: 6px; +} + +.solid-csd decoration { + border: 1px solid #E1E1E1; + border-radius: 0; + margin: 0; + background-color: rgba(229, 229, 229, 0.95); + box-shadow: none; +} + +headerbar button.titlebutton, +.titlebar button.titlebutton { + min-width: 24px; + min-height: 24px; + margin: 0; + padding: 0; + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + background-color: rgba(229, 229, 229, 0); +} + +headerbar button.titlebutton:hover, +.titlebar button.titlebutton:hover { + color: rgba(40, 32, 32, 0.8); + border: none; + background-color: #fafafa; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar button.titlebutton:active, headerbar button.titlebutton:checked, +.titlebar button.titlebutton:active, +.titlebar button.titlebutton:checked { + color: #ffffff; + border: none; + background-color: #afafaf; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar button.titlebutton.close, headerbar button.titlebutton.maximize, headerbar button.titlebutton.minimize, headerbar button.titlebutton.restore, +.titlebar button.titlebutton.close, +.titlebar button.titlebutton.maximize, +.titlebar button.titlebutton.minimize, +.titlebar button.titlebutton.restore { + min-width: 16px; + min-height: 16px; + margin: 0; + color: transparent; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-size: auto; + border-width: 0; + box-shadow: none; +} + +headerbar button.titlebutton.close:backdrop, headerbar button.titlebutton.maximize:backdrop, headerbar button.titlebutton.minimize:backdrop, headerbar button.titlebutton.restore:backdrop, +.titlebar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.restore:backdrop { + opacity: 1; +} + +headerbar button.titlebutton.close, +.titlebar button.titlebutton.close { + background-image: -gtk-scaled(url("assets/titlebutton-close.png"), url("assets/titlebutton-close@2.png")); +} + +headerbar button.titlebutton.close:backdrop, +.titlebar button.titlebutton.close:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-close-backdrop.png"), url("assets/titlebutton-close-backdrop@2.png")); +} + +headerbar button.titlebutton.close:hover, +.titlebar button.titlebutton.close:hover { + background-image: -gtk-scaled(url("assets/titlebutton-close-hover.png"), url("assets/titlebutton-close-hover@2.png")); +} + +headerbar button.titlebutton.close:active, +.titlebar button.titlebutton.close:active { + background-image: -gtk-scaled(url("assets/titlebutton-close-active.png"), url("assets/titlebutton-close-active@2.png")); +} + +headerbar button.titlebutton.maximize, +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-maximize.png"), url("assets/titlebutton-maximize@2.png")); +} + +headerbar button.titlebutton.maximize:backdrop, +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-backdrop.png"), url("assets/titlebutton-maximize-backdrop@2.png")); +} + +headerbar button.titlebutton.maximize:hover, +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-hover.png"), url("assets/titlebutton-maximize-hover@2.png")); +} + +headerbar button.titlebutton.maximize:active, +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-maximize-active.png"), url("assets/titlebutton-maximize-active@2.png")); +} + +headerbar button.titlebutton.minimize, +.titlebar button.titlebutton.minimize { + background-image: -gtk-scaled(url("assets/titlebutton-minimize.png"), url("assets/titlebutton-minimize@2.png")); +} + +headerbar button.titlebutton.minimize:backdrop, +.titlebar button.titlebutton.minimize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-backdrop.png"), url("assets/titlebutton-minimize-backdrop@2.png")); +} + +headerbar button.titlebutton.minimize:hover, +.titlebar button.titlebutton.minimize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-hover.png"), url("assets/titlebutton-minimize-hover@2.png")); +} + +headerbar button.titlebutton.minimize:active, +.titlebar button.titlebutton.minimize:active { + background-image: -gtk-scaled(url("assets/titlebutton-minimize-active.png"), url("assets/titlebutton-minimize-active@2.png")); +} + +headerbar button.titlebutton.restore, +.titlebar button.titlebutton.restore { + background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png")); +} + +headerbar button.titlebutton.restore:backdrop, +.titlebar button.titlebutton.restore:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png")); +} + +headerbar button.titlebutton.restore:hover, +.titlebar button.titlebutton.restore:hover { + background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png")); +} + +headerbar button.titlebutton.restore:active, +.titlebar button.titlebutton.restore:active { + background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize, +.maximized headerbar button.titlebutton.maximize, .fullscreen +.titlebar button.titlebutton.maximize, +.maximized +.titlebar button.titlebutton.maximize { + background-image: -gtk-scaled(url("assets/titlebutton-restore.png"), url("assets/titlebutton-restore@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:backdrop, +.maximized headerbar button.titlebutton.maximize:backdrop, .fullscreen +.titlebar button.titlebutton.maximize:backdrop, +.maximized +.titlebar button.titlebutton.maximize:backdrop { + background-image: -gtk-scaled(url("assets/titlebutton-restore-backdrop.png"), url("assets/titlebutton-restore-backdrop@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:hover, +.maximized headerbar button.titlebutton.maximize:hover, .fullscreen +.titlebar button.titlebutton.maximize:hover, +.maximized +.titlebar button.titlebutton.maximize:hover { + background-image: -gtk-scaled(url("assets/titlebutton-restore-hover.png"), url("assets/titlebutton-restore-hover@2.png")); +} + +.fullscreen headerbar button.titlebutton.maximize:active, +.maximized headerbar button.titlebutton.maximize:active, .fullscreen +.titlebar button.titlebutton.maximize:active, +.maximized +.titlebar button.titlebutton.maximize:active { + background-image: -gtk-scaled(url("assets/titlebutton-restore-active.png"), url("assets/titlebutton-restore-active@2.png")); +} + +.view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { + background-color: #0046DB; +} + +row:selected label, label:selected, .view:selected, iconview:selected, .view:selected:focus, .view text:selected, iconview text:selected, +textview text:selected, .view text selection:focus, iconview text selection:focus, .view text selection, iconview text selection, +textview text selection:focus, +textview text selection, flowbox flowboxchild:selected, entry selection:focus, entry selection, treeview.view:selected, treeview.view:selected:focus, row:selected, calendar:selected, .nemo-window .nemo-window-pane widget.entry:selected:focus, .nemo-window .nemo-window-pane widget.entry:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:selected:focus, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection, .budgie-menu button:checked { + color: #ffffff; +} + +row:selected label:disabled, label:disabled:selected, .view:disabled:selected, iconview:disabled:selected, iconview:disabled:selected:focus, .view text:disabled:selected, iconview text:disabled:selected, +textview text:disabled:selected, iconview text:disabled:selected:focus, +textview text:disabled:selected:focus, iconview text selection:disabled:focus, .view text selection:disabled, iconview text selection:disabled, +textview text selection:disabled, flowbox flowboxchild:disabled:selected, label:disabled selection, entry selection:disabled, treeview.view:disabled:selected:focus, row:disabled:selected, calendar:disabled:selected, .nemo-window .nemo-window-pane widget.entry:disabled:selected, #MozillaGtkWidget.background > widget > scrolledwindow > textview text:disabled:selected, +#MozillaGtkWidget.background > widget > scrolledwindow > textview text selection:disabled, .budgie-menu button:disabled:checked { + color: #80a3ed; +} + +/********* + * Emoji * + *********/ +popover.emoji-picker { + padding: 0; + border-radius: 6px; +} + +popover.emoji-picker entry { + border-bottom: 1px solid rgba(0, 0, 0, 0.11); + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + box-shadow: none; + border-width: 0 0 1px 0; + padding: 4px 12px; +} + +popover.emoji-picker scrolledwindow { + border-bottom: 1px solid rgba(0, 0, 0, 0.11); +} + +button.emoji-section { + margin: 2px 1px; + padding: 1px 12px; + border-radius: 6px; + border: none; + outline-offset: -2px; + box-shadow: none; +} + +.emoji { + min-width: 3em; + min-height: 3em; + padding: 0; +} + +.emoji widget { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); +} + +.emoji widget:hover { + font-size: larger; +} + +/* +.gedit-bottom-panel-paned notebook, +terminal-window notebook { + > header.top > tabs > tab:checked { box-shadow: inset 0 -1px $borders_color; } +} +*/ +terminal-window notebook > header.top tabs > tab, +.mate-terminal notebook > header.top tabs > tab { + border-top: 1px solid transparent; +} + +terminal-window notebook > header.top button, +.mate-terminal notebook > header.top button { + padding: 0; + min-width: 24px; + min-height: 24px; +} + +.nautilus-canvas-item { + border-radius: 2px; +} + +.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item, .caja-desktop { + color: white; + text-shadow: 1px 1px rgba(0, 0, 0, 0.6); +} + +.nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active, .caja-desktop:active { + color: #242424; +} + +.nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected, .caja-desktop:selected { + color: #ffffff; + text-shadow: none; +} + +.nautilus-canvas-item.dim-label, label.nautilus-canvas-item.separator, +popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-canvas-item.subtitle, +.titlebar:not(headerbar) .nautilus-canvas-item.subtitle, .budgie-notification .nautilus-canvas-item.notification-body, .budgie-switcher .nautilus-canvas-item.notification-body, +.nautilus-list-dim-label { + color: #8d8d8d; +} + +.nautilus-canvas-item.dim-label:selected, label.nautilus-canvas-item.separator:selected, headerbar .nautilus-canvas-item.subtitle:selected, +.titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected, .budgie-notification .nautilus-canvas-item.notification-body:selected, .budgie-switcher .nautilus-canvas-item.notification-body:selected, .nautilus-canvas-item.dim-label:selected:focus, label.nautilus-canvas-item.separator:selected:focus, headerbar .nautilus-canvas-item.subtitle:selected:focus, +.titlebar:not(headerbar) .nautilus-canvas-item.subtitle:selected:focus, .budgie-notification .nautilus-canvas-item.notification-body:selected:focus, .budgie-switcher .nautilus-canvas-item.notification-body:selected:focus, +.nautilus-list-dim-label:selected, +.nautilus-list-dim-label:selected:focus { + color: #ccdaf8; +} + +.nautilus-window searchbar { + border-top: 1px solid rgba(0, 0, 0, 0.11); +} + +.nautilus-window .searchbar-container { + margin-top: -1px; +} + +.nautilus-window notebook, +.nautilus-window notebook > stack { + border-radius: 0 0 6px 0; +} + +.nautilus-window.maximized notebook, +.nautilus-window.maximized notebook > stack { + border-radius: 0 0 0 0; +} + +.nautilus-window notebook, +.nautilus-window notebook > stack:not(:only-child) searchbar { + background-color: #ffffff; +} + +.disk-space-display { + border-style: solid; + border-width: 1px; +} + +.disk-space-display.unknown { + background-color: rgba(36, 36, 36, 0.5); + border-color: rgba(11, 11, 11, 0.5); +} + +.disk-space-display.used { + background-color: rgba(0, 70, 219, 0.8); + border-color: rgba(0, 54, 168, 0.8); +} + +.disk-space-display.free { + background-color: #ededed; + border-color: #d4d4d4; +} + +@keyframes needs_attention_keyframes { + 0% { + color: rgba(40, 32, 32, 0.8); + border: none; + background-color: #fafafa; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + } + 100% { + color: #ffffff; + border: none; + background-color: #afafaf; + background-image: none; + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); + } +} + +.nautilus-operations-button-needs-attention { + animation: needs_attention_keyframes 2s ease-in-out; +} + +.nautilus-operations-button-needs-attention-multiple { + animation: needs_attention_keyframes 3s ease-in-out; + animation-iteration-count: 3; +} + +.conflict-row.activatable, .conflict-row.activatable:active { + color: white; + background-color: #FC4138; +} + +.conflict-row.activatable:hover { + background-color: #fd716a; +} + +.conflict-row.activatable:selected { + color: #ffffff; + background-color: #0046DB; +} + +.nautilus-window .floating-bar { + padding: 1px; + background-color: #0046DB; + color: #ffffff; + border-radius: 3px 0 4px 0; +} + +.nautilus-window .floating-bar.bottom.left { + border-top-left-radius: 0; +} + +.nautilus-window .floating-bar.bottom.right { + border-top-right-radius: 0; +} + +.nautilus-window .floating-bar button { + border: none; + border-radius: 100px; + min-height: 0; + min-width: 0; + padding: 0; + margin-right: 6px; + -gtk-icon-shadow: none; +} + +.nautilus-window.maximized .floating-bar { + border-radius: 3px 0 0 0; +} + +.nemo-window .nemo-places-sidebar.frame { + border-width: 0; +} + +.nemo-window notebook { + background-color: #ffffff; +} + +.nemo-window .nemo-window-pane widget.entry { + border: 1px solid; + border-radius: 3px; + color: #363636; + border-color: #8eb9ff; + background-color: #ffffff; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, inset 0 0 0 2px #8eb9ff; +} + +.nemo-window .primary-toolbar { + border: none; + color: rgba(40, 32, 32, 0.8); + background-color: #e5e5e5; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button { + padding-bottom: 2px; + margin: 0; + color: rgba(40, 32, 32, 0.8); + background-color: rgba(229, 229, 229, 0.95); +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:not(:last-child):not(:only-child) { + margin: 0; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:hover { + color: rgba(40, 32, 32, 0.8); + background-color: rgba(249, 249, 249, 0.95); +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:active, .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:checked { + transition: background-color 0.00001s 0.3s; + animation: header_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + color: rgba(40, 32, 32, 0.8); + background-color: rgba(204, 204, 204, 0.95); + box-shadow: inset 0 -2px #0f5cff; +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button:disabled { + color: rgba(40, 32, 32, 0.4); +} + +.nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { + border-left-style: none; +} + +.caja-notebook { + border-top: 1px solid rgba(0, 0, 0, 0.11); +} + +.caja-side-pane .frame { + border-width: 1px 0 0; +} + +.caja-notebook .frame { + border-width: 0 0 1px; +} + +.open-document-selector-treeview.view, iconview.open-document-selector-treeview { + padding: 3px 6px 3px 6px; + border-color: #ffffff; +} + +.open-document-selector-treeview.view:hover, iconview.open-document-selector-treeview:hover { + background-color: #f0f0f0; +} + +.open-document-selector-treeview.view:hover:selected, iconview.open-document-selector-treeview:hover:selected { + color: #ffffff; + background-color: #0046DB; +} + +.open-document-selector-name-label { + color: #242424; +} + +.open-document-selector-path-label { + color: #929292; + font-size: smaller; +} + +.open-document-selector-path-label:selected { + color: rgba(255, 255, 255, 0.9); +} + +.gedit-document-panel row.activatable, .gedit-document-panel .budgie-menu button, .budgie-menu .gedit-document-panel button { + padding: 6px 0; +} + +.gedit-document-panel row button { + min-width: 22px; + min-height: 22px; + padding: 0; + margin: 0 6px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.gedit-document-panel row button image { + color: inherit; +} + +.gedit-document-panel row:hover:not(:selected) button { + color: #6d6d6d; +} + +.gedit-document-panel row:hover:not(:selected) button:hover { + color: #ff4d4d; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #242424; +} + +.gedit-document-panel row:hover:selected button:hover { + color: #ff6666; +} + +.gedit-document-panel row:hover:selected button:hover:active { + color: #ffffff; +} + +.gedit-document-panel-dragged-row { + border: 1px solid rgba(0, 0, 0, 0.11); + background-color: gainsboro; + color: #242424; +} + +.gedit-side-panel-paned statusbar { + border-top: none; + background-color: #f5f5f5; + border-radius: 0 0 6px 6px; +} + +.gedit-search-slider { + background-color: #fafafa; + padding: 6px; + border-color: rgba(0, 0, 0, 0.11); + border-radius: 0 0 5px 5px; + border-width: 0 1px 1px 1px; + border-style: solid; +} + +.gedit-search-entry-occurrences-tag { + color: rgba(36, 36, 36, 0.6); + border: none; + margin: 2px; + padding: 2px; +} + +.gedit-map-frame border { + border-color: rgba(0, 0, 0, 0.3); + border-width: 0; +} + +.gedit-map-frame border:dir(ltr) { + border-left-width: 1px; +} + +.gedit-map-frame border:dir(rtl) { + border-right-width: 1px; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > box.horizontal { + margin: 4px 0; +} + +.gedit-side-panel-paned.horizontal > box.vertical > stack > grid.horizontal > scrolledwindow { + margin: 0 6px 6px 6px; + border-radius: 0; + box-shadow: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); +} + +paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button) box > .title, paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button) box > .title, paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button) box > .title, .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button) box > .title { + padding: 0; + margin: -2px 0; +} + +.pluma-window statusbar frame > border { + border: none; +} + +.pluma-window notebook > stack scrolledwindow { + border-width: 0 0 1px 0; +} + +#pluma-status-combo-button { + min-height: 0; + padding: 0; + border-top: none; + border-bottom: none; + border-radius: 0; +} + +.gb-search-entry-occurrences-tag { + background: none; +} + +workbench.csd > stack.titlebar:not(headerbar) { + padding: 0; + background: none; + border: none; + box-shadow: none; +} + +workbench.csd > stack.titlebar:not(headerbar) headerbar, workbench.csd > stack.titlebar:not(headerbar) headerbar:first-child, workbench.csd > stack.titlebar:not(headerbar) headerbar:last-child { + border-radius: 6px 6px 0 0; +} + +editortweak .linked > entry.search:focus + .gb-linked-scroller { + border-top-color: #0046DB; +} + +layouttab { + background-color: #ffffff; +} + +layout { + border: 1px solid rgba(0, 0, 0, 0.11); + -PnlDockBin-handle-size: 1; +} + +eggsearchbar box.search-bar { + border-bottom: 1px solid rgba(0, 0, 0, 0.11); +} + +pillbox { + color: #ffffff; + background-color: #0046DB; + border-radius: 3px; +} + +pillbox:disabled label { + color: rgba(255, 255, 255, 0.5); +} + +docktabstrip { + padding: 0 6px; + background-color: #f5f5f5; + border-bottom: 1px solid rgba(0, 0, 0, 0.11); +} + +docktabstrip docktab { + min-height: 28px; + border: solid transparent; + border-width: 0 1px; +} + +docktabstrip docktab label { + opacity: 0.5; +} + +docktabstrip docktab:checked label, docktabstrip docktab:hover label { + opacity: 1; +} + +docktabstrip docktab:checked { + border-color: rgba(0, 0, 0, 0.11); + background-color: #ffffff; +} + +dockbin { + border: 1px solid rgba(0, 0, 0, 0.11); + -PnlDockBin-handle-size: 1; +} + +dockpaned { + border: 1px solid rgba(0, 0, 0, 0.11); +} + +dockoverlayedge { + background-color: #f5f5f5; +} + +dockoverlayedge docktabstrip { + padding: 0; + border: none; +} + +dockoverlayedge.left-edge tab:checked, +dockoverlayedge.right-edge tab:checked { + border-width: 1px 0; +} + +popover.messagepopover.background { + padding: 0; +} + +popover.messagepopover .popover-content-area { + margin: 16px; +} + +popover.messagepopover .popover-action-area { + margin: 8px; +} + +popover.messagepopover .popover-action-area button:not(:first-child):not(:last-child) { + margin: 0 4px; +} + +popover.popover-selector { + padding: 0; +} + +popover.popover-selector list row { + padding: 5px 0; +} + +popover.popover-selector list row image { + margin-left: 3px; + margin-right: 10px; +} + +entry.search.preferences-search { + border: none; + border-right: 1px solid rgba(0, 0, 0, 0.11); + border-bottom: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 0; +} + +preferences stacksidebar.sidebar list { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +preferences stacksidebar.sidebar list separator { + background-color: transparent; +} + +devhelppanel entry:focus, +symboltreepanel entry:focus { + border-color: rgba(0, 0, 0, 0.11); +} + +button.run-arrow-button { + min-width: 12px; +} + +omnibar.linked > entry:not(:only-child) { + border-style: solid; + border-radius: 3px; + margin-left: 1px; + margin-right: 1px; +} + +gstyleslidein #scale_box button.toggle:checked, +gstyleslidein #strings_controls button.toggle:checked, +gstyleslidein #palette_controls button.toggle:checked, +gstyleslidein #components_controls button.toggle:checked { + color: #242424; +} + +configurationview entry.flat, configurationview .raven .raven-background spinbutton:not(.vertical), .raven .raven-background configurationview spinbutton:not(.vertical) { + background: none; +} + +configurationview list { + border-width: 0; +} + +window.background > box.vertical box.horizontal list.categories { + border-radius: 0 0 0 6px; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event { + color: #242424; + transition-duration: 0.1s; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event:hover, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event:active, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event:active { + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable label.compressed-entries-label, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event label.compressed-entries-label, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event label.compressed-entries-label { + background-image: image(#3484e2); + color: #ffffff; + font-weight: 700; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row { + background-image: image(#ededed); + color: black; + transition-property: opacity, border-image, background-image, box-shadow; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row:hover, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row:hover { + background-image: image(#ebebeb); + color: #242424; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row:active, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row:active:focus, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row:active:focus, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row:active:focus { + background-image: image(#e0e0e0); + color: #242424; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row.popover-activated-row, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row.popover-activated-row, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row.popover-activated-row { + background-image: image(#0046DB); + color: #ffffff; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header { + background-image: image(#ffffff); + color: #0046DB; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:hover, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header:hover, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header:hover { + background-image: image(#f2f6fd); +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header:active, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header:active, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header:active:focus, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header:active:focus, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header:active:focus { + background-image: image(#e6edfb); + color: #0046DB; + animation: none; +} + +window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list row.event.activatable.compressed-row-header label.compressed-entries-label, window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list .budgie-menu button.event.compressed-row-header label.compressed-entries-label, .budgie-menu window.background > box.vertical box.horizontal > box.vertical > scrolledwindow > viewport.frame > list button.event.compressed-row-header label.compressed-entries-label { + background-image: image(#0046DB); + color: #ffffff; + transition-duration: 0s; +} + +.documents-scrolledwin.frame { + border-width: 0; +} + +button.documents-load-more { + border-width: 1px 0 0; + border-radius: 0; +} + +.documents-icon-bg { + background-color: #0046DB; + color: #ffffff; + border-radius: 2px; +} + +.documents-collection-icon, .photos-collection-icon { + background-color: rgba(36, 36, 36, 0.3); + border-radius: 2px; +} + +button.documents-favorite:active, +button.documents-favorite:active:hover { + color: #427eff; +} + +.documents-entry-tag, .photos-entry-tag { + color: #ffffff; + background: #0046DB; + border-radius: 3px; + border-width: 0; + margin: 2px; + padding: 4px; +} + +.documents-entry-tag:hover, .photos-entry-tag:hover { + color: #ffffff; + background: #004def; +} + +.documents-entry-tag:active, .photos-entry-tag:active { + color: #ffffff; + background: #003fc7; +} + +.documents-entry-tag.button, .button.photos-entry-tag { + box-shadow: none; + border: none; + background-color: transparent; +} + +.content-view.document-page { + border-style: solid; + border-width: 3px 3px 6px 4px; + border-image: url("assets/thumbnail-frame.png") 3 3 6 4; +} + +.photos-fade-in { + opacity: 1.0; + transition: opacity 0.2s ease-out; +} + +.photos-fade-out { + opacity: 0.0; + transition: opacity 0.2s ease-out; +} + +.tweak-categories, +.tweak-category:not(:selected):not(:hover) { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); +} + +.tweak-categories { + border-radius: 0 0 0 6px; +} + +.tweak-titlebar-right > switch, +dialog.csd > headerbar.titlebar > switch { + margin: 8px 0; +} + +/************************ + * Gnome Control Center * + ************************/ +box.horizontal.titlebar > headerbar > stack > box.vertical > .title { + margin: 0; +} + +box.horizontal.titlebar > headerbar > stack > box.vertical > .subtitle { + margin: -3px 0; +} + +dialog.background.csd > headerbar.titlebar > label:not(.title):not(.subtitle) { + font-weight: 700; +} + +.tr-workarea undershoot, +.tr-workarea overshoot { + border-color: transparent; +} + +.atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar { + background: none; +} + +#gf-bubble, #gf-bubble.solid, +#gf-osd-window, +#gf-osd-window.solid, +#gf-input-source-popup, +#gf-input-source-popup.solid, +#gf-candidate-popup, +#gf-candidate-popup.solid { + color: #484848; + background-color: rgba(245, 245, 245, 0.95); + border: 1px solid rgba(225, 225, 225, 0.95); + border-radius: 2px; +} + +#gf-bubble levelbar block.low, #gf-bubble levelbar block.high, #gf-bubble levelbar block.full, +#gf-osd-window levelbar block.low, +#gf-osd-window levelbar block.high, +#gf-osd-window levelbar block.full, +#gf-input-source-popup levelbar block.low, +#gf-input-source-popup levelbar block.high, +#gf-input-source-popup levelbar block.full, +#gf-candidate-popup levelbar block.low, +#gf-candidate-popup levelbar block.high, +#gf-candidate-popup levelbar block.full { + background-color: #0046DB; + border-color: #0046DB; +} + +#gf-bubble levelbar block.empty, +#gf-osd-window levelbar block.empty, +#gf-input-source-popup levelbar block.empty, +#gf-candidate-popup levelbar block.empty { + background-color: rgba(232, 232, 232, 0.95); +} + +#gf-bubble levelbar trough, +#gf-osd-window levelbar trough, +#gf-input-source-popup levelbar trough, +#gf-candidate-popup levelbar trough { + background: none; +} + +#gf-input-source { + min-height: 32px; + min-width: 40px; +} + +#gf-input-source:selected { + color: #ffffff; + background-color: #0046DB; + border-radius: 2px; +} + +gf-candidate-box label { + padding: 3px; +} + +gf-candidate-box:hover, gf-candidate-box:selected { + color: #ffffff; + background-color: #0046DB; + border-radius: 2px; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar { + box-shadow: inset 0 1px rgba(0, 0, 0, 0.11); + padding: 4px; + background-color: #ededed; +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:active, .sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +.sidebar-paned .inline-toolbar.horizontal.sidebar-toolbar button.image-button > widget > box > image { + padding: 0; +} + +.sidebar-paned scrolledwindow { + border: none; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar { + margin: -1px 0; + border-top: 1px solid rgba(0, 0, 0, 0.11); + box-shadow: none; + background-color: transparent; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal button, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button { + min-height: 36px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.csd > box.vertical > box.vertical > toolbar.horizontal button:active, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:active, window.csd > box.vertical > box.vertical > toolbar.horizontal button:checked, window.csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:checked, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button:active, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:active, +window.solid-csd > box.vertical > box.vertical > toolbar.horizontal button:checked, +window.solid-csd > box.vertical > box.vertical > .horizontal.inline-toolbar button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +window.csd > box.vertical > box.vertical > frame, +window.solid-csd > box.vertical > box.vertical > frame { + margin: -1px 0; + padding: 0; +} + +window.csd > box.vertical > box.vertical > frame > border, +window.solid-csd > box.vertical > box.vertical > frame > border { + border: none; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised { + min-height: 36px; + min-width: 36px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised:active, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised:active, window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised:checked, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem .linked > button.image-button.raised > widget > box > image, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .linked > button.image-button.raised > widget > box > image { + padding: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem button.flat.scale, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem button.flat.scale, window.background > box.vertical > toolbar.primary-toolbar toolitem button.scale.budgie-menu-launcher, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem button.scale.budgie-menu-launcher, window.background > box.vertical > toolbar.primary-toolbar toolitem .budgie-panel .scale#tasklist-button, .budgie-panel window.background > box.vertical > toolbar.primary-toolbar toolitem .scale#tasklist-button, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .budgie-panel .scale#tasklist-button, .budgie-panel window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem .scale#tasklist-button, .budgie-panel window.background > box.vertical > toolbar.primary-toolbar toolitem button.scale.flat.launcher, .budgie-panel window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem button.scale.flat.launcher { + min-height: 24px; + min-width: 36px; + padding: 0; + margin-top: 8px; + margin-bottom: 8px; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle, +window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat), +window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat) { + min-height: 28px; + min-width: 28px; + padding: 0; + margin: 0; +} + +window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:active, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:active, window.background > box.vertical > toolbar.primary-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:checked, window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > box.horizontal:not(.linked) > button.toggle:checked, +window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):active, +window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):active, +window.background > box.vertical > toolbar.primary-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):checked, +window.background > box.vertical > .primary-toolbar.inline-toolbar toolitem > .linked > button:not(.toggle):not(.raised):not(.flat):checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +/******************** + * Gnome Calculator * + ********************/ +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title, window.background > headerbar.titlebar > button.popup.toggle.text-button.title.budgie-menu-launcher, .budgie-panel window.background > headerbar.titlebar > .popup.toggle.text-button.title#tasklist-button, .budgie-panel window.background > headerbar.titlebar > button.popup.toggle.text-button.title.flat.launcher { + margin: 6px 0; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget, window.background > headerbar.titlebar > button.popup.toggle.text-button.title.budgie-menu-launcher > grid > widget, .budgie-panel window.background > headerbar.titlebar > .popup.toggle.text-button.title#tasklist-button > grid > widget, .budgie-panel window.background > headerbar.titlebar > button.popup.toggle.text-button.title.flat.launcher > grid > widget { + padding-top: 3px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(ltr), window.background > headerbar.titlebar > button.popup.toggle.text-button.title.budgie-menu-launcher > grid > widget:dir(ltr), .budgie-panel window.background > headerbar.titlebar > .popup.toggle.text-button.title#tasklist-button > grid > widget:dir(ltr), .budgie-panel window.background > headerbar.titlebar > button.popup.toggle.text-button.title.flat.launcher > grid > widget:dir(ltr) { + padding-left: 4px; +} + +window.background > headerbar.titlebar > button.flat.popup.toggle.text-button.title > grid > widget:dir(rtl), window.background > headerbar.titlebar > button.popup.toggle.text-button.title.budgie-menu-launcher > grid > widget:dir(rtl), .budgie-panel window.background > headerbar.titlebar > .popup.toggle.text-button.title#tasklist-button > grid > widget:dir(rtl), .budgie-panel window.background > headerbar.titlebar > button.popup.toggle.text-button.title.flat.launcher > grid > widget:dir(rtl) { + padding-right: 4px; +} + +window.background > grid.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical > box.vertical > widget button, +window.background > grid.vertical > box.vertical grid.math-buttons button { + font-weight: 700; +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):active, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):active { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +window.background > grid.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical > box.vertical > widget button:not(.suggested-action):checked, +window.background > grid.vertical > box.vertical grid.math-buttons button:not(.suggested-action):checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.65); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +/************ + * Epiphany * + ************/ +headerbar.titlebar.incognito-mode entry { + color: rgba(40, 32, 32, 0.8); + border-style: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +headerbar.titlebar.incognito-mode entry image, headerbar.titlebar.incognito-mode entry image:hover { + color: inherit; +} + +headerbar.titlebar.incognito-mode entry:focus { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; +} + +headerbar.titlebar.incognito-mode entry:disabled { + color: rgba(40, 32, 32, 0.35); + border-style: none; + background-color: rgba(255, 255, 255, 0.75); +} + +notebook > box > stack > box.vertical > paned.vertical > overlay > .floating-bar { + color: rgba(36, 36, 36, 0.75); +} + +.background headerbar entry.starred, .background headerbar entry.non-starred { + color: rgba(40, 32, 32, 0.8); + border-style: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.background headerbar entry.starred image, .background headerbar entry.starred image:hover, .background headerbar entry.non-starred image, .background headerbar entry.non-starred image:hover { + color: inherit; +} + +.background headerbar entry.starred:focus, .background headerbar entry.non-starred:focus { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; +} + +.background headerbar entry.starred:disabled, .background headerbar entry.non-starred:disabled { + color: rgba(40, 32, 32, 0.35); + border-style: none; + background-color: rgba(255, 255, 255, 0.75); +} + +.background headerbar entry.starred > image.right { + color: #ccbb00; +} + +.background headerbar entry.starred > image.right:hover, .background headerbar entry.starred > image.right:active, .background headerbar entry.starred > image.right:checked { + color: #FFEA00; +} + +popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:active, popover.background:not(.emoji-picker) > box.vertical button:not(.destructive-action):not(.suggested-action):only-child:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background { + background-color: transparent; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > button { + background-color: #f5f5f5; + color: rgba(36, 36, 36, 0.85); + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.11); + margin: 2px; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:hover, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; +} + +popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:active, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > button:active, popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > row.activatable:checked, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > scrolledwindow > viewport.frame > list.background > button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame { + border: 1px solid rgba(0, 0, 0, 0.11); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row { + background-color: rgba(255, 255, 255, 0.35); + color: rgba(36, 36, 36, 0.85); + border-bottom: 1px dashed rgba(0, 0, 0, 0.05); + padding: 6px; +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row:hover, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row:hover, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row:active, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row:active, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row:checked, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row:checked, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row:checked { + color: #242424; + background-color: rgba(36, 36, 36, 0.05); +} + +popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.flat, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.flat, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.budgie-menu-launcher, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.budgie-menu-launcher, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.budgie-menu-launcher, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row .budgie-panel #tasklist-button, .budgie-panel popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row #tasklist-button, popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row .budgie-panel #tasklist-button, .budgie-panel popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row #tasklist-button, .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row .budgie-panel #tasklist-button, .budgie-panel .budgie-menu popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > button.bookmarks-row #tasklist-button, .budgie-panel popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical scrolledwindow > viewport.frame > list.background > row.activatable.bookmarks-row button.flat.launcher, .budgie-panel popover.background:not(.emoji-picker) > box.vertical > stack > box.vertical .budgie-menu scrolledwindow > viewport.frame > list.background > button.bookmarks-row button.flat.launcher { + min-width: 16px; + min-height: 16px; + padding: 4px; + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +flowboxchild.bookmark-tag-widget { + color: #f5f5f5; + font-weight: 500; +} + +flowboxchild.bookmark-tag-widget label { + margin-bottom: 2px; +} + +flowboxchild.bookmark-tag-widget-selected { + color: #ffffff; +} + +MsdOsdWindow.background.osd { + border-radius: 2px; + border: 1px solid rgba(225, 225, 225, 0.95); +} + +MsdOsdWindow.background.osd .progressbar { + background-color: #0046DB; + border: none; + border-color: red; + border-radius: 5px; +} + +MsdOsdWindow.background.osd .trough { + background-color: rgba(232, 232, 232, 0.95); + border: none; + border-radius: 5px; +} + +.mate-panel-menu-bar, +.mate-panel-menu-bar menubar, +panel-toplevel.background, +panel-toplevel.background menubar { + background-color: #eaeaea; +} + +.mate-panel-menu-bar menubar, +.mate-panel-menu-bar #PanelApplet label, +.mate-panel-menu-bar #PanelApplet image, +panel-toplevel.background menubar, +panel-toplevel.background #PanelApplet label, +panel-toplevel.background #PanelApplet image { + color: #363636; +} + +.mate-panel-menu-bar button label, +.mate-panel-menu-bar button image, +.mate-panel-menu-bar #tasklist-button label, +.mate-panel-menu-bar #tasklist-button image, +panel-toplevel.background button label, +panel-toplevel.background button image, +panel-toplevel.background #tasklist-button label, +panel-toplevel.background #tasklist-button image { + color: inherit; +} + +.mate-panel-menu-bar .wnck-pager, +panel-toplevel.background .wnck-pager { + color: #1b1b1b; + background-color: rgba(209, 209, 209, 0.94); +} + +.mate-panel-menu-bar .wnck-pager:hover, +panel-toplevel.background .wnck-pager:hover { + background-color: rgba(247, 247, 247, 0.94); +} + +.mate-panel-menu-bar .wnck-pager:selected, +panel-toplevel.background .wnck-pager:selected { + color: #427eff; + background-color: #0046DB; +} + +.mate-panel-menu-bar na-tray-applet, +panel-toplevel.background na-tray-applet { + -NaTrayApplet-icon-padding: 0; + -NaTrayApplet-icon-size: 16px; +} + +.xfce4-panel.panel { + background-color: rgba(234, 234, 234, 0.94); + text-shadow: none; + -gtk-icon-shadow: none; +} + +#tasklist-button { + color: rgba(54, 54, 54, 0.8); + border-radius: 0; + border: none; + background-color: rgba(234, 234, 234, 0); +} + +#tasklist-button:hover { + color: #505050; + background-color: rgba(0, 0, 0, 0.17); +} + +#tasklist-button:checked { + color: white; + background-color: rgba(0, 0, 0, 0.25); + box-shadow: inset 0 -2px #0046DB; +} + +.mate-panel-menu-bar button:not(#tasklist-button), +panel-toplevel.background button:not(#tasklist-button), .xfce4-panel.panel button.flat, .xfce4-panel.panel button.budgie-menu-launcher, .xfce4-panel.panel .budgie-panel #tasklist-button, .budgie-panel .xfce4-panel.panel #tasklist-button { + color: #363636; + border-radius: 0; + border: none; + background-color: rgba(234, 234, 234, 0); +} + +.mate-panel-menu-bar button:hover:not(#tasklist-button), +panel-toplevel.background button:hover:not(#tasklist-button), .xfce4-panel.panel button.flat:hover, .xfce4-panel.panel button.budgie-menu-launcher:hover, .xfce4-panel.panel .budgie-panel #tasklist-button:hover, .budgie-panel .xfce4-panel.panel #tasklist-button:hover { + border: none; + background-color: rgba(255, 255, 255, 0.94); +} + +.mate-panel-menu-bar button:active:not(#tasklist-button), +panel-toplevel.background button:active:not(#tasklist-button), .xfce4-panel.panel button.flat:active, .xfce4-panel.panel button.budgie-menu-launcher:active, .xfce4-panel.panel .budgie-panel #tasklist-button:active, .budgie-panel .xfce4-panel.panel #tasklist-button:active, .mate-panel-menu-bar button:checked:not(#tasklist-button), +panel-toplevel.background button:checked:not(#tasklist-button), .xfce4-panel.panel button.flat:checked, .xfce4-panel.panel button.budgie-menu-launcher:checked, .xfce4-panel.panel .budgie-panel #tasklist-button:checked, .budgie-panel .xfce4-panel.panel #tasklist-button:checked { + color: #ffffff; + border: none; + background-color: #0046DB; +} + +.mate-panel-menu-bar button:active:not(#tasklist-button) label, panel-toplevel.background button:active:not(#tasklist-button) label, .xfce4-panel.panel button.flat:active label, .xfce4-panel.panel button.budgie-menu-launcher:active label, .xfce4-panel.panel .budgie-panel #tasklist-button:active label, .budgie-panel .xfce4-panel.panel #tasklist-button:active label, +.mate-panel-menu-bar button:active:not(#tasklist-button) image, +panel-toplevel.background button:active:not(#tasklist-button) image, +.xfce4-panel.panel button.flat:active image, +.xfce4-panel.panel button.budgie-menu-launcher:active image, +.xfce4-panel.panel .budgie-panel #tasklist-button:active image, +.budgie-panel .xfce4-panel.panel #tasklist-button:active image, .mate-panel-menu-bar button:checked:not(#tasklist-button) label, panel-toplevel.background button:checked:not(#tasklist-button) label, .xfce4-panel.panel button.flat:checked label, .xfce4-panel.panel button.budgie-menu-launcher:checked label, .xfce4-panel.panel .budgie-panel #tasklist-button:checked label, .budgie-panel .xfce4-panel.panel #tasklist-button:checked label, +.mate-panel-menu-bar button:checked:not(#tasklist-button) image, +panel-toplevel.background button:checked:not(#tasklist-button) image, +.xfce4-panel.panel button.flat:checked image, +.xfce4-panel.panel button.budgie-menu-launcher:checked image, +.xfce4-panel.panel .budgie-panel #tasklist-button:checked image, +.budgie-panel .xfce4-panel.panel #tasklist-button:checked image { + color: inherit; +} + +/********* + * Geary * + *********/ +.geary-titlebar-left separator { + opacity: 0; +} + +.geary-titlebar-left > button { + min-width: 22px; +} + +.geary-titlebar-right { + box-shadow: none; +} + +.geary-titlebar-right separator { + opacity: 0; +} + +.geary-titlebar-right > button { + min-width: 22px; +} + +.marlin-pathbar.pathbar { + border-radius: 3px; + padding-left: 4px; + padding-right: 4px; + color: rgba(40, 32, 32, 0.8); + border-style: none; + background-color: white; + background-image: none; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); +} + +.marlin-pathbar.pathbar image, .marlin-pathbar.pathbar image:hover { + color: inherit; +} + +.marlin-pathbar.pathbar:focus { + border: none; + box-shadow: 0px 1px 1px 0px transparent, 0px 1px 2px 0px transparent, 0 0 0 2px #8eb9ff, inset 0 0 0 1px #8eb9ff; +} + +.marlin-pathbar.pathbar:disabled { + color: rgba(40, 32, 32, 0.35); + border-style: none; + background-color: rgba(255, 255, 255, 0.75); +} + +.marlin-pathbar.pathbar:active, .marlin-pathbar.pathbar:checked { + color: #0046DB; +} + +.gala-notification { + border: 1px solid rgba(0, 0, 0, 0.35); + border-radius: 3px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); + background-image: linear-gradient(to bottom, white, white); + background-color: transparent; +} + +.gala-notification .title, +.gala-notification .label { + color: #5c616c; +} + +.panel { + background-color: transparent; + color: white; + font-weight: bold; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +.panel-shadow { + background-image: none; + background-color: transparent; +} + +.panel .menu { + box-shadow: none; +} + +.panel .menu .menuitem { + font-weight: normal; + text-shadow: none; + -gtk-icon-shadow: none; +} + +.panel .menu .window-frame.menu.csd, +.panel .menu .window-frame.popup.csd { + box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); +} + +.panel .menubar > .menuitem { + padding: 3px 6px; +} + +.panel .menubar > .menuitem:hover { + background-color: transparent; +} + +.panel .window-frame.menu.csd, +.panel .window-frame.popup.csd { + box-shadow: none; +} + +.composited-indicator { + background-color: transparent; + color: white; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +.composited-indicator > GtkWidget > GtkWidget:first-child { + padding: 0 2px; +} + +.composited-indicator .menuitem:active, +.composited-indicator .menuitem:hover { + border-style: none; + background-image: none; + box-shadow: none; +} + +.composited-indicator > .popup > .menu { + padding-top: 8px; + padding-bottom: 8px; +} + +.panel-app-button > GtkWidget > GtkWidget:first-child { + padding: 0 2px 0 4px; +} + +.panel .menu .spinner, +.menu .spinner { + opacity: 1; +} + +window.background:not(.csd) > widget > separator { + padding-top: 1px; + margin-top: 1px; + min-height: 2px; + background-color: rgba(0, 0, 0, 0.07); +} + +window.background:not(.csd) > widget > scrollbar { + background-clip: border-box; +} + +window.background:not(.csd) > widget > scrollbar, +window.background:not(.csd) > widget > frame > border { + border-color: rgba(0, 0, 0, 0.11); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget > button > button { + border: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 5px; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02); +} + +window.background:not(.csd) > widget > entry, +window.background:not(.csd) > widget .entry { + border-radius: 5px; + background-image: image(#ffffff); + border: 1px solid rgba(0, 0, 0, 0.11); +} + +window.background:not(.csd) > widget > entry:focus, +window.background:not(.csd) > widget .entry:focus { + border-color: #8eb9ff; + box-shadow: inset 0 0 0 2px #8eb9ff; +} + +window.background:not(.csd) > widget > spinbutton { + background-image: image(white); + border: 1px solid rgba(0, 0, 0, 0.11); +} + +window.background:not(.csd) > widget > spinbutton:active { + background-image: image(#afafaf); +} + +window.background:not(.csd) > widget > spinbutton .entry { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +window.background:not(.csd) > widget > button { + padding-top: 3px; + padding-bottom: 3px; +} + +window.background:not(.csd) > widget > button > button { + outline-style: none; +} + +window.background:not(.csd) > widget > button > button:active { + background-image: image(#afafaf); + border: none; + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.11); +} + +window.background:not(.csd) > widget > button > button label { + padding: 4px 6px; +} + +window.background:not(.csd) > menu, +window.background:not(.csd) .menu { + background-color: #ffffff; + border-radius: 0; +} + +window.background:not(.csd) > menu .separator:not(label), +.csd window.background:not(.csd) > menu .separator:not(label), +window.background:not(.csd) .menu .separator:not(label), +.csd +window.background:not(.csd) .menu .separator:not(label) { + color: rgba(0, 0, 0, 0.11); +} + +window.background:not(.csd) > menu > menuitem { + padding: 4px 6px; +} + +window.background:not(.csd) > menu > menuitem > label:disabled { + color: rgba(36, 36, 36, 0.55); +} + +window.background:not(.csd) > menu > menuitem > radio, +window.background:not(.csd) > menu > menuitem > check { + padding: 0 2px 0 4px; +} + +#MozillaGtkWidget.background { + background-color: #f5f5f5; +} + +#MozillaGtkWidget.background .background, +#MozillaGtkWidget.background frame, +#MozillaGtkWidget.background separator, +#MozillaGtkWidget.background scrolledwindow { + background-color: #f5f5f5; +} + +#MozillaGtkWidget.background scrollbar { + background-color: transparent; +} + +#MozillaGtkWidget.background scrollbar slider { + background-color: #979797; +} + +#MozillaGtkWidget.background scrollbar slider:hover { + background-color: #787878; +} + +#MozillaGtkWidget.background scrollbar slider:hover:active { + background-color: #585858; +} + +#MozillaGtkWidget.background scrollbar slider:disabled { + background-color: transparent; +} + +#MozillaGtkWidget.background *:not(menuitem):hover, #MozillaGtkWidget.background *:not(menuitem):hover button, +#MozillaGtkWidget.background *:focus, +#MozillaGtkWidget.background *:focus button, +#MozillaGtkWidget.background *:active, +#MozillaGtkWidget.background *:active button, +#MozillaGtkWidget.background *:checked, +#MozillaGtkWidget.background *:checked button { + color: #242424; +} + +#MozillaGtkWidget.background > window.background > menu { + background-color: #ffffff; + border-radius: 0; + border-color: rgba(0, 0, 0, 0.11); +} + +#MozillaGtkWidget.background > window.background > menu > separator { + margin-top: 2px; + margin-bottom: 2px; + background-color: rgba(0, 0, 0, 0.11); +} + +#MozillaGtkWidget.background > widget border { + border-color: rgba(0, 0, 0, 0.11); +} + +#MozillaGtkWidget.background > widget separator { + background-color: rgba(0, 0, 0, 0.11); +} + +#MozillaGtkWidget.background > widget > scrolledwindow > textview { + background-color: #ffffff; +} + +#MozillaGtkWidget.background > widget > scrolledwindow > textview text { + background-color: transparent; + color: #242424; +} + +/*************** + * Chrome(ium) * + ***************/ +window.background.chromium headerbar.titlebar button.toggle { + border: none; + background-color: transparent; + background-image: none; +} + +window.background.chromium headerbar.titlebar button.toggle:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.15); +} + +window.background.chromium headerbar.titlebar button.toggle:checked, window.background.chromium headerbar.titlebar button.toggle:active { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +window.background.chromium headerbar.titlebar button.titlebutton { + min-width: 16px; + min-height: 16px; + margin: 0; + padding: 0 0; + background-size: auto; + color: transparent; +} + +window.background.chromium button { + border-width: 1px; + border-style: solid; + border-color: rgba(0, 0, 0, 0.11); +} + +window.background.chromium entry.chromium, window.background.chromium entry.chromium:focus { + border-image: none; + border: 1px solid rgba(0, 0, 0, 0.11); +} + +window.background.chromium > textview.view { + background-color: #ffffff; +} + +/**************** + * Libre-Office * + ****************/ +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal { + background-image: linear-gradient(180deg, #E2E2E2 0%, #d2d2d2 100%); + background-color: transparent; + box-shadow: inset 0 -1px rgba(0, 0, 0, 0.11); +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher { + color: rgba(40, 32, 32, 0.8); + border: none; + border-radius: 50px; + background-image: none; +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:hover, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher:hover, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button:hover, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher:hover { + background-color: rgba(255, 255, 255, 0.95); + color: rgba(54, 44, 44, 0.8); +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:active, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher:active, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button:active, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher:active, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:checked, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher:checked, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button:checked, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher:checked { + background-color: rgba(255, 0, 0, 0.65); + color: white; +} + +window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.flat.small-button:disabled, window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.budgie-menu-launcher:disabled, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > .small-button#tasklist-button:disabled, .budgie-panel window.background:not(.csd):not(.solid-csd) > grid.horizontal > grid.horizontal > button.small-button.flat.launcher:disabled { + color: alpha(rgba(40, 32, 32, 0.8),0.6); +} + +window.background:not(.solid-csd) > notebook:not(.frame) { + border: 0 none transparent; + background-color: #ffffff; +} + +window.background:not(.solid-csd) > notebook:not(.frame) > stack { + border: none; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar, window > box.vertical > box.horizontal > .inline-toolbar { + background-color: transparent; + box-shadow: none; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box label, window > box.vertical > box.horizontal > .inline-toolbar toolitem > box label, +window > box.vertical > box.horizontal > toolbar toolitem > box entry, +window > box.vertical > box.horizontal > .inline-toolbar toolitem > box entry { + min-height: 20px; + padding-top: 2px; + padding-bottom: 2px; + font-size: 90%; +} + +window > box.vertical > box.horizontal > toolbar toolitem > box > label, window > box.vertical > box.horizontal > .inline-toolbar toolitem > box > label { + color: #242424; +} + +window > box.vertical > box.horizontal > widget { + background-color: transparent; +} + +UnityDecoration { + -UnityDecoration-extents: 28px 1px 1px 1px; + -UnityDecoration-input-extents: 10px; + -UnityDecoration-shadow-offset-x: 0px; + -UnityDecoration-shadow-offset-y: 6px; + -UnityDecoration-active-shadow-color: rgba(0, 0, 0, 0.35); + -UnityDecoration-active-shadow-radius: 12px; + -UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, 0.15); + -UnityDecoration-inactive-shadow-radius: 7px; + -UnityDecoration-glow-size: 10px; + -UnityDecoration-glow-color: #0046DB; + -UnityDecoration-title-indent: 10px; + -UnityDecoration-title-fade: 35px; + -UnityDecoration-title-alignment: 0.0; +} + +UnityDecoration.background { + border-radius: 6px; + background-color: transparent; +} + +UnityDecoration .top { + border: 1px solid rgba(0, 0, 0, 0.11); + border-bottom-width: 0; + border-radius: 6px 6px 0 0; + padding: 1px 6px 0 6px; + background-color: rgba(229, 229, 229, 0.95); + background-image: linear-gradient(0deg, #e2e2e2 0%, whitesmoke 100%); + color: rgba(40, 32, 32, 0.8); + box-shadow: inset 0 1px rgba(237, 237, 237, 0.95); +} + +UnityDecoration .top:backdrop { + border-bottom-width: 0; + color: rgba(40, 32, 32, 0.5); +} + +UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, +UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { + background-color: rgba(0, 0, 0, 0.11); +} + +UnityPanelWidget, +.unity-panel { + background-color: rgba(234, 234, 234, 0.95); + color: dimgray; + box-shadow: none; +} + +UnityPanelWidget:backdrop, +.unity-panel:backdrop { + color: #393939; +} + +.unity-panel.menubar.menuitem:hover, +.unity-panel.menubar .menuitem *:hover { + border-radius: 0; + color: #ffffff; + background-image: linear-gradient(to bottom, #0046DB, #0046DB); + border-bottom: none; +} + +.lightdm.menu { + background-image: none; + background-color: rgba(0, 0, 0, 0.4); + border-color: rgba(255, 255, 255, 0.8); + border-radius: 4px; + padding: 1px; + color: white; +} + +.lightdm-combo .menu { + background-color: rgba(249, 249, 249, 0.95); + border-radius: 0px; + padding: 0px; + color: white; +} + +.lightdm.menu .menuitem *, +.lightdm.menu .menuitem.check:active, +.lightdm.menu .menuitem.radio:active { + color: white; +} + +.lightdm.menubar { + color: rgba(255, 255, 255, 0.8); + background-image: none; + background-color: rgba(0, 0, 0, 0.5); +} + +.lightdm.menubar > .menuitem { + padding: 2px 6px; +} + +.lightdm-combo.combobox-entry .button, +.lightdm-combo .cell, +.lightdm-combo .button, +.lightdm-combo .entry, +.lightdm.button, +.lightdm.entry { + background-image: none; + background-color: rgba(0, 0, 0, 0.3); + border-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; + padding: 7px; + color: white; + text-shadow: none; +} + +.lightdm.button, +.lightdm.button:hover, +.lightdm.button:active, +.lightdm.button:active:focus, +.lightdm.entry, +.lightdm.entry:hover, +.lightdm.entry:active, +.lightdm.entry:active:focus { + background-image: none; + border-image: none; +} + +.lightdm.button:focus, +.lightdm.entry:focus { + border-color: rgba(255, 255, 255, 0.1); + border-width: 1px; + border-style: solid; + color: white; +} + +.lightdm.entry:selected { + background-color: rgba(255, 255, 255, 0.8); +} + +.lightdm.entry:active { + -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); + animation: dashentry_spinner 1s infinite linear; +} + +.lightdm.option-button { + padding: 2px; + background: none; + border: 0; +} + +.lightdm.toggle-button { + background: none; + border-width: 0; +} + +.lightdm.toggle-button.selected { + background-color: rgba(0, 0, 0, 0.7); + border-width: 1px; +} + +@keyframes dashentry_spinner { + to { + -gtk-icon-transform: rotate(1turn); + } +} + +.overlay-bar { + background-color: #0046DB; + border-color: #0046DB; + border-radius: 2px; + padding: 3px 6px; + margin: 3px; +} + +.overlay-bar label { + color: #ffffff; +} + +GraniteWidgetsThinPaned { + background-color: transparent; + background-image: none; + margin: 0; + border-left: 1px solid rgba(0, 0, 0, 0.11); + border-right: 1px solid rgba(0, 0, 0, 0.11); +} + +GraniteWidgetsPopOver .frame, +GraniteWidgetsStaticNotebook .frame { + border: none; +} + +.help_button { + border-radius: 100px; + padding: 3px 9px; +} + +toolbar.secondary-toolbar, .secondary-toolbar.inline-toolbar { + padding: 3px; + border-bottom: 1px solid rgba(0, 0, 0, 0.11); +} + +toolbar.secondary-toolbar button, .secondary-toolbar.inline-toolbar button { + padding: 0 3px 0 3px; +} + +toolbar.bottom-toolbar, .bottom-toolbar.inline-toolbar { + padding: 5px; + border-width: 1px 0 0 0; + border-style: solid; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f5f5f5; +} + +toolbar.bottom-toolbar button, .bottom-toolbar.inline-toolbar button { + padding: 2px 3px 2px 3px; +} + +.source-list { + -GtkTreeView-horizontal-separator: 1px; + -GtkTreeView-vertical-separator: 6px; +} + +.source-list, +.source-list.view, +iconview.source-list { + background-color: #f5f5f5; + color: #242424; + -gtk-icon-style: regular; +} + +.source-list.category-expander { + color: transparent; +} + +.source-list.view:hover, iconview.source-list:hover { + background-color: white; +} + +.source-list.view:selected, iconview.source-list:selected, +.source-list.view:hover:selected, +iconview.source-list:hover:selected, +.source-list.view:selected:focus, +iconview.source-list:selected:focus, +.source-list.category-expander:hover { + color: #ffffff; + background-color: #0046DB; +} + +.source-list scrollbar, +.source-list junction { + border-image: none; + border-color: transparent; + background-color: #f5f5f5; + background-image: none; +} + +.source-list.badge, +.source-list.badge:hover, +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-image: none; + background-color: #0046DB; + color: #ffffff; + border-radius: 10px; + padding: 0 6px; + margin: 0 3px; + border-width: 0; +} + +.source-list.badge:selected, +.source-list.badge:selected:focus, +.source-list.badge:hover:selected { + background-color: #ffffff; + color: #0046DB; +} + +.source-list.category-expander { + color: #242424; + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + -GtkTreeView-expander-size: 16; +} + +.source-list.category-expander, +.source-list.category-expander:backdrop { + color: transparent; + border: none; +} + +.source-list.category-expander:checked { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); +} + +GraniteWidgetsWelcome { + background-color: #ffffff; +} + +GraniteWidgetsWelcome label { + color: #8d8d8d; + font-size: 11px; + text-shadow: none; +} + +GraniteWidgetsWelcome .h1, +GraniteWidgetsWelcome .h3 { + color: rgba(36, 36, 36, 0.8); +} + +.help_button { + border-radius: 0; +} + +GraniteWidgetsPopOver { + -GraniteWidgetsPopOver-arrow-width: 21; + -GraniteWidgetsPopOver-arrow-height: 10; + -GraniteWidgetsPopOver-border-radius: 2px; + -GraniteWidgetsPopOver-border-width: 1; + -GraniteWidgetsPopOver-shadow-size: 12; + border: 1px solid rgba(0, 0, 0, 0.3); + margin: 0; +} + +.popover_bg { + background-image: linear-gradient(to bottom, #ffffff, #ffffff); + border: 1px solid rgba(0, 0, 0, 0.3); +} + +GraniteWidgetsPopOver .sidebar.view, GraniteWidgetsPopOver iconview.sidebar, +GraniteWidgetsPopOver * { + background-color: transparent; +} + +GraniteWidgetsXsEntry entry { + padding: 4px; +} + +.h1 { + font-size: 24px; +} + +.h2 { + font-size: 18px; +} + +.h3 { + font-size: 11px; +} + +.h4, +.category-label { + color: #6f6f6f; + font-weight: 600; +} + +.h4 { + padding-bottom: 6px; + padding-top: 6px; +} + +GtkListBox .h4 { + padding-left: 6px; +} + +#panel_window { + background-color: rgba(234, 234, 234, 0.94); + color: #363636; + font-weight: bold; + box-shadow: inset 0 -1px rgba(216, 216, 216, 0.94); +} + +#panel_window menubar { + padding-left: 5px; +} + +#panel_window menubar, #panel_window menubar > menuitem { + background-color: transparent; + color: #363636; + font-weight: bold; +} + +#panel_window menubar menuitem:disabled { + color: rgba(54, 54, 54, 0.5); +} + +#panel_window menubar menuitem:disabled label { + color: inherit; +} + +#panel_window menubar menu > menuitem { + font-weight: normal; +} + +#login_window, +#shutdown_dialog, +#restart_dialog { + font-weight: normal; + border-style: none; + background-color: transparent; + color: #242424; +} + +#content_frame { + padding-bottom: 14px; + background-color: #f5f5f5; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 1px 1px 0 1px; +} + +#content_frame button { + color: #242424; + border-color: rgba(0, 0, 0, 0.11); + background-color: white; + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01), inset 0 0 0 1px rgba(0, 0, 0, 0.01); +} + +#content_frame button:hover { + color: #0b0b0b; + border-color: rgba(0, 0, 0, 0.11); + background-color: #f7f7f7; + box-shadow: none; +} + +#content_frame button:active, #content_frame button:checked { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; +} + +#content_frame button:disabled { + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.55); + box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); +} + +#content_frame button:disabled label, #content_frame button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +#buttonbox_frame { + padding-top: 20px; + padding-bottom: 0px; + border-style: none; + background-color: rgba(245, 245, 245, 0.95); + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + border: solid rgba(0, 0, 0, 0.1); + border-width: 0 1px 1px 1px; + box-shadow: inset 0 1px #e9e9e9; +} + +#buttonbox_frame button { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.35); +} + +#buttonbox_frame button:hover { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.45); +} + +#buttonbox_frame button:active, #buttonbox_frame button:checked { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0046DB; +} + +#buttonbox_frame button:disabled { + color: #bcbcbc; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.2); +} + +#login_window #user_combobox { + color: #242424; + font-size: 13px; +} + +#login_window #user_combobox menu { + font-weight: normal; +} + +#user_image { + padding: 3px; + border-radius: 2px; +} + +#shutdown_button.button { + background-clip: border-box; + color: green; + background-color: #f8464c; + border-color: #f6151c; + background-image: none; +} + +#shutdown_button.button:hover { + background-clip: border-box; + color: green; + background-color: #fa777c; + border-color: #f8464c; + background-image: none; +} + +#shutdown_button.button:active, #shutdown_button.button:checked { + background-clip: border-box; + color: green; + background-color: #f6151c; + border-color: #d0080f; + background-image: none; +} + +#restart_button.button { + background-clip: border-box; + color: green; + background-color: #3484e2; + border-color: #1c6bc7; + background-image: none; +} + +#restart_button.button:hover { + background-clip: border-box; + color: green; + background-color: #619fe8; + border-color: #3484e2; + background-image: none; +} + +#restart_button.button:active, #restart_button.button:checked { + background-clip: border-box; + color: green; + background-color: #1c6bc7; + border-color: #16539a; + background-image: none; +} + +#greeter_infobar { + border-bottom-width: 0; + font-weight: bold; +} + +.nautilus-window paned > separator { + background-image: linear-gradient(to bottom, #e9e9e9, #e9e9e9); +} + +.nautilus-window paned > separator:dir(ltr) { + margin-left: -1px; +} + +.nautilus-window paned > separator:dir(rtl) { + margin-right: -1px; +} + +filechooser paned > separator { + background-image: linear-gradient(to bottom, #e9e9e9, #e9e9e9); +} + +filechooser.csd.background, filechooser placessidebar list, +.nautilus-window.csd.background, +.nautilus-window placessidebar list { + background-color: transparent; +} + +filechooser.csd.background, filechooser placessidebar, +.nautilus-window.csd.background, +.nautilus-window placessidebar { + background-color: rgba(246, 246, 246, 0.94); + border-radius: 0 0 6px 6px; +} + +filechooser placessidebar.sidebar, +.nautilus-window placessidebar.sidebar { + border-right: 1px solid rgba(0, 0, 0, 0.11); + background-color: transparent; +} + +filechooser placessidebar.sidebar row.sidebar-row, +.nautilus-window placessidebar.sidebar row.sidebar-row { + color: #363636; +} + +filechooser placessidebar.sidebar row.sidebar-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row .sidebar-icon { + color: rgba(54, 54, 54, 0.85); +} + +filechooser placessidebar.sidebar row.sidebar-row.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup label, filechooser placessidebar.sidebar row.sidebar-row.has-open-popup image, filechooser placessidebar.sidebar row.sidebar-row:disabled, filechooser placessidebar.sidebar row.sidebar-row:disabled label, filechooser placessidebar.sidebar row.sidebar-row:disabled image, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup label, +.nautilus-window placessidebar.sidebar row.sidebar-row.has-open-popup image, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled label, +.nautilus-window placessidebar.sidebar row.sidebar-row:disabled image { + color: rgba(54, 54, 54, 0.4); +} + +filechooser placessidebar.sidebar row.sidebar-row:backdrop, +.nautilus-window placessidebar.sidebar row.sidebar-row:backdrop { + opacity: 0.85; +} + +filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover { + color: #242424; + background-color: #C7C7C7; +} + +filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup, filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup label, filechooser placessidebar.sidebar row.sidebar-row:selected.has-open-popup image, filechooser placessidebar.sidebar row.sidebar-row:selected, filechooser placessidebar.sidebar row.sidebar-row:selected label, filechooser placessidebar.sidebar row.sidebar-row:selected image, filechooser placessidebar.sidebar row.sidebar-row:selected:hover, filechooser placessidebar.sidebar row.sidebar-row:selected:hover label, filechooser placessidebar.sidebar row.sidebar-row:selected:hover image, filechooser placessidebar.sidebar row.sidebar-row:active:hover, filechooser placessidebar.sidebar row.sidebar-row:active:hover label, filechooser placessidebar.sidebar row.sidebar-row:active:hover image, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected.has-open-popup image, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected image, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover label, +.nautilus-window placessidebar.sidebar row.sidebar-row:selected:hover image, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover label, +.nautilus-window placessidebar.sidebar row.sidebar-row:active:hover image { + color: #242424; +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button { + color: #363636; +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:hover { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.45); +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:active { + color: #ffffff; + background-color: #0e6bff; + border-color: #0e6bff; + background-image: linear-gradient(180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; +} + +filechooser placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image, +.nautilus-window placessidebar.sidebar row.sidebar-row:not(:selected) button.sidebar-button:not(:hover):not(:active) > image { + opacity: 0.5; +} + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row { + color: #0046DB; +} + +filechooser placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row.sidebar-new-bookmark-row .sidebar-icon { + color: inherit; +} + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled), +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled) .sidebar-icon { + color: #363636; +} + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected { + background-color: #F08437; +} + +filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, filechooser placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected label, +.nautilus-window placessidebar.sidebar row.sidebar-row:drop(active):not(:disabled):selected .sidebar-icon { + color: #363636; +} + +filechooser placessidebar.sidebar separator, +.nautilus-window placessidebar.sidebar separator { + background-color: transparent; +} + +filechooser.maximized placessidebar, +.nautilus-window.maximized placessidebar { + border-radius: 0; +} + +filechooser.maximized placessidebar.sidebar, +.nautilus-window.maximized placessidebar.sidebar { + background-color: #f6f6f6; +} + +.nemo-window .sidebar { + color: #363636; + background-color: rgba(246, 246, 246, 0.94); +} + +.nemo-window .sidebar .view, .nemo-window .sidebar iconview, .nemo-window .sidebar row { + background-color: transparent; + color: #363636; +} + +.nemo-window .sidebar .view.cell:selected, .nemo-window .sidebar iconview.cell:selected, .nemo-window .sidebar row.cell:selected { + background-color: #0046DB; + color: #ffffff; +} + +.nemo-window .sidebar .view.expander, .nemo-window .sidebar iconview.expander, .nemo-window .sidebar row.expander { + color: rgba(144, 144, 144, 0.97); +} + +.nemo-window .sidebar .view.expander:hover, .nemo-window .sidebar iconview.expander:hover, .nemo-window .sidebar row.expander:hover { + color: #363636; +} + +.nemo-window .sidebar separator { + background-color: transparent; +} + +.caja-side-pane, +.caja-side-pane > notebook > stack > widget > box, +.caja-side-pane text, +.caja-side-pane treeview { + color: #363636; + caret-color: #363636; + background-color: #f6f6f6; +} + +.caja-side-pane > box button:not(:active):not(:checked) { + color: #363636; +} + +.caja-side-pane .frame { + border-color: rgba(0, 0, 0, 0.11); +} + +.caja-side-pane junction { + background-color: rgba(233, 233, 233, 0.94); +} + +filechooser actionbar { + color: #363636; + background-color: rgba(246, 246, 246, 0.94); + border-color: rgba(0, 0, 0, 0.11); +} + +filechooser actionbar label, filechooser actionbar combobox { + color: #363636; +} + +.gedit-bottom-panel-paned { + background-color: #ffffff; +} + +.gedit-side-panel-paned > separator { + background-image: linear-gradient(to bottom, #e9e9e9, #e9e9e9); +} + +.gedit-bottom-panel-paned > separator { + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.11), rgba(0, 0, 0, 0.11)); +} + +.gedit-document-panel { + background-color: rgba(246, 246, 246, 0.94); +} + +.maximized .gedit-document-panel { + background-color: #f6f6f6; +} + +.gedit-document-panel row { + color: #363636; + background-color: rgba(54, 54, 54, 0); +} + +.gedit-document-panel row:hover { + background-color: rgba(54, 54, 54, 0.15); +} + +.gedit-document-panel row:active { + color: #ffffff; + background-color: #0046DB; +} + +.gedit-document-panel row:active button { + color: #ffffff; +} + +.gedit-document-panel row:selected, .gedit-document-panel row:selected:hover { + color: #ffffff; + background-color: #0046DB; +} + +.gedit-document-panel row:hover:not(:selected) button:active { + color: #363636; +} + +filechooser actionbar button { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.35); +} + +.caja-side-pane > box button:hover:not(:active), filechooser actionbar button:hover { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.45); +} + +filechooser actionbar button:active, filechooser actionbar button:checked { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0046DB; +} + +filechooser actionbar button:disabled { + color: #bcbcbc; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.2); +} + +filechooser actionbar entry { + color: #363636; + border-color: rgba(0, 0, 0, 0.11); + background-color: rgba(255, 255, 255, 0.35); +} + +filechooser actionbar entry image, filechooser actionbar entry image:hover { + color: inherit; +} + +filechooser actionbar entry:focus { + color: #ffffff; + border-color: rgba(0, 0, 0, 0.11); + background-color: #0046DB; +} + +filechooser actionbar entry:disabled { + color: #363636; + background-color: rgba(255, 255, 255, 0.2); +} + +filechooser placessidebar.sidebar scrollbar, +.nautilus-window placessidebar.sidebar scrollbar, .nemo-window .sidebar scrollbar, .caja-side-pane scrollbar { + border-color: transparent; +} + +filechooser placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nautilus-window placessidebar.sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .nemo-window .sidebar scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider, .caja-side-pane scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider { + background-color: rgba(92, 92, 92, 0.35); + border: none; +} + +filechooser placessidebar.sidebar scrollbar slider, .nautilus-window placessidebar.sidebar scrollbar slider, .nemo-window .sidebar scrollbar slider, .caja-side-pane scrollbar slider { + min-width: 4px; + background-color: rgba(92, 92, 92, 0.7); +} + +filechooser placessidebar.sidebar scrollbar slider:hover, .nautilus-window placessidebar.sidebar scrollbar slider:hover, .nemo-window .sidebar scrollbar slider:hover, .caja-side-pane scrollbar slider:hover { + background-color: dimgray; +} + +filechooser placessidebar.sidebar scrollbar slider:hover:active, .nautilus-window placessidebar.sidebar scrollbar slider:hover:active, .nemo-window .sidebar scrollbar slider:hover:active, .caja-side-pane scrollbar slider:hover:active { + background-color: #686868; +} + +filechooser placessidebar.sidebar scrollbar slider:disabled, .nautilus-window placessidebar.sidebar scrollbar slider:disabled, .nemo-window .sidebar scrollbar slider:disabled, .caja-side-pane scrollbar slider:disabled { + background-color: transparent; +} + +filechooser placessidebar.sidebar scrollbar trough, .nautilus-window placessidebar.sidebar scrollbar trough, .nemo-window .sidebar scrollbar trough, .caja-side-pane scrollbar trough { + background-color: transparent; +} + +@define-color theme_fg_color #242424; +@define-color theme_text_color #363636; +@define-color theme_bg_color #f5f5f5; +@define-color theme_base_color #ffffff; +@define-color theme_selected_bg_color #0046DB; +@define-color theme_selected_fg_color #ffffff; +@define-color fg_color #242424; +@define-color text_color #363636; +@define-color bg_color #f5f5f5; +@define-color base_color #ffffff; +@define-color selected_bg_color #0046DB; +@define-color selected_fg_color #ffffff; +@define-color insensitive_bg_color #fbfbfb; +@define-color insensitive_fg_color alpha(#242424, 0.5); +@define-color insensitive_base_color #ffffff; +@define-color theme_unfocused_fg_color #242424; +@define-color theme_unfocused_text_color #363636; +@define-color theme_unfocused_bg_color #f5f5f5; +@define-color theme_unfocused_base_color #ffffff; +@define-color borders rgba(0, 0, 0, 0.11); +@define-color unfocused_borders rgba(0, 0, 0, 0.11); +@define-color warning_color #F27835; +@define-color error_color #FC4138; +@define-color success_color #71c837; +@define-color placeholder_text_color #A8A8A8; +@define-color link_color #3484e2; +@define-color content_view_bg #ffffff; +/****************** + * Budgie Desktop * + ******************/ +.budgie-settings-window buttonbox.inline-toolbar button, .budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:not(.image-button), .workspace-switcher .workspace-add-button, .raven .raven-header:not(.top) button, .raven-mpris button.image-button, .drop-shadow button, window.budgie-switcher-window .drop-shadow button { + border: none; + background-color: transparent; + box-shadow: none; +} + +.budgie-settings-window buttonbox.inline-toolbar button:hover, .budgie-popover:not(.budgie-menu) button.flat:hover:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:hover:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:hover:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:hover:not(.image-button), .workspace-switcher .workspace-add-button:hover, .raven .raven-header:not(.top) button:hover, .raven-mpris button.image-button:hover, .drop-shadow button:hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.15); +} + +.budgie-settings-window buttonbox.inline-toolbar button:checked, .budgie-popover:not(.budgie-menu) button.flat:checked:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:checked:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:checked:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:checked:not(.image-button), .workspace-switcher .workspace-add-button:checked, .raven .raven-header:not(.top) button:checked, .raven-mpris button.image-button:checked, .drop-shadow button:checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.65); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +.budgie-settings-window buttonbox.inline-toolbar button:active, .budgie-popover:not(.budgie-menu) button.flat:active:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:active:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:active:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:active:not(.image-button), .workspace-switcher .workspace-add-button:active, .raven .raven-header:not(.top) button:active, .raven-mpris button.image-button:active, .drop-shadow button:active { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +.budgie-settings-window buttonbox.inline-toolbar button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:disabled:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:disabled:not(.image-button), .workspace-switcher .workspace-add-button:disabled, .raven .raven-header:not(.top) button:disabled, .raven-mpris button.image-button:disabled, .drop-shadow button:disabled { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar button:disabled label, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button) label, .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:disabled:not(.image-button) label, .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:disabled:not(.image-button) label, .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:disabled:not(.image-button) label, .workspace-switcher .workspace-add-button:disabled label, .raven .raven-header:not(.top) button:disabled label, .raven-mpris button.image-button:disabled label, .drop-shadow button:disabled label, .budgie-settings-window buttonbox.inline-toolbar button:disabled, .budgie-popover:not(.budgie-menu) button.flat:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:disabled:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:disabled:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:disabled:not(.image-button), .workspace-switcher .workspace-add-button:disabled, .raven .raven-header:not(.top) button:disabled, .raven-mpris button.image-button:disabled, .drop-shadow button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +.budgie-container { + background-color: transparent; +} + +.budgie-settings-window buttonbox.inline-toolbar { + border-style: none none solid; +} + +.budgie-settings-window buttonbox.inline-toolbar button { + border-radius: 5px; + -gtk-outline-radius: 5px; +} + +.budgie-popover { + margin: 0; + padding: 0; + border: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 6px; + box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25), 0 2px 3px 0 rgba(0, 0, 0, 0.25); + background-color: rgba(245, 245, 245, 0.95); +} + +.budgie-popover .container { + padding: 2px; +} + +.budgie-popover border { + border: none; +} + +.budgie-popover list { + background-color: transparent; +} + +.budgie-popover row { + padding: 0; + background-color: transparent; +} + +.budgie-popover row:hover { + box-shadow: none; + background-color: transparent; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button), .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:not(.image-button), .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:not(.image-button), .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:not(.image-button) { + min-height: 28px; + padding: 0 8px; + color: #242424; + font-weight: normal; +} + +.budgie-popover:not(.budgie-menu) button.flat:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) button.budgie-menu-launcher:not(.image-button):disabled, .budgie-popover:not(.budgie-menu) .budgie-panel #tasklist-button:not(.image-button):disabled, .budgie-panel .budgie-popover:not(.budgie-menu) #tasklist-button:not(.image-button):disabled { + color: rgba(36, 36, 36, 0.55); +} + +.budgie-popover.budgie-menu .container { + padding: 0; +} + +.budgie-popover.user-menu .container { + padding: 8px; +} + +.budgie-popover.user-menu separator { + margin: 4px 0; +} + +.budgie-popover.sound-popover separator { + margin: 3px 0; +} + +.budgie-popover.night-light-indicator .container { + padding: 8px; +} + +.budgie-popover.places-menu .container { + padding: 8px; +} + +.budgie-popover.places-menu .places-list:not(.always-expand) { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.11); +} + +.budgie-popover.places-menu .alternative-label { + padding: 3px; + font-size: 15px; +} + +.budgie-popover.workspace-popover .container { + padding: 2px 8px 8px; +} + +.budgie-popover.workspace-popover separator { + margin: 4px 0; +} + +.budgie-popover.workspace-popover flowboxchild { + padding: 0; +} + +.workspace-switcher .workspace-layout { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-layout:dir(ltr), +.bottom .workspace-switcher .workspace-layout:dir(ltr) { + border-left-width: 1px; +} + +.top .workspace-switcher .workspace-layout:dir(rtl), +.bottom .workspace-switcher .workspace-layout:dir(rtl) { + border-right-width: 1px; +} + +.left .workspace-switcher .workspace-layout, +.right .workspace-switcher .workspace-layout { + border-top-width: 1px; +} + +.workspace-switcher .workspace-item, +.workspace-switcher .workspace-add-button { + border: 0 solid rgba(255, 255, 255, 0.12); +} + +.top .workspace-switcher .workspace-item:dir(ltr), +.bottom .workspace-switcher .workspace-item:dir(ltr), .top +.workspace-switcher .workspace-add-button:dir(ltr), +.bottom +.workspace-switcher .workspace-add-button:dir(ltr) { + border-right-width: 1px; +} + +.top .workspace-switcher .workspace-item:dir(rtl), +.bottom .workspace-switcher .workspace-item:dir(rtl), .top +.workspace-switcher .workspace-add-button:dir(rtl), +.bottom +.workspace-switcher .workspace-add-button:dir(rtl) { + border-left-width: 1px; +} + +.left .workspace-switcher .workspace-item, +.right .workspace-switcher .workspace-item, .left +.workspace-switcher .workspace-add-button, +.right +.workspace-switcher .workspace-add-button { + border-bottom-width: 1px; +} + +.workspace-switcher .workspace-item { + transition: all 0.2s cubic-bezier(0, 0, 0.2, 1); +} + +.workspace-switcher .workspace-item.current-workspace { + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-switcher .workspace-add-button { + background-color: transparent; + background-image: none; +} + +.workspace-switcher .workspace-add-button:hover { + box-shadow: none; +} + +.workspace-switcher .workspace-add-button:active { + background-image: none; +} + +.workspace-switcher .workspace-add-button:active image { + margin: 1px 0 -1px; +} + +.budgie-panel .workspace-switcher .workspace-icon-button { + min-height: 24px; + min-width: 24px; + padding: 0; + border-radius: 5px; +} + +.budgie-menu.background { + padding: 0; + background-color: #ffffff; +} + +.budgie-menu scrollbar, +.budgie-menu entry.search { + background-color: transparent; +} + +.budgie-menu entry.search { + border: none; + border-bottom: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 0; + box-shadow: none; + font-size: 120%; +} + +.budgie-menu .categories:dir(ltr) { + border-bottom-left-radius: 5px; +} + +.budgie-menu .categories:dir(rtl) { + border-bottom-right-radius: 5px; +} + +.budgie-menu button { + min-height: 32px; + padding: 0 8px; + border-radius: 0; + color: #242424; + font-weight: normal; + border: none; +} + +.budgie-menu button:disabled { + color: rgba(36, 36, 36, 0.55); +} + +.budgie-menu button:checked:disabled { + background-color: #0046DB; +} + +.budgie-menu row { + padding: 0; +} + +.budgie-menu row:hover { + box-shadow: none; +} + +popover.background.user-menu { + padding: 8px; +} + +popover.background.user-menu .content-box { + background-color: transparent; +} + +popover.background.user-menu separator { + margin: 4px 0; +} + +popover.background.user-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +popover.background.places-menu { + padding: 8px; +} + +popover.background.places-menu .name-button.text-button { + padding-left: 8px; + padding-right: 8px; +} + +popover.background.places-menu .name-button.text-button image:dir(ltr) { + margin-right: 3px; +} + +popover.background.places-menu .name-button.text-button image:dir(rtl) { + margin-left: 3px; +} + +popover.background.places-menu .places-section-header > image:dir(ltr) { + margin: 0 -2px 0 5px; +} + +popover.background.places-menu .places-section-header > image:dir(rtl) { + margin: 0 5px 0 -2px; +} + +popover.background.places-menu .places-list { + margin-top: 4px; + padding-top: 4px; + border-top: 1px solid rgba(0, 0, 0, 0.11); + background-color: transparent; +} + +popover.background.places-menu row { + padding: 0; + box-shadow: none; + background-image: none; +} + +.budgie-panel { + transition: background-color 0.2s cubic-bezier(0, 0, 0.2, 1); + background-color: rgba(229, 229, 229, 0.95); + color: rgba(40, 32, 32, 0.8); + font-weight: 500; +} + +.budgie-panel.transparent { + background-color: rgba(229, 229, 229, 0.65); +} + +.budgie-panel button { + min-height: 16px; + min-width: 16px; + padding: 0; + border-radius: 0; + color: rgba(40, 32, 32, 0.8); + border-top-width: 0; + border-bottom-width: 0; + border: none; +} + +.budgie-panel button:checked { + background-color: rgba(40, 32, 32, 0.12); +} + +.budgie-panel.horizontal button { + padding: 0 4px; +} + +.budgie-panel.vertical button { + padding: 4px 0; +} + +.budgie-panel separator { + background-color: rgba(0, 0, 0, 0.11); +} + +.budgie-panel menubar, +.budgie-panel .menubar { + box-shadow: none; + color: rgba(40, 32, 32, 0.8); + background-image: none; + background-color: transparent; +} + +.budgie-panel menubar > menuitem, +.budgie-panel .menubar > menuitem { + border: none; + background-image: none; +} + +.budgie-panel menubar > menuitem:hover, +.budgie-panel .menubar > menuitem:hover { + background-color: #0046DB; +} + +.budgie-panel menubar > menuitem:disabled, +.budgie-panel .menubar > menuitem:disabled { + color: rgba(40, 32, 32, 0.2); +} + +.budgie-panel .alert { + color: #f8464c; +} + +.budgie-panel #tasklist-button { + padding: 0 4px; +} + +.budgie-panel.vertical #tasklist-button { + min-height: 32px; +} + +.budgie-panel button.launcher.budgie-menu-launcher, .budgie-panel .launcher#tasklist-button, .budgie-panel button.launcher.flat { + padding: 0; +} + +.budgie-panel button.launcher.budgie-menu-launcher:not(:checked), .budgie-panel .launcher#tasklist-button:not(:checked), .budgie-panel button.launcher.flat:not(:checked) { + color: #242424; +} + +.budgie-panel button.launcher.budgie-menu-launcher:not(:checked):hover, .budgie-panel .launcher#tasklist-button:not(:checked):hover, .budgie-panel button.launcher.flat:not(:checked):hover, .budgie-panel button.launcher.budgie-menu-launcher:not(:checked):active, .budgie-panel .launcher#tasklist-button:not(:checked):active, .budgie-panel button.launcher.flat:not(:checked):active { + color: rgba(36, 36, 36, 0.8); +} + +.budgie-panel button.launcher.budgie-menu-launcher:not(:checked):disabled, .budgie-panel .launcher#tasklist-button:not(:checked):disabled, .budgie-panel button.launcher.flat:not(:checked):disabled { + color: rgba(36, 36, 36, 0.5); +} + +.top .budgie-panel #tasklist-button, .budgie-panel .top #tasklist-button, .top .budgie-panel button.flat.launcher, .budgie-panel .top button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.top .budgie-panel #tasklist-button:checked, .budgie-panel .top #tasklist-button:checked, .top .budgie-panel button.flat.launcher:checked, .budgie-panel .top button.flat.launcher:checked, .top .budgie-panel .unpinned button.launcher.budgie-menu-launcher, .budgie-panel .unpinned .top button.launcher.budgie-menu-launcher, .top .budgie-panel .unpinned .launcher#tasklist-button, .budgie-panel .unpinned .top .launcher#tasklist-button, .top .budgie-panel .unpinned button.launcher.flat, .budgie-panel .unpinned .top button.launcher.flat, .top .budgie-panel .pinned button.launcher.running.budgie-menu-launcher, .budgie-panel .pinned .top button.launcher.running.budgie-menu-launcher, .top .budgie-panel .pinned .launcher.running#tasklist-button, .budgie-panel .pinned .top .launcher.running#tasklist-button, .top .budgie-panel .pinned button.launcher.running.flat, .budgie-panel .pinned .top button.launcher.running.flat { + border-image: radial-gradient(circle closest-corner at center calc(1px), currentColor 100%, transparent 0%) 2 0 0 0/2px 0 0 0; +} + +.bottom .budgie-panel #tasklist-button, .budgie-panel .bottom #tasklist-button, .bottom .budgie-panel button.flat.launcher, .budgie-panel .bottom button.flat.launcher { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.bottom .budgie-panel #tasklist-button:checked, .budgie-panel .bottom #tasklist-button:checked, .bottom .budgie-panel button.flat.launcher:checked, .budgie-panel .bottom button.flat.launcher:checked, .bottom .budgie-panel .unpinned button.launcher.budgie-menu-launcher, .budgie-panel .unpinned .bottom button.launcher.budgie-menu-launcher, .bottom .budgie-panel .unpinned .launcher#tasklist-button, .budgie-panel .unpinned .bottom .launcher#tasklist-button, .bottom .budgie-panel .unpinned button.launcher.flat, .budgie-panel .unpinned .bottom button.launcher.flat, .bottom .budgie-panel .pinned button.launcher.running.budgie-menu-launcher, .budgie-panel .pinned .bottom button.launcher.running.budgie-menu-launcher, .bottom .budgie-panel .pinned .launcher.running#tasklist-button, .budgie-panel .pinned .bottom .launcher.running#tasklist-button, .bottom .budgie-panel .pinned button.launcher.running.flat, .budgie-panel .pinned .bottom button.launcher.running.flat { + border-image: radial-gradient(circle closest-corner at center calc(100% - 1px), currentColor 100%, transparent 0%) 0 0 2 0/0 0 2px 0; +} + +.left .budgie-panel #tasklist-button, .budgie-panel .left #tasklist-button, .left .budgie-panel button.flat.launcher, .budgie-panel .left button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.left .budgie-panel #tasklist-button:checked, .budgie-panel .left #tasklist-button:checked, .left .budgie-panel button.flat.launcher:checked, .budgie-panel .left button.flat.launcher:checked, .left .budgie-panel .unpinned button.launcher.budgie-menu-launcher, .budgie-panel .unpinned .left button.launcher.budgie-menu-launcher, .left .budgie-panel .unpinned .launcher#tasklist-button, .budgie-panel .unpinned .left .launcher#tasklist-button, .left .budgie-panel .unpinned button.launcher.flat, .budgie-panel .unpinned .left button.launcher.flat, .left .budgie-panel .pinned button.launcher.running.budgie-menu-launcher, .budgie-panel .pinned .left button.launcher.running.budgie-menu-launcher, .left .budgie-panel .pinned .launcher.running#tasklist-button, .budgie-panel .pinned .left .launcher.running#tasklist-button, .left .budgie-panel .pinned button.launcher.running.flat, .budgie-panel .pinned .left button.launcher.running.flat { + border-image: radial-gradient(circle closest-corner at calc(1px) center, currentColor 100%, transparent 0%) 0 0 0 2/0 0 0 2px; +} + +.right .budgie-panel #tasklist-button, .budgie-panel .right #tasklist-button, .right .budgie-panel button.flat.launcher, .budgie-panel .right button.flat.launcher { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 0%, transparent 0%) 0 0 0 0/0 0 0 0; +} + +.right .budgie-panel #tasklist-button:checked, .budgie-panel .right #tasklist-button:checked, .right .budgie-panel button.flat.launcher:checked, .budgie-panel .right button.flat.launcher:checked, .right .budgie-panel .unpinned button.launcher.budgie-menu-launcher, .budgie-panel .unpinned .right button.launcher.budgie-menu-launcher, .right .budgie-panel .unpinned .launcher#tasklist-button, .budgie-panel .unpinned .right .launcher#tasklist-button, .right .budgie-panel .unpinned button.launcher.flat, .budgie-panel .unpinned .right button.launcher.flat, .right .budgie-panel .pinned button.launcher.running.budgie-menu-launcher, .budgie-panel .pinned .right button.launcher.running.budgie-menu-launcher, .right .budgie-panel .pinned .launcher.running#tasklist-button, .budgie-panel .pinned .right .launcher.running#tasklist-button, .right .budgie-panel .pinned button.launcher.running.flat, .budgie-panel .pinned .right button.launcher.running.flat { + border-image: radial-gradient(circle closest-corner at calc(100% - 1px) center, currentColor 100%, transparent 0%) 0 2 0 0/0 2px 0 0; +} + +frame.raven-frame > border { + border-style: none; + box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25), 0 0 8px 0 rgba(0, 0, 0, 0.25); +} + +.top frame.raven-frame > border { + margin-bottom: 32px; +} + +.bottom frame.raven-frame > border { + margin-top: 32px; +} + +.left frame.raven-frame > border { + margin-right: 32px; +} + +.right frame.raven-frame > border { + margin-left: 32px; +} + +.raven { + background-color: rgba(245, 245, 245, 0.95); +} + +.raven > box { + margin-bottom: -10px; +} + +.raven > stack { + margin-bottom: -10px; +} + +.raven .raven-header { + min-height: 36px; + padding: 3px; +} + +.raven .raven-header:not(.top) { + margin-top: -6px; +} + +.raven .raven-header:not(.top) button { + min-height: 28px; + min-width: 28px; + margin: 0; + padding: 0; +} + +.raven .raven-header:not(.top) button.image-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-header.top { + padding: 2px 12px; + color: #242424; +} + +.raven .raven-header.top stackswitcher button { + margin: -6px 0; + min-height: 26px; +} + +.raven .raven-header.top button.image-button:dir(ltr) { + margin-right: 2px; +} + +.raven .raven-header.top button.image-button:dir(rtl) { + margin-left: 2px; +} + +.raven .raven-header.top > image { + margin: 0 8px; +} + +.raven .raven-header.top > label { + margin: 0 -8px; + font-weight: bold; +} + +.raven .raven-header.bottom { + border-top: 1px solid rgba(0, 0, 0, 0.11); +} + +.raven viewport.frame .raven-header { + margin-top: -8px; +} + +.raven .expander-button { + border-radius: 100px; + -gtk-outline-radius: 100px; +} + +.raven .raven-background { + border-style: solid none; + border-width: 1px; + border-color: rgba(0, 0, 0, 0.11); + background-color: #ffffff; +} + +.raven .raven-background.middle { + border-bottom-style: none; +} + +.raven .raven-background.frame { + border-style: solid none; +} + +.raven .raven-background > overlay > widget > image { + color: alpha(currentColor,0.12); +} + +.raven .raven-background grid > label:first-child { + min-height: 26px; +} + +.raven scrolledwindow.raven-background { + border-bottom-style: none; +} + +.raven .raven-header.top + .raven-background { + border-style: none; + background-color: #0046DB; + color: #ffffff; +} + +.raven .raven-header.top + .raven-background stackswitcher button { + margin: -4px 0; +} + +.raven .powerstrip button.image-button { + min-height: 28px; + min-width: 28px; + margin: 0 4px; + padding: 6px; +} + +.raven .option-subtitle { + font-size: smaller; +} + +calendar.raven-calendar { + margin: 2px 0; + padding: 2px; + border-style: none; + background-color: transparent; +} + +calendar.raven-calendar:selected { + border-radius: 3px; + background-color: #0046DB; +} + +.raven-mpris { + background-color: rgba(0, 0, 0, 0.5); + color: #ffffff; +} + +.raven-mpris label { + min-height: 24px; +} + +.raven-mpris button.image-button { + padding: 8px; +} + +.budgie-notification-window, .budgie-osd-window, .budgie-switcher-window { + background-color: transparent; + background-image: none; + border-radius: 6px; +} + +.budgie-notification, .budgie-switcher { + background-color: transparent; + background-image: none; +} + +.budgie-notification .notification-title, .budgie-switcher .notification-title { + font-size: 120%; +} + +.budgie-osd { + background-color: transparent; + background-image: none; +} + +.budgie-osd .budgie-osd-text { + font-size: 120%; +} + +window.budgie-switcher-window { + border-radius: 6px; + background-color: transparent; + background-image: none; +} + +window.budgie-switcher-window flowboxchild { + margin: 2px; + border-radius: 6px; + -gtk-outline-radius: 6px; + background-image: none; +} + +.drop-shadow, window.budgie-switcher-window .drop-shadow { + margin: 5px 9px; + padding: 8px; + border-radius: 6px; + box-shadow: 0 5px 5px 0 transparent, 0 8px 15px 0 transparent, 0 3px 3px 0 rgba(0, 0, 0, 0.25); + background-color: rgba(255, 255, 255, 0.95); + background-image: none; +} + +.drop-shadow .linked > button { + border-radius: 5px; +} + +.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog { + border-radius: 6px; + background-color: #f5f5f5; +} + +.background.budgie-session-dialog, .background.budgie-polkit-dialog, .background.budgie-run-dialog { + border-radius: 6px; +} + +.budgie-session-dialog decoration, .budgie-polkit-dialog decoration, .budgie-run-dialog decoration { + border-radius: 6px; +} + +.budgie-session-dialog label:not(:last-child), +.budgie-session-dialog .dialog-title { + font-size: 120%; +} + +.budgie-session-dialog .linked.horizontal > button { + padding: 8px 16px; + border: none; + border-top: 1px solid rgba(0, 0, 0, 0.11); + border-radius: 0; +} + +.budgie-session-dialog .linked.horizontal > button:first-child { + border-bottom-left-radius: 6px; +} + +.budgie-session-dialog .linked.horizontal > button:last-child { + border-bottom-right-radius: 6px; +} + +.budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):hover { + color: #0b0b0b; + background-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.15); + border-color: rgba(0, 0, 0, 0.11); + transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); +} + +.budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):active, .budgie-session-dialog .linked.horizontal > button:not(.suggested-action):not(.destructive-action):checked { + background-image: none; + color: #ffffff; + background-color: rgba(0, 0, 0, 0.5); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + -gtk-icon-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); + border-color: rgba(0, 0, 0, 0.11); + text-shadow: 0 -1px rgba(255, 255, 255, 0.04), -1px 0px rgba(32, 32, 32, 0.05), 1px 0px rgba(32, 32, 32, 0.05), 0px 1px rgba(32, 32, 32, 0.3), 0px 2px rgba(32, 32, 32, 0.05); +} + +.budgie-polkit-dialog .message { + color: alpha(currentColor,0.6); +} + +.budgie-polkit-dialog .failure { + color: #f8464c; +} + +.budgie-run-dialog { + background-color: #ffffff; +} + +.budgie-run-dialog entry.search { + font-size: 120%; + padding: 6px 12px; + box-shadow: inset 0 1px rgba(255, 255, 255, 0.75); + background-color: transparent; +} + +.budgie-run-dialog list .dim-label, .budgie-run-dialog list label.separator, .budgie-run-dialog list headerbar .subtitle, headerbar .budgie-run-dialog list .subtitle, +.budgie-run-dialog list .titlebar:not(headerbar) .subtitle, .titlebar:not(headerbar) .budgie-run-dialog list .subtitle, .budgie-run-dialog list .budgie-notification .notification-body, .budgie-notification .budgie-run-dialog list .notification-body, .budgie-run-dialog list .budgie-switcher .notification-body, .budgie-switcher .budgie-run-dialog list .notification-body { + opacity: 1; +} + +.budgie-run-dialog scrolledwindow { + border-top: 1px solid rgba(0, 0, 0, 0.11); +} diff --git a/src/gtk-3.0/gtk-compact-light.scss b/src/gtk-3.0/gtk-compact-light.scss new file mode 100644 index 0000000..beaff61 --- /dev/null +++ b/src/gtk-3.0/gtk-compact-light.scss @@ -0,0 +1,15 @@ +$variant: 'light'; +$darker: 'false'; +$compact: 'true'; +$transparency: 'true'; + +@import 'sass/colors'; +@import 'sass/drawing-compact'; +@import 'sass/common'; +@import 'sass/applications'; +@import 'sass/unity'; +@import 'sass/granite'; +@import 'sass/lightdm'; +@import 'sass/transparent_widgets'; +@import 'sass/colors-public'; +@import 'sass/budgie.scss'; diff --git a/src/gtk-3.0/gtk-dark-solid.css b/src/gtk-3.0/gtk-dark-solid.css index 9199411..bf23f96 100644 --- a/src/gtk-3.0/gtk-dark-solid.css +++ b/src/gtk-3.0/gtk-dark-solid.css @@ -926,7 +926,7 @@ button.font separator, button.file separator { } .linked:not(.vertical).path-bar > button + button { - border-left-style: solid; + border-left-style: none; } .linked.vertical > entry + entry { @@ -1648,8 +1648,8 @@ headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entr headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { opacity: 0.85; - box-shadow: none; background-image: none; + box-shadow: none; } headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { @@ -1728,8 +1728,8 @@ paned.titlebar.horizontal headerbar button.flat.toggle.popup:backdrop:not(.image headerbar button:backdrop, .nemo-window .primary-toolbar button:backdrop { opacity: 0.7; - box-shadow: none; background-image: none; + box-shadow: none; } paned.titlebar.horizontal headerbar button.flat.toggle.popup:hover:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:hover:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:hover:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:hover:not(.image-button), @@ -1800,6 +1800,25 @@ headerbar button:disabled:checked, box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } +paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button), +headerbar button.flat, +.nemo-window .primary-toolbar button.flat, +headerbar button.budgie-menu-launcher, +.nemo-window .primary-toolbar button.budgie-menu-launcher, +headerbar .budgie-panel #tasklist-button, +.budgie-panel headerbar #tasklist-button, +.nemo-window .primary-toolbar .budgie-panel #tasklist-button, +.budgie-panel .nemo-window .primary-toolbar #tasklist-button, +headerbar .budgie-panel button.flat.launcher, +.budgie-panel headerbar button.flat.launcher, +.nemo-window .primary-toolbar .budgie-panel button.flat.launcher, +.budgie-panel .nemo-window .primary-toolbar button.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + headerbar.selection-mode button, .nemo-window .selection-mode.primary-toolbar button, headerbar.selection-mode button.flat, .nemo-window .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.budgie-menu-launcher, .nemo-window .selection-mode.primary-toolbar button.budgie-menu-launcher, headerbar.selection-mode .budgie-panel #tasklist-button, .budgie-panel headerbar.selection-mode #tasklist-button, .nemo-window .selection-mode.primary-toolbar .budgie-panel #tasklist-button, .budgie-panel .nemo-window .selection-mode.primary-toolbar #tasklist-button, headerbar.selection-mode .budgie-panel button.flat.launcher, .budgie-panel headerbar.selection-mode button.flat.launcher { border-color: transparent; background-color: transparent; @@ -1849,20 +1868,6 @@ headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + border-left-color: rgba(255, 255, 255, 0.12); } -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), -.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), -.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), -.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop { - box-shadow: none; -} - headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical).path-bar > button, .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button { @@ -1920,8 +1925,8 @@ headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop headerbar .linked:not(.vertical).path-bar > button:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop { opacity: 0.7; - box-shadow: none; background-image: none; + box-shadow: none; } headerbar button.suggested-action, .nemo-window .primary-toolbar button.suggested-action { @@ -5266,7 +5271,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; + border-left-style: none; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-dark-solid.scss b/src/gtk-3.0/gtk-dark-solid.scss index 77d8838..118df23 100644 --- a/src/gtk-3.0/gtk-dark-solid.scss +++ b/src/gtk-3.0/gtk-dark-solid.scss @@ -1,5 +1,6 @@ $variant: 'dark'; $darker: 'false'; +$compact: 'false'; $transparency: 'false'; @import 'sass/colors'; diff --git a/src/gtk-3.0/gtk-dark.css b/src/gtk-3.0/gtk-dark.css index 84f0c0f..886e432 100644 --- a/src/gtk-3.0/gtk-dark.css +++ b/src/gtk-3.0/gtk-dark.css @@ -926,7 +926,7 @@ button.font separator, button.file separator { } .linked:not(.vertical).path-bar > button + button { - border-left-style: solid; + border-left-style: none; } .linked.vertical > entry + entry { @@ -1648,8 +1648,8 @@ headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entr headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { opacity: 0.85; - box-shadow: none; background-image: none; + box-shadow: none; } headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { @@ -1728,8 +1728,8 @@ paned.titlebar.horizontal headerbar button.flat.toggle.popup:backdrop:not(.image headerbar button:backdrop, .nemo-window .primary-toolbar button:backdrop { opacity: 0.7; - box-shadow: none; background-image: none; + box-shadow: none; } paned.titlebar.horizontal headerbar button.flat.toggle.popup:hover:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:hover:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:hover:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:hover:not(.image-button), @@ -1800,6 +1800,25 @@ headerbar button:disabled:checked, box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } +paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button), +headerbar button.flat, +.nemo-window .primary-toolbar button.flat, +headerbar button.budgie-menu-launcher, +.nemo-window .primary-toolbar button.budgie-menu-launcher, +headerbar .budgie-panel #tasklist-button, +.budgie-panel headerbar #tasklist-button, +.nemo-window .primary-toolbar .budgie-panel #tasklist-button, +.budgie-panel .nemo-window .primary-toolbar #tasklist-button, +headerbar .budgie-panel button.flat.launcher, +.budgie-panel headerbar button.flat.launcher, +.nemo-window .primary-toolbar .budgie-panel button.flat.launcher, +.budgie-panel .nemo-window .primary-toolbar button.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + headerbar.selection-mode button, .nemo-window .selection-mode.primary-toolbar button, headerbar.selection-mode button.flat, .nemo-window .selection-mode.primary-toolbar button.flat, headerbar.selection-mode button.budgie-menu-launcher, .nemo-window .selection-mode.primary-toolbar button.budgie-menu-launcher, headerbar.selection-mode .budgie-panel #tasklist-button, .budgie-panel headerbar.selection-mode #tasklist-button, .nemo-window .selection-mode.primary-toolbar .budgie-panel #tasklist-button, .budgie-panel .nemo-window .selection-mode.primary-toolbar #tasklist-button, headerbar.selection-mode .budgie-panel button.flat.launcher, .budgie-panel headerbar.selection-mode button.flat.launcher { border-color: transparent; background-color: transparent; @@ -1849,20 +1868,6 @@ headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + border-left-color: rgba(255, 255, 255, 0.12); } -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), -.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), -.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), -.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop { - box-shadow: none; -} - headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical).path-bar > button, .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button { @@ -1920,8 +1925,8 @@ headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop headerbar .linked:not(.vertical).path-bar > button:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop { opacity: 0.7; - box-shadow: none; background-image: none; + box-shadow: none; } headerbar button.suggested-action, .nemo-window .primary-toolbar button.suggested-action { @@ -5266,7 +5271,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; + border-left-style: none; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-dark.scss b/src/gtk-3.0/gtk-dark.scss index 1829207..a0d3642 100644 --- a/src/gtk-3.0/gtk-dark.scss +++ b/src/gtk-3.0/gtk-dark.scss @@ -1,5 +1,6 @@ $variant: 'dark'; $darker: 'false'; +$compact: 'false'; $transparency: 'true'; @import 'sass/colors'; diff --git a/src/gtk-3.0/gtk-light-solid.css b/src/gtk-3.0/gtk-light-solid.css index fb8298a..6618139 100644 --- a/src/gtk-3.0/gtk-light-solid.css +++ b/src/gtk-3.0/gtk-light-solid.css @@ -928,7 +928,7 @@ button.font separator, button.file separator { } .linked:not(.vertical).path-bar > button + button { - border-left-style: solid; + border-left-style: none; } .linked.vertical > entry + entry { @@ -1649,8 +1649,8 @@ headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entr headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { opacity: 0.85; - box-shadow: none; background-image: none; + box-shadow: none; } headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { @@ -1727,8 +1727,8 @@ paned.titlebar.horizontal headerbar button.flat.toggle.popup:backdrop:not(.image headerbar button:backdrop, .nemo-window .primary-toolbar button:backdrop { opacity: 0.7; - box-shadow: none; background-image: none; + box-shadow: none; } paned.titlebar.horizontal headerbar button.flat.toggle.popup:hover:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:hover:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:hover:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:hover:not(.image-button), @@ -1799,6 +1799,25 @@ headerbar button:disabled:checked, box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } +paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button), +headerbar button.flat, +.nemo-window .primary-toolbar button.flat, +headerbar button.budgie-menu-launcher, +.nemo-window .primary-toolbar button.budgie-menu-launcher, +headerbar .budgie-panel #tasklist-button, +.budgie-panel headerbar #tasklist-button, +.nemo-window .primary-toolbar .budgie-panel #tasklist-button, +.budgie-panel .nemo-window .primary-toolbar #tasklist-button, +headerbar .budgie-panel button.flat.launcher, +.budgie-panel headerbar button.flat.launcher, +.nemo-window .primary-toolbar .budgie-panel button.flat.launcher, +.budgie-panel .nemo-window .primary-toolbar button.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + headerbar button.flat.toggle.popup, .nemo-window .primary-toolbar button.flat.toggle.popup, headerbar button.toggle.popup.budgie-menu-launcher, .nemo-window .primary-toolbar button.toggle.popup.budgie-menu-launcher, headerbar .budgie-panel .toggle.popup#tasklist-button, .budgie-panel headerbar .toggle.popup#tasklist-button, .nemo-window .primary-toolbar .budgie-panel .toggle.popup#tasklist-button, .budgie-panel .nemo-window .primary-toolbar .toggle.popup#tasklist-button, headerbar .budgie-panel button.toggle.popup.flat.launcher, .budgie-panel headerbar button.toggle.popup.flat.launcher { border: 1px solid rgba(0, 0, 0, 0.11); } @@ -1858,20 +1877,6 @@ headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + border-left-color: rgba(0, 0, 0, 0.11); } -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), -.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), -.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), -.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop { - box-shadow: none; -} - headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical).path-bar > button, .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button { @@ -1928,8 +1933,8 @@ headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop headerbar .linked:not(.vertical).path-bar > button:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop { opacity: 0.7; - box-shadow: none; background-image: none; + box-shadow: none; } headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:not(:last-child):active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:not(:last-child):active, @@ -5290,7 +5295,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; + border-left-style: none; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-light-solid.scss b/src/gtk-3.0/gtk-light-solid.scss index 4661106..2614e9f 100644 --- a/src/gtk-3.0/gtk-light-solid.scss +++ b/src/gtk-3.0/gtk-light-solid.scss @@ -1,5 +1,6 @@ $variant: 'light'; $darker: 'false'; +$compact: 'false'; $transparency: 'false'; @import 'sass/colors'; diff --git a/src/gtk-3.0/gtk-light.css b/src/gtk-3.0/gtk-light.css index 9385c7c..7227f7a 100644 --- a/src/gtk-3.0/gtk-light.css +++ b/src/gtk-3.0/gtk-light.css @@ -928,7 +928,7 @@ button.font separator, button.file separator { } .linked:not(.vertical).path-bar > button + button { - border-left-style: solid; + border-left-style: none; } .linked.vertical > entry + entry { @@ -1649,8 +1649,8 @@ headerbar entry image, .nemo-window .primary-toolbar entry image, headerbar entr headerbar entry:backdrop, .nemo-window .primary-toolbar entry:backdrop { opacity: 0.85; - box-shadow: none; background-image: none; + box-shadow: none; } headerbar entry:focus, .nemo-window .primary-toolbar entry:focus { @@ -1727,8 +1727,8 @@ paned.titlebar.horizontal headerbar button.flat.toggle.popup:backdrop:not(.image headerbar button:backdrop, .nemo-window .primary-toolbar button:backdrop { opacity: 0.7; - box-shadow: none; background-image: none; + box-shadow: none; } paned.titlebar.horizontal headerbar button.flat.toggle.popup:hover:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:hover:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:hover:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:hover:not(.image-button), @@ -1799,6 +1799,25 @@ headerbar button:disabled:checked, box-shadow: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); } +paned.titlebar.horizontal headerbar button.flat.toggle.popup:not(.image-button), paned.titlebar.horizontal headerbar button.toggle.popup.budgie-menu-launcher:not(.image-button), paned.titlebar.horizontal headerbar .budgie-panel .toggle.popup#tasklist-button:not(.image-button), .budgie-panel paned.titlebar.horizontal headerbar .toggle.popup#tasklist-button:not(.image-button), +headerbar button.flat, +.nemo-window .primary-toolbar button.flat, +headerbar button.budgie-menu-launcher, +.nemo-window .primary-toolbar button.budgie-menu-launcher, +headerbar .budgie-panel #tasklist-button, +.budgie-panel headerbar #tasklist-button, +.nemo-window .primary-toolbar .budgie-panel #tasklist-button, +.budgie-panel .nemo-window .primary-toolbar #tasklist-button, +headerbar .budgie-panel button.flat.launcher, +.budgie-panel headerbar button.flat.launcher, +.nemo-window .primary-toolbar .budgie-panel button.flat.launcher, +.budgie-panel .nemo-window .primary-toolbar button.flat.launcher { + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; +} + headerbar button.flat.toggle.popup, .nemo-window .primary-toolbar button.flat.toggle.popup, headerbar button.toggle.popup.budgie-menu-launcher, .nemo-window .primary-toolbar button.toggle.popup.budgie-menu-launcher, headerbar .budgie-panel .toggle.popup#tasklist-button, .budgie-panel headerbar .toggle.popup#tasklist-button, .nemo-window .primary-toolbar .budgie-panel .toggle.popup#tasklist-button, .budgie-panel .nemo-window .primary-toolbar .toggle.popup#tasklist-button, headerbar .budgie-panel button.toggle.popup.flat.launcher, .budgie-panel headerbar button.toggle.popup.flat.launcher { border: 1px solid rgba(0, 0, 0, 0.11); } @@ -1858,20 +1877,6 @@ headerbar .linked:not(.vertical):not(.path-bar) > entry:focus:not(:only-child) + border-left-color: rgba(0, 0, 0, 0.11); } -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover:not(:only-child), -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), -.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):hover + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action), -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), -.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:not(:only-child), -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover), -.nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled + button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):not(:hover) { - box-shadow: none; -} - -headerbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar) > button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action):disabled:backdrop { - box-shadow: none; -} - headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button, headerbar .linked:not(.vertical).path-bar > button, .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button { @@ -1928,8 +1933,8 @@ headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:backdrop headerbar .linked:not(.vertical).path-bar > button:backdrop, .nemo-window .primary-toolbar .linked:not(.vertical).path-bar > button:backdrop { opacity: 0.7; - box-shadow: none; background-image: none; + box-shadow: none; } headerbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:not(:last-child):active, .nemo-window .primary-toolbar .linked:not(.vertical):not(.path-bar).stack-switcher > button:not(:last-child):active, @@ -5290,7 +5295,7 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can } .nemo-window .primary-toolbar widget.raised.linked:not(.vertical):not(.path-bar) > button + button { - border-left-style: solid; + border-left-style: none; } .caja-notebook { diff --git a/src/gtk-3.0/gtk-light.scss b/src/gtk-3.0/gtk-light.scss index 7c47a4f..21b4947 100644 --- a/src/gtk-3.0/gtk-light.scss +++ b/src/gtk-3.0/gtk-light.scss @@ -1,5 +1,6 @@ $variant: 'light'; $darker: 'false'; +$compact: 'false'; $transparency: 'true'; @import 'sass/colors'; diff --git a/src/gtk-3.0/sass/_common.scss b/src/gtk-3.0/sass/_common.scss index 57027e8..a5cfbe0 100644 --- a/src/gtk-3.0/sass/_common.scss +++ b/src/gtk-3.0/sass/_common.scss @@ -729,7 +729,7 @@ toolbar.inline-toolbar toolbutton { // special case, because path-bars are bugged @mixin pathbar_linking_rules($sep_color:if($variant=='light', transparentize($button_border, 0.6), transparentize($button_border, 0.5))) { - > button + button { border-left-style: solid; } + > button + button { border-left-style: none; } > button:hover:not(:checked):not(:active):not(:only-child) { @@ -1306,7 +1306,7 @@ headerbar { // min-height: if($variant == 'light', 20px, 22px); @include entry(header-normal); - &:backdrop { opacity: 0.85; box-shadow: none; background-image: none; } + &:backdrop { opacity: 0.85; background-image: none; @if $compact == 'false' { box-shadow: none; } } &:focus { @include entry(header-focus); @@ -1354,7 +1354,7 @@ headerbar { &.circular-button { @extend button.circular; } - &:backdrop { opacity: 0.7; box-shadow: none; background-image: none; } + &:backdrop { opacity: 0.7; background-image: none; @if $compact == 'false' { box-shadow: none; } } &:hover { @include button(header-hover); transition: $button_transition; @@ -1364,19 +1364,25 @@ headerbar { background-clip: if($darker=='false' and $variant=='light', border-box, padding-box); transition: $button_transition; transition-duration: 300ms; + @if $compact == 'true' { box-shadow: none; } } &:active { @include button(header-active); transition: $button_transition; transition-duration: 300ms; background-clip: if($darker=='false' and $variant=='light', border-box, padding-box); + @if $compact == 'true' { box-shadow: none; } } &:disabled { @include button(header-insensitive); } &:disabled:active, &:disabled:checked { @include button(header-insensitive-active); } // &.text-button.image-button label { padding-left: 6px; padding-right: 6px; } + + &.flat { + @include button(undecorated); + } } - button.flat.toggle.popup { @if $variant == 'light' { border: 1px solid $borders_color; } } + button.flat.toggle.popup { @if $variant == 'light' and $compact == 'false' { border: 1px solid $borders_color; } } &.selection-mode button { @@ -1425,7 +1431,7 @@ headerbar { .linked:not(.vertical):not(.path-bar):not(.stack-switcher) { button:not(:only-child):not(:last-child) { &, &:hover, &:active, &:checked, &:disabled { - margin-right: if($variant=='light', 0, 1px); + margin-right: if($variant=='light' and $compact=='false', 0, 1px); } } } @@ -1436,7 +1442,7 @@ headerbar { .linked:not(.vertical):not(.path-bar) > button { &, &:hover, &:active, &:checked, &:disabled { border-radius: $bt_radius; - @if $variant == 'light' { border: 1px solid $borders_color; } + @if $variant == 'light' and $compact == 'false' { border: 1px solid $borders_color; } } } @@ -1446,10 +1452,10 @@ headerbar { border-radius: $bt_radius; margin-right: 4px; margin-left: 3px; - @if $variant == 'light' { border: 1px solid $borders_color; } + @if $variant == 'light' and $compact == 'false' { border: 1px solid $borders_color; } } - &:focus { @if $variant == 'light' { border: 1px solid $entry_highlight; } } + &:focus { @if $variant == 'light' and $compact == 'false' { border: 1px solid $entry_highlight; } } } // use linking rules for entries only @@ -1471,15 +1477,15 @@ headerbar { } } - .linked:not(.vertical):not(.path-bar) { - $_uncolored_button: 'button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action)'; +// .linked:not(.vertical):not(.path-bar) { +// $_uncolored_button: 'button:not(:checked):not(:active):not(.suggested-action):not(.destructive-action)'; - > #{$_uncolored_button}:hover:not(:only-child), - > #{$_uncolored_button}:hover + #{$_uncolored_button}, - > #{$_uncolored_button}:disabled:not(:only-child), - > #{$_uncolored_button}:disabled + #{$_uncolored_button}:not(:hover) { box-shadow: none; } - > #{$_uncolored_button}:disabled:backdrop { box-shadow: none; } - } +// > #{$_uncolored_button}:hover:not(:only-child), +// > #{$_uncolored_button}:hover + #{$_uncolored_button}, +// > #{$_uncolored_button}:disabled:not(:only-child), +// > #{$_uncolored_button}:disabled + #{$_uncolored_button}:not(:hover) { box-shadow: none; } +// > #{$_uncolored_button}:disabled:backdrop { box-shadow: none; } +// } // special case for path-bars and stack-switchers .linked:not(.vertical):not(.path-bar).stack-switcher, @@ -1491,14 +1497,14 @@ headerbar { &:active { @include button(header-active); } &:checked { @include button(header-checked); } &:disabled { color: transparentize($header_fg, 0.4); } - &:backdrop { opacity: 0.7; box-shadow: none; background-image: none; } + &:backdrop { opacity: 0.7; background-image: none; @if $compact == 'false' { box-shadow: none; } } &, &:hover, &:active, &:checked, &:disabled { @extend %linked; } } // fixed ugly border color > button:not(:last-child) { - &:active { @if $variant=='light' { box-shadow: 1px 0 $header_button_active_bg; } } - &:checked { @if $variant=='light' { box-shadow: 1px 0 $header_button_checked_bg; } } + &:active { @if $variant=='light'and $compact == 'false' { box-shadow: 1px 0 $header_button_active_bg; } } + &:checked { @if $variant=='light' and $compact == 'false' { box-shadow: 1px 0 $header_button_checked_bg; } } } // @include pathbar_linking_rules($sep_color: $button_border); diff --git a/src/gtk-3.0/sass/_drawing-compact.scss b/src/gtk-3.0/sass/_drawing-compact.scss new file mode 100644 index 0000000..156afcb --- /dev/null +++ b/src/gtk-3.0/sass/_drawing-compact.scss @@ -0,0 +1,497 @@ +// Shadows +$shadow_0: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); // Slider hover shadow +$shadow_1: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); // Header-button shadow +$shadow_2: 0px 1px 1px 0px rgba(16, 16, 16, 0.1), 0px 1px 2px 0px rgba(16, 16, 16, 0.05); // Slider normal shadow +$shadow_3: 0px 1px 1px 0px rgba(16, 16, 16, 0.04), 0px 1px 2px 0px rgba(16, 16, 16, 0.01); // Normal button shadow +$shadow_4: 0px 2px 3px 0px rgba(16, 16, 16, 0.2), 0px 3px 5px 0px rgba(16, 16, 16, 0.15); // Switch-slider hover shadow +$shadow_5: 0px 1px 2px 0px rgba(16, 16, 16, 0.15), 0px 2px 3px 0px rgba(16, 16, 16, 0.1); // Switch-slider normal shadow +$text_shadow: 0 -1px rgba(#ffffff, 0.04), -1px 0px rgba(#202020, 0.05), 1px 0px rgba(#202020, 0.05), + 0px 1px rgba(#202020, 0.3), 0px 2px rgba(#202020, 0.05); // text and icon shadow + +// Transitions +$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); +$transition_1: all 0.3s cubic-bezier(0, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); +$transition_2: all 0.2s cubic-bezier(0, 0, 0.2, 1); +$shadow_transition: box-shadow 0.2s cubic-bezier(0, 0, 0.2, 1); +$button_transition: all 200ms $ease-out-quad; +$backdrop_transition: 200ms ease-out; + +// Animations +$switch_animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); + +@keyframes switch_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, + $success_color 0%, + transparent 0%); + } + + to { + background-image: radial-gradient(circle farthest-corner at center, + $success_color 100%, + transparent 0%); + } +} + +@keyframes header_ripple_effect { + from { + background-image: radial-gradient(circle farthest-corner at center, + $header_bg 0%, + transparent 0%); + } + + to { + background-image: radial-gradient(circle farthest-corner at center, + $header_bg 100%, + transparent 0%); + } +} + +// Drawing mixins + +// Solid color image +@function _solid($c) { + @return linear-gradient(to bottom, $c, $c); +} + +// Entries + +@mixin entry($t) { +// +// Entries drawing function +// +// $t: entry type +// + + @if $t==normal { + // + // normal entry + // + color: $text_color; + border-color: $entry_border; + background-color: $entry_bg; + @if $variant == 'light' { box-shadow: $shadow_3, inset 0 0 0 1px rgba($borders_color, 0.01); } + } + + @if $t==focus { + // + // focused entry + // + color: $text_color; + border-color: $entry_highlight; + background-color: $entry_bg; + @if $variant == 'dark' {box-shadow: inset 0 0 0 2px $entry_highlight; } + @if $variant == 'light' { box-shadow: 0px 1px 1px 0px transparent, + 0px 1px 2px 0px transparent, // set the same size transparent shadow for entry transition + inset 0 0 0 2px $entry_highlight; } + } + + @if $t==insensitive { + // + // insensitive entry + // + color: $insensitive_fg_color; + border-color: $entry_border; + background-color: transparentize($entry_bg, 0.45); + } + + @if $t==header-normal { + // + // normal header-bar entry + // + color: $header_fg; + border-style: none; + background-color: $header_button_bg; + background-image: none; + box-shadow: $shadow_1; + + image, image:hover { color: inherit; } + } + + @if $t==header-focus { + // + // focused header-bar entry + // + border: none; + box-shadow: 0px 1px 1px 0px transparent, // + 0px 1px 2px 0px transparent, // set the same size transparent shadow for entry transition + 0 0 0 2px $entry_highlight, + inset 0 0 0 1px $entry_highlight; + } + + @if $t==header-insensitive { + // + // insensitive header-bar entry + // + + color: transparentize($header_fg, 0.45); + border-style: none; + background-color: transparentize($header_entry_bg, 0.15); + } + + @else if $t==osd { + // + // normal osd entry + // + color: $osd_fg_color; + border-color: $osd_entry_border; + background-color: $osd_entry_bg; + + image, image:hover { color: inherit; } + } + + @else if $t==osd-focus { + // + // active osd entry + // + color: $selected_fg_color; + border-color: $osd_entry_border; + background-color: $selected_bg_color; + } + + @else if $t==osd-insensitive { + // + // insensitive osd entry + // + color: $osd_fg_color; + background-color: transparentize($osd_entry_bg, 0.15); + } +} + +// Buttons + +@mixin button($t, $actionb_bg:red, $actionb_fg: green) { +// +// Button drawing function +// +// $t: button type, +// $actionb_bg, $actionb_fg: used for destructive and suggested action buttons + + @if $t==normal { + // + // normal button + // + color: $fg_color; + border-color: $button_border; + background-color: $button_bg; + @if $variant=='light' { box-shadow: $shadow_3, inset 0 0 0 1px rgba($borders_color, 0.01); } + } + + @else if $t==hover { + // + // hovered button + // + color: darken($fg_color, 10%); + border-color: $borders_color; + background-color: if($variant=='light', darken($button_bg, 3%), lighten($button_bg, 8%)); + box-shadow: none; + } + + @else if $t==active { + // + // pushed button + // + color: $selected_fg_color; + background-color: $selection_mode_bg; + border-color: $selection_mode_bg; + background-image: linear-gradient( 180deg, #4c97fe 0%, #0564e3 100%); + box-shadow: none; + } + + @else if $t==insensitive { + // + // insensitive button + // + label, & { color: $insensitive_fg_color; } + + border-color: $button_border; + background-color: transparentize($button_bg, 0.45); + box-shadow: $shadow_3; + } + + @else if $t==insensitive-active { + // + // insensitive pushed button + // + label, & { color: transparentize($selected_fg_color, 0.2); } + + border-color: transparentize($selected_bg_color, 0.25); + background-color: transparentize($selected_bg_color, 0.25); + box-shadow: none; + + opacity: 0.6; + } + + @if $t==flat-normal { + // + // normal button + // + border: none; + background-color: transparent; + + box-shadow: none; + } + + @else if $t==flat-hover { + // + // hovered button + // + color: darken($fg_color, 10%); + background-color: if($variant=='light', rgba(black, 0.15), rgba(white, 0.15)); + border-color: if($variant=='light', rgba(black, 0.15), rgba(white, 0.15)); + } + + @else if $t==flat-active { + // + // pushed button + // + background-image: none; + color: $selected_fg_color; + background-color: if($variant=='light', rgba(black, 0.5), rgba(white, 0.25)); + text-shadow: if($variant=='light', $text_shadow, none); + -gtk-icon-shadow: if($variant=='light', $text_shadow, none); + } + + @else if $t==flat-checked { + // + // pushed button + // + background-image: none; + color: $selected_fg_color; + background-color: if($variant=='light', rgba(black, 0.65), rgba(white, 0.35)); + text-shadow: if($variant=='light', $text_shadow, none); + -gtk-icon-shadow: if($variant=='light', $text_shadow, none); + } + + @else if $t==flat-insensitive { + // + // insensitive button + // + label, & { color: $insensitive_fg_color; } + + background-color: transparent; +// border: none; + } + + @else if $t==flat-insensitive-active { + // + // insensitive pushed button + // + label, & { color: transparentize($selected_fg_color, 0.2); } + + background-color: lighten($fg_color, 20%); + border-color: lighten($fg_color, 20%); + opacity: 0.6; + } + + @if $t==header-normal { + // + // normal header-bar button + // + color: $header_fg; + border: none; + background-color: $header_button_bg; + background-image: none; + box-shadow: $shadow_1; + } + + @else if $t==header-hover { + // + // hovered header-bar button + // + color: $header_fg; + border: none; + background-color: $header_button_hover_bg; + box-shadow: $shadow_1; + } + + @else if $t==header-active { + // + // pushed header-bar button + // + color: $selected_fg_color; + border: none; + background-color: $header_button_active_bg; + background-image: none; + text-shadow: if($variant=='light', $text_shadow, none); + -gtk-icon-shadow: if($variant=='light', $text_shadow, none); + box-shadow: $shadow_1; + } + + @else if $t==header-checked { + // + // pushed header-bar button + // + color: $selected_fg_color; + border: none; + background-color: $header_button_checked_bg; + background-image: none; + text-shadow: if($variant=='light', $text_shadow, none); + -gtk-icon-shadow: if($variant=='light', $text_shadow, none); + box-shadow: $shadow_1; + } + + @else if $t==header-insensitive { + // + // insensitive header-bar button + // + label, & { color: transparentize($header_fg, 0.45); } + + background-color: $header_button_bg; + border: none; + box-shadow: $shadow_1; + } + + @else if $t==header-insensitive-active { + // + // header-bar insensitive pushed button + // + color: transparentize($selected_fg_color, 0.25); + border: none; + background-color: transparentize($header_button_active_bg, 0.35); + box-shadow: none; + } + + @else if $t==osd { + // + // normal osd button + // + color: $osd_fg_color; + border-color: $osd_button_border; + background-color: $osd_button_bg; + } + + @else if $t==osd-hover { + // + // active osd button + // + color: $osd_fg_color; + border-color: $osd_button_border; + background-color: opacify(lighten($osd_button_bg, 7%), 0.1); + } + + @else if $t==osd-active { + // + // active osd button + // + color: $selected_fg_color; + border-color: $osd_button_border; + background-color: $selected_bg_color; + } + + @else if $t==osd-insensitive { + // + // insensitive osd button + // + color: $osd_insensitive_fg_color; + border-color: $osd_button_border; + background-color: transparentize($osd_button_bg, 0.15); + } + + @else if $t==suggested_destructive { + // + // suggested or destructive action buttons + // + background-clip: border-box; + + color: $actionb_fg; + background-color: $actionb_bg; + border-color: darken($actionb_bg, 10%); + background-image: none; +// box-shadow: none; + } + + @else if $t==undecorated { + // + // reset + // + border-color: transparent; + background-color: transparent; + background-image: none; + box-shadow: none; + } +} + +// +// Overshoot +// +@mixin overshoot($p, $c:$selected_bg_color) { +// $p: position +// $c: base color +// +// possible $p values: +// top, bottom, right, left +// + + $_big_gradient_length: 60%; + + $_position: center top; + $_big_gradient_size: 100% $_big_gradient_length; + + @if $p==bottom { + $_position: center bottom; + } + + @else if $p==right { + $_position: right center; + $_big_gradient_size: $_big_gradient_length 100%; + } + + @else if $p==left { + $_position: left center; + $_big_gradient_size: $_big_gradient_length 100%; + } + + background-image: -gtk-gradient(radial, + $_position, 0, + $_position, 0.6, + from(transparentize($c, 0.8)), + to(transparentize($c, 1))); + + background-size: $_big_gradient_size; + background-repeat: no-repeat; + background-position: $_position; + + background-color: transparent; // reset some properties to be sure to not inherit them somehow + border: none; // + box-shadow: none; // +} + +// +// Undershoot +// +@mixin undershoot($p) { +// $p: position +// +// possible $p values: +// top, bottom, right, left +// + + $_undershoot_color_dark: transparentize(black, 0.8); + $_undershoot_color_light: transparentize(white, 0.8); + + $_gradient_dir: left; + $_dash_bg_size: 10px 1px; + $_gradient_repeat: repeat-x; + $_bg_pos: center $p; + + background-color: transparent; // shouldn't be needed, but better to be sure; + + @if ($p == left) or ($p == right) { + $_gradient_dir: top; + $_dash_bg_size: 1px 10px; + $_gradient_repeat: repeat-y; + $_bg_pos: $p center; + } + + background-image: linear-gradient(to $_gradient_dir, // this is the dashed line + $_undershoot_color_light 50%, + $_undershoot_color_dark 50%); + + padding-#{$p}: 1px; + background-size: $_dash_bg_size; + background-repeat: $_gradient_repeat; + background-origin: content-box; + background-position: $_bg_pos; + border: none; +} diff --git a/src/gtk-3.0/sass/_drawing.scss b/src/gtk-3.0/sass/_drawing.scss index d64d79a..06d62dc 100644 --- a/src/gtk-3.0/sass/_drawing.scss +++ b/src/gtk-3.0/sass/_drawing.scss @@ -1,4 +1,3 @@ - // Shadows $shadow_0: 0px 1px 2px 0px rgba(16, 16, 16, 0.1), 0px 2px 2px 0px rgba(16, 16, 16, 0.05); // Slider hover shadow $shadow_1: 0px 1px 1px 0px rgba(16, 16, 16, 0.12), 0px 1px 2px 0px rgba(16, 16, 16, 0.06); // Header-button shadow diff --git a/src/gtk-3.0/thumbnail-compact-dark.png b/src/gtk-3.0/thumbnail-compact-dark.png new file mode 100644 index 0000000..775cb4b Binary files /dev/null and b/src/gtk-3.0/thumbnail-compact-dark.png differ diff --git a/src/gtk-3.0/thumbnail-compact-light.png b/src/gtk-3.0/thumbnail-compact-light.png new file mode 100644 index 0000000..72cff45 Binary files /dev/null and b/src/gtk-3.0/thumbnail-compact-light.png differ diff --git a/src/gtk-3.0/thumbnail-dark.png b/src/gtk-3.0/thumbnail-dark.png index 062f496..a22b200 100644 Binary files a/src/gtk-3.0/thumbnail-dark.png and b/src/gtk-3.0/thumbnail-dark.png differ diff --git a/src/gtk-3.0/thumbnail-light.png b/src/gtk-3.0/thumbnail-light.png index d5c63a0..f8a7be1 100644 Binary files a/src/gtk-3.0/thumbnail-light.png and b/src/gtk-3.0/thumbnail-light.png differ diff --git a/src/gtk-3.0/thumbnail.svg b/src/gtk-3.0/thumbnail.svg index e60718e..2c796bf 100644 --- a/src/gtk-3.0/thumbnail.svg +++ b/src/gtk-3.0/thumbnail.svg @@ -16,7 +16,7 @@ viewBox="0 0 39.6875 39.6875" version="1.1" id="svg8" - inkscape:version="0.92.2 (5c3e80d, 2017-08-06)" + inkscape:version="0.92.3pre0 (0ab9bec, 2018-03-03)" sodipodi:docname="thumbnail.svg" inkscape:export-filename="/home/vince/桌面/thumbnail.png" inkscape:export-xdpi="96" @@ -228,6 +228,61 @@ y2="260.90042" gradientUnits="userSpaceOnUse" gradientTransform="translate(-66.807296,20.753739)" /> + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +